/* Reset */
p {
	margin-top: 0;
}

#main #content {
    margin-bottom: 0 !important;
  }

/* Header / Menu */
.fusion-tb-header #menu-primary-menu {
	flex-wrap: nowrap;
	text-align: left;
}

.fusion-tb-header #menu-primary-menu > .awb-menu__main-li {
	position: static;
}

.fusion-tb-header #menu-primary-menu .menu-text {
	text-align: left;
	align-items: flex-start;
	justify-content: flex-start;
	min-width: 4.16em;
}

.fusion-tb-header #menu-primary-menu .awb-menu__sub-ul {
	padding: 1em 1.5em 6em 1.5em;
	background: linear-gradient(
	  to bottom,
	  var(--awb-submenu-active-bg) 70%,
	  hsl(from var(--awb-submenu-active-bg) h s l / 0%) 100%
	);
	width: 100%;
}

.fusion-tb-header #menu-primary-menu .awb-menu__sub-ul li {
	background: transparent;
}

/* Off Canvas Menu */
#sasic-big-menu .fusion-menu .awb-menu__sub-ul {
	left: 100% !important;
}

body:has(.awb-show) {
	#main,
	.fusion-footer,
	#top {
		filter: blur(0px);
		transition: blur ease 0.4s;
	}
}

body:has(.awb-show) {
	#main,
	.fusion-footer,
	#top {
		filter: blur(5px);
	}
}

@media screen and (min-width: 641px) {
	#sasic-big-menu .fusion-menu .awb-menu__sub-ul {
		width: calc(60% + 5rem);
		padding: 0 1.5rem 0 3rem;
	}
}

.awb-off-canvas .fusion-social-links {
	margin-left: 0;
}

.sasic-oc-open[data-sasic-oc="sasic-big-menu"] .sasic-menu-trigger,
.sasic-oc-open[data-sasic-oc="sasic-big-search"] .sasic-search-trigger,
.fusion-tb-header:not(.sasic-oc-open) .sasic-close-all {
	display: none;
}

.sasic-close-all {
	transition: all 0.4s ease;
	transform: rotate(0);
}

.fusion-tb-header.sasic-oc-open .sasic-close-all {
	transform: rotate(45deg);
}

.fusion-tb-header.sasic-oc-open .sasic-close-all:hover {
	transform: rotate(225deg);
}

.sasic-main-logos > .fusion-column-wrapper > .fusion-builder-row {
	align-items: center;
}

.s25-burger-menu:hover::before {
  content: "\e900";
}

/* Home */
/*
#wrapper .awb-gradient-text {
	background-color: var(--awb-text-color) !important;
}
*/
.full-width-gradient-bg.fusion-layout-column .fusion-column-wrapper {
	background-image: none;
}

.full-width-gradient-bg.fusion-layout-column .fusion-column-wrapper::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100vw;
	right: -100vw;
	background-image: var(--awb-bg-image);
	mix-blend-mode: var(--awb-bg-blend);
	background-repeat: var(--awb-bg-repeat);
	background-size: var(--awb-bg-size);
	z-index: -1;
}

.gradient-over-img-bg::after {
	content: "";
	position: absolute;
	top: 80%;
	bottom: 0;
	left: -100vw;
	right: -100vw;
	z-index: 1;
	background: linear-gradient(
	  to top,
	  var(--awb-background-color) 0%,
	  hsl(from var(--awb-background-color) h s l / 0%) 100%
	);
}

/* Buttons */
body .fusion-button,
#mc-embedded-subscribe {
	transition: all ease 0.4s;
}

.fusion-button:has(i) {
	justify-content: space-between;
}

body .fusion-button i {
	color: var(--button_border_color);
	margin-left: 2em;
}

body .fusion-button i.s25-arrow-right,
body .fusion-button i.s25-up-right-external-link,
body .fusion-button i.s25-plus-positive,
body .fusion-button i.s25-down-right-download-arrow {
	font-size: clamp(1.5em, calc(0.8333vw + 16px), 32px);
}

body .fusion-button:hover i.s25-up-right-external-link {
	transform: translateY(-0.25em);
}

