/**
* Fuel Theme
* Version 6.0.6
**/


/*--------------------------------------------------------------
# Landing Page
--------------------------------------------------------------*/
.entry-content:has(#landing_page_container) { padding-right: 0; padding-left: 0; }
#landing_page_container { padding: 0 0 4.6rem; margin: 0; }
#landing_page_container .landing-page-columns {
	margin: auto !important;
	.bio-list-container { padding-right: 0; padding-left: 0; }
	.bio-list {display: flex;flex-wrap: wrap;gap: 1rem;padding-right: 0.75rem;padding-left: 0.75rem;}
	.bio-list .bio-box {display: grid;grid-template-areas:
"img label";justify-content: start;background: var(--ltgrey);position: relative;}
	.bio-list .bio-image {}
	.bio-list img {width: 100%;height: 100%; transition: 300ms ease;}
	.bio-list .bio-label {grid-area: label;line-height: normal;display: flex;flex-wrap: wrap;align-content: center;color: var(--primary-color);gap: 0.8rem;}
	.bio-list .bio-label span {flex: 1 1 100%;}
	.bio-list .bio-name {font-size: 0.9rem;border-top: 0;display: flex;width: 100%;max-width: none;position: relative;}
	.bio-list .bio-name:after {content: '';width: 1.6rem;height: 1px;position: absolute;inset: auto 0 -0.35rem -0.4rem;background-color: var(--primary-color);}
	.bio-list .bio-cred {font-size: 0.7rem;}
	.bio-label-svg {/* background: var(--primary-transparent-2); *//* position: absolute; *//* inset: 0 0 0 auto; *//* width: 1.1rem; *//* display: flex; *//* justify-content: center; *//* align-items: center; *//* transition: 300ms ease; */}
	.bio-label-svg svg path {transition: 300ms ease;}
	.sub-menu .bio-list .bio-box:not(:hover, :focus-visible):nth-child(even) {background: rgba(255, 255, 255, 0.1);}
}

/* Hover State */
#landing_page_container .landing-page-columns.wp-block-columns {
	.bio-box {
		transition: 300ms ease;     
		.bio-image img, .bio-label, .bio-name:after, .bio-label-svg, .bio-label-svg { transition: 300ms ease; }
	}

	.bio-box:is(:hover, :focus-visible) {
	    background: var(--primary-color);
		.bio-image img { transform: scale(1.2); }
		.bio-label { color: var(--accent-color); }
		.bio-name:after { background-color: var(--accent-color); }
		.bio-label-svg {background: var(--accent-color);}
		.bio-label-svg svg path {stroke: var(--primary-color);}
	}
}

/* Bottom City Image */
.landing-page-bottom-image {position: absolute;inset: auto 0 0 0;z-index: -1;width: 100vw;max-width: none;}	

@media (min-width: 48.875em) { /* 782px */
	#landing_page_container .landing-page-columns.wp-block-columns { 
		flex-wrap: wrap !important; 
		.wp-block-column {flex-basis: auto;margin-bottom: 2.5rem;}
		.bio-list { padding-right: 1.5rem; padding-left: 1.5rem; }
	}
}

@media (min-width: 58.5em) {
	#landing_page_container { padding-bottom: 9.2rem; }		
	#landing_page_container .landing-page-columns.wp-block-columns {
		flex-wrap: wrap !important; padding: 0; gap: 0;	
		&:before {content: '';width: calc(0.3rem + 1px);height: calc(0.3rem + 1px);background: var(--white);position: absolute;top: 1.3rem;right: 0;left: 0;margin: auto;}
		&:after {content: '';width: 1px;background: var(--white);position: absolute;top: 1.5rem;right: 0;bottom: 6rem;left: 0;z-index: 1;margin: auto;}
		#lp_entga_col > .wp-block-fuel-wrapper-block, #lp_entga_south_col > .wp-block-fuel-wrapper-block {padding: 0 2rem;min-height: 12.6rem;flex-wrap: wrap;align-content: center;}
		#lp_entga_col .bio-list-container:before {content: '';width: 1px;background: var(--primary-color);position: absolute;top: -1.6rem;right: auto;bottom: -3.2rem;left: calc(100% - 0.5px);z-index: 2;margin: auto;}
		.wp-block-column {flex-basis: 0;margin-bottom: 0;}
		.bio-list .bio-image {min-height: 4.5rem;}
		.bio-list-container {padding: 0;margin-top: 1.65rem;}	
		#lp_entga_col .bio-list {padding-right: 2.125rem;padding-left: 1.5rem;}
		#lp_entga_south_col .bio-list {padding-right: 1.5rem;padding-left: 2.125rem;}
	}
}