body .fusion-button:hover i.s25-down-right-download-arrow {
	transform: translateY(0.25em);
}

span:has(a:hover) ~ .fusion-column-wrapper i.s25-up-right-external-link { /* Hover state for icons inside of linked columns */
	transform: translateY(-0.25em) translateX(0.25em);
}

span:has(a:hover) ~ .fusion-column-wrapper i.s25-arrow-right { /* Hover state for icons inside of linked columns */
	transform: translateX(0.2em) scaleX(0.9); 
}


body .fusion-button:hover i.s25-plus-positive,
span:has(a:hover) ~ .fusion-column-wrapper i.s25-plus-positive { /* Hover state for icons inside of linked columns */
	transform: rotate(180deg);
}

body .fusion-button:has(.s25-arrow-right):hover,
body .fusion-button:has(.s25-up-right-external-link):hover,
body .fusion-button:has(.s25-plus-positive):hover,
body .fusion-button:has(.s25-down-right-download-arrow):hover {
	padding-left: calc(var(--button_padding-left,1em) + 0.5em);
	padding-right: calc(var(--button_padding-right,1.5em) - 0.5em);
}

#wrapper .fusion-flip-boxes .fusion-flip-box .flip-box-back .fusion-button {
	display: inline-flex;
	margin: 0;
	--button_accent_color: var(--awb_color8);
	--button_accent_color_hover: var(--awb-custom10);
}

/* SASIC Sat 1 */
.sasic-sat1 {
	height: 200vw;
	transform: rotate(40deg);
	animation: ssat1 42s linear infinite both;
}

@keyframes ssat1 {
	0% {transform: rotate(40deg);}
	100% {transform: rotate(-40deg);}
}

/* Slideshows */
.swiper-pagination-bullet {
	height: var(--awb-dots-size) !important;
	border-radius: var(--awb-dots-size) !important;
}

#news .fusion-imageframe,
#news .fusion-imageframe img {
	width: 100%;
}

/* Home News */
.corner-cover::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1388' height='783' viewBox='0 0 1388 783'%3E%3Cpath d='M.552,0h1387.448v782.59399S1016.66699,40.934.552,0' fill='%23271848'/%3E%3C/svg%3E");
	display: block;
	height: 100%;
	position: absolute;
	top: -1px;
	right: 0;
	left: 0;
	/*background-size: clamp(300px, calc(46.3393vw + 151.7143px), 1338px) auto;*/
	background-size: auto clamp(300px, 100%, 50vmin);
	background-repeat: no-repeat;
	background-position: top right;
}


/* Right Bar */
#sasic-right-bar {
	width: 5em !important;
	right: 0;
	top: 0px !important;
	border-left: 0 !important;
	height: auto !important;
	bottom: env(safe-area-inset-bottom, 0) !important; /* Clear the UI Chrome in iOS26+ */
	position: fixed;
}

#sasic-right-bar::before {
	content: "";
	position: absolute;
	width: var(--awb-border-sizes-left,4px) !important;
	background-image: linear-gradient(to bottom,  var(--awb-color8) 0%,var(--awb-color6) 20%,#009cdc 60%,var(--awb-custom10) 100%);
	bottom: 0;
	left: 0;
	top: 0;
}

@supports (-webkit-touch-callout: none) and (text-wrap: pretty) {
  /* iOS Safari 26+ only */
  #sasic-right-bar::before {
	  border-radius: 2em;
	  top: 4px;
	  bottom: 2px;
  }
}

#sasic-right-bar.fusion-container-stuck {
	top: var(--adminbar-height, 0px) !important;
}

#sasic-right-bar > .fusion-builder-row {
	flex-direction: column;
}

#sasic-right-bar > .fusion-builder-row > .fusion-layout-column {
	flex-grow: 1;
}

/* Icons */
i, h3 {
	transition: all 0.2s ease;
}

/* Footer */
.fusion-tb-footer .sasic-footer-big-links span:has(a:hover) ~ .fusion-column-wrapper h3 {
	color: var(--awb-custom11);
}