@media (min-width: 68.5em) {
	#landing_page_container .landing-page-columns.wp-block-columns {
		&>.wp-block-fuel-wrapper-block {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;gap: 0 1rem;padding: 0 0 0 1rem;min-height: 8.5rem;}
		.wp-block-buttons .wp-block-button__link { font-size: 0.8rem; }
		#lp_entga_col .bio-list-container:before {top: -3.3rem;}
        .bio-list-container { margin-top: 3.3rem; }
		.bio-list {justify-content: flex-start;gap: 1.5rem;}
		.bio-list .bio-box {max-width: calc((100% / 2) - 0.75rem);}
		.bio-list .bio-name {font-size: 0.8rem;position: relative;}
		.bio-list .bio-cred {font-size: 0.8rem;}
	}
}

@media (min-width: 82.5em) {
	#landing_page_container .landing-page-columns.wp-block-columns {
		.wp-block-buttons .wp-block-button__link { font-size: 1rem; }
		#lp_entga_col > .wp-block-fuel-wrapper-block, #lp_entga_south_col > .wp-block-fuel-wrapper-block {display: flex;gap: 0 2.4rem;padding: 0 2rem;}
		#lp_entga_col .bio-list { padding-right: 2.125rem; padding-left: 2.1rem; }
		#lp_entga_south_col .bio-list { padding-right: 2.1rem; padding-left: 2.125rem; }
	}
}

@media (min-width: 91.5em) { /* 1464px */
	#landing_page_container .landing-page-columns.wp-block-columns {	
		#lp_entga_col > .wp-block-fuel-wrapper-block, #lp_entga_south_col > .wp-block-fuel-wrapper-block {padding-right: 2rem;padding-left: 4.2rem;}
		.bio-list .bio-name, .bio-list .bio-cred { font-size: 1rem; }
		#lp_entga_col .bio-list {padding-right: 4.25rem;padding-left: 4.2rem;}
		#lp_entga_south_col .bio-list {padding-right: 4.2rem;padding-left: 4.25rem;}
	}
}

/* Landing Page Footer */
.lp-footer-city-outline {margin: auto !important;height: initial;}
#landing-page-footer { text-align: center; }


/* Left Column, w/ "Load More" Function */
.bio-list-load-more-container {
	.type-bio { width: 100%; }
	.bio-box {justify-content: start;padding: 0 1.2rem 0 0;width: 100% !important;max-width: none;background: var(--ltgrey);position: relative;}
	.bio-label {width: 100%;border-top: 0;flex-wrap: wrap;border-top: 0;margin-top: 0;}
	.bio-details { margin: 0; }
	.bio-name.wp-block-fuel-wrapper-block {gap: 0 !important;flex-wrap: wrap;width: 100% !important;max-width: none !important;padding: 0 !important;min-height: 0 !important;gap: 0.25rem !important;}
	.bio-name.wp-block-fuel-wrapper-block > p {margin: 0 !important;padding: 0 !important;}
 	.bio-name { flex-wrap: wrap; }
	.bio-cred {display: block;width: 100%;text-align: left;width: 100% !important;max-width: none !important;}
}

@media (min-width: 68.5em) {
	.bio-list-load-more-container {
		.type-bio {width: 100%;max-width: calc((100% / 2) - 0.75rem); }
		.bio-list .bio-box {max-width: 100% !important;}	
	}
}