/* Shortcodes */
/* Steam */
.ptoggle {
	padding: 0;
	list-style: none;
}

.ptoggle > li {
	display: grid;
	grid-column-gap: clamp(30px, 10%, 10%);
	grid-template-columns: 1fr 2fr;
	align-items: start;
	perspective: 1000px;
	transition: all 0.8s ease;
}

.ptoggle > li img {
	/*grid-row: 1 / span 2;*/
	margin-bottom: 2em;
	opacity: 0;
	pointer-events: none;
	transform: scale(0.95) rotateX(10deg) rotateY(-60deg);
	transition: all 0.4s ease 0.1s, transform 0.8s ease;
	max-width: 0px;
	height: auto;
	transform-origin: top left;
}

.ptoggle > li.active > img {
	opacity: 1;
	transform: scale(1) rotateX(0deg);
	pointer-events: all;
	max-width: 100%;
	transition: all 0.4s ease;
	/*filter: grayscale(1) contrast(1.2) brightness(1.15);*/
}

#wrapper h3.steam-member-name {
	text-transform: none;
	color: var(--awb-custom11);
}

#wrapper h4.steam-member-title {
	color: var(--awb-color1);
	margin-bottom: 1rem;
}

.steam-member-bio-text {
	max-height: 0px;
	pointer-events: none;
	transition: all 0.8s ease;
	overflow: hidden;
}

.ptoggle-content {
	pointer-events: none;
	transition: all 0.8s ease;
	overflow: hidden;
}

.active .ptoggle-content {
	transition: all 0.8s ease;
	pointer-events: all;
	grid-column: 2;
}

.ptoggle > li:not(.active) .ptoggle-content {
	max-height: 0px !important;
}

.ptoggle-bar {
	border-bottom: 1px solid var(--accordion_divider_color);
	position: relative;
	margin-bottom: 2em;
	display: block;
	grid-column: 2;
	padding-right: 2em;
}

.active .ptoggle-bar {
	pointer-events:none;
}

.ptoggle-bar,
.ptoggle-bar * {
	transition: all 0.2s ease;
}

.ptoggle > li:not(:first-child) {
	margin-top: 2em;
}

.ptoggle-bar i {
	position: absolute;
	right: 0;
	bottom: 1rem;
	font-size: var(--awb-typography3-font-size);
	color: var(--accordion_divider_color);
}

.ptoggle > li.active .stoggle-inactive {
	transform: rotateX(90deg);
}

.ptoggle > li:not(.active) .stoggle-active {
	transform: rotateX(90deg);
}

.ptoggle > li:not(.active) .ptoggle-bar:hover {
	border-bottom-color: var(--awb-custom10);
}

#wrapper .ptoggle > li:not(.active) .ptoggle-bar:hover h3.steam-member-name,
#wrapper .ptoggle > li:not(.active) .ptoggle-bar:hover i {
	color: var(--awb-custom10);
}

/* Shistory */
#wrapper h3.shistory-era-period {
	color: #706794;
	font-weight: 900;
	text-transform: none;
}

#wrapper h4.shistory-era-title {
	color: var(--awb-color8);
	margin-bottom: 1rem;
}

#wrapper h5.shistory-date {
	color: var(--awb-color8);
	margin-top: 0;
	text-transform: none;
	font-weight: 600;
}

.shistory-event {
	display: grid;
	grid-column-gap: 1.5rem;
	grid-template-columns: 8em 1fr;
}

.shistory-era-col2 {
	grid-column: 2;
}

/* Ecosystem */
.fusion-image-element:has(.ecosystem-logo) {
	aspect-ratio: 3 / 1;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	width: 100%;
}

#precincts-and-projects-grid .fusion-button {
	justify-content: space-between;
}

/* Bottom Buttons */
#wrapper .bottom-button > .fusion-column-wrapper > .fusion-builder-row {
  flex-grow: 1;
  flex-direction: column;
}

.bottom-button .fusion-layout-column:has(.fusion-title) {
  flex-grow: 1;
}

#wrapper .bottom-button > .fusion-column-wrapper {
  flex-direction: row;
}


/* News Post Cards */
#menu-news-menu .current-menu-item {
	font-weight: 800;
}

.archive-news-post-card > .fusion-column-wrapper > .fusion-builder-row,
.archive-search-post-card > .fusion-column-wrapper > .fusion-builder-row {
	flex-direction: column;
}

#wrapper .fusion-post-cards {
--awb-load-more-btn-color: var(--awb-color1);
--awb-load-more-btn-bg-color: var(--awb-custom12);
--awb-load-more-btn-hover-color: var(--awb-color8);
--awb-load-more-btn-hover-bg-color: var(--awb-color3);
}

.post-type-class.directory + .fusion-image-element img {
	object-fit: contain;
	max-width: calc(100% - 3em);
}

.post-type-class.directory + .fusion-image-element .fusion-imageframe.has-aspect-ratio {
	aspect-ratio: var(--awb-aspect-ratio);
	text-align: center;
	background-color: var(--awb-color1);
	display: flex;
	align-items: center;
	justify-content: center;
}

/* CSS Classes */
#wrapper .aspect-ratio-16-9 > .fusion-column-wrapper {
	aspect-ratio: 16 / 9;
}

#wrapper .aspect-ratio-16-9 > .fusion-column-wrapper .fusion-image-element,
#wrapper .aspect-ratio-16-9 > .fusion-column-wrapper .fusion-image-element .fusion-imageframe {
	max-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#wrapper .aspect-ratio-16-9 > .fusion-column-wrapper .fusion-image-element .fusion-imageframe img {
	object-fit: contain;
	aspect-ratio: 16 / 9;
}

#wrapper .sasic-cover-img > .fusion-column-wrapper,
#wrapper .sasic-cover-img > .fusion-column-wrapper > .fusion-image-element,
#wrapper .sasic-cover-img > .fusion-column-wrapper > .fusion-image-element .fusion-imageframe {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  flex-direction: row;
}

#wrapper .sasic-cover-img img {
  object-fit: cover;
  object-position: center;
}

/* Vimeo Background */
#wrapper .fusion-background-video-wrapper[data-vimeo-video-id] {
	margin: 0 !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
}

#wrapper .fusion-background-video-wrapper[data-vimeo-video-id] iframe {
	width: auto !important;
	height: auto !important;
	min-height: 56.25vw;
	min-width: 100vw;
}

#wrapper .fusion-background-video-wrapper[data-vimeo-video-id]::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 20vw;
	background-image: linear-gradient(180deg, hsla(var(--awb-color6-h),var(--awb-color6-s),var(--awb-color6-l),calc(var(--awb-color6-a) - 100%)) 0%,var(--awb-color6) 80%);
}

/* Media Queries */
@media screen and (min-width: 1141px) {
	#wrapper .sasic-menu-trigger {
		display: none;
	}
	
	.sasic-site-title h1 br {
		display: none;
	}
}

@media screen and (max-width: 1140px) {
	#wrapper .sasic-header-right {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	#wrapper .mobile-no-border .fusion-column-wrapper {
		border: 0 none transparent;
	}
	
	#wrapper .ptoggle > li {
		display: flex;
		flex-direction: column;
	}
	
	#sasic-big-menu ul.fusion-menu > li.menu-item {
		flex-direction: column;
	}
	
	#sasic-big-menu .awb-menu__sub-ul.awb-menu__sub-ul_main {
		position: relative;
		left: auto !important;
		top: auto;
		max-height: 100em;
		display: block;
		transition: all 0.6s ease;
		transition-delay: 0s;
		width: 100%;
	}
	
	#sasic-big-menu ul.fusion-menu > li.menu-item:not(:hover) .awb-menu__sub-ul.awb-menu__sub-ul_main {
		max-height: 0;
		opacity: 0;
		pointer-events: none;
		transition-delay: 0.2s;
	}
	
	#sasic-big-menu .sasic-mobile-menu-col > .fusion-column-wrapper {
		border: 0 none transparent;
	}
}

@media screen and (max-width: 500px) {
	.shistory-event {
		display: flex;
		flex-direction: column;
	}
}