/**
* Fuel Theme
* Version 6.4.0
**/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Content Header
# Content
# Content CTA
# Sidebar
# Secondary Pages
## Overview Pages
## Meet Our Team Page
## Single Bio pages
## Single Career page
## Contact Page
## Manufacturer Pages
## Blog
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Content Header
--------------------------------------------------------------*/
body:not(.post-template-default.single-post) header.main-header .wp-block-post-date { display: none; }
.author-block { padding-left: var(--contain-padding); padding-right: var(--contain-padding); margin: 0; }
.author-type { color: var(--content-color); }
.main-header {background: var(--vertical-secondary-gradient);--top-margin: 9.5rem;margin-top: calc(var(--top-margin) * -1);padding-top: calc(var(--top-margin) + 2.3rem) !important;padding-right: 1.5rem;padding-left: 1.5rem;overflow: visible;}
.main-header .wp-block-cover__inner-container {position: initial;padding-bottom: 4.5rem;}
.main-title { text-align: center; }
.main-header .hero-bottom {position: absolute;right: 0;bottom: -0.1rem;left: 0;width: 100%;max-width: none;height: initial;}
.main-header .soundwaves { position: absolute; inset: auto 0 -1rem; margin: 0 !important; z-index: 2; width: 100%; max-width: none; height: auto; pointer-events: none;}

@media (min-width: 68.5em) { 
	.main-header { background: var(--secondary-gradient); }
	.main-header .wp-block-cover__inner-container {padding-bottom: 8rem;}
	.main-header {padding-top: calc(var(--top-margin) + 6.8rem) !important;}
	.main-header .soundwaves { bottom: -3.2rem; } 
}

@media (min-width: 82.5em) { 
    .main-header .wp-block-cover__inner-container { padding-bottom: 12rem; }
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.entry-wrapper {padding-top: 3rem;padding-bottom: clamp(2rem, 5vw, 4rem);gap: 2rem clamp(0.9rem, -4rem + 11.667vw, 3rem);margin: 0;}

/* @see https://hover.fuel.team/ */ 
/*.entry-content :where(p, li):not([class]) a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.1rem; padding-bottom: 0.15em; background: linear-gradient(0deg, var(--accent-color), var(--accent-color)) no-repeat right bottom / 0 1px; transition: background-size 350ms; }
.entry-content :where(p, li):not([class]) a:is(:hover, :focus-visible) { text-decoration-color: var(--accent-color); background-size: 100% 1px; background-position-x: left; }*/

.entry-content h2:not(.nerp) {color: var(--accent-color);}
.entry-content h3:not(.nerp) {color: var(--primary-color);}
.entry-content .wp-block-list { padding-left: 2rem; }

.entry-content a:not( .wp-block-post-excerpt__more-link, .wp-block-post-title > a, .content-cta-phone .phone, .wp-block-file__button, .wp-block-button__link.wp-element-button, .loc-sec-column-container a, .our-providers-img-col .bio-list .bio-box, .wp-block-image > a, .meet-our-team-pg-container .wp-block-post-featured-image a, .contact-pg-col a, .infoPanel-padding .icon-item, .map-quick-links a, .content-cta-ph-num .phone ) {color: var(--primary-color);text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 0.1rem;text-decoration-color: var(--primary-color);background: linear-gradient(0deg, var(--primary-color), var(--primary-color)) no-repeat right bottom 0.2em / 100% 0;transition: background-size 350ms, color 350ms;padding: 0.1rem 0.1rem;} 
.entry-content a:not(.wp-block-post-excerpt__more-link, .wp-block-post-title > a, .content-cta-phone .phone, .wp-block-file__button, .wp-block-button__link.wp-element-button, .loc-sec-column-container a, .our-providers-img-col .bio-list .bio-box, .wp-block-image > a, .meet-our-team-pg-container .wp-block-post-featured-image a, .contact-pg-col a, .infoPanel-padding .icon-item, .map-quick-links a, .content-cta-ph-num .phone):is(:hover, :focus-visible) {color: #fff;text-decoration-color: var(--primary-color);background-size: 100% 100%;}

@media (min-width: 68.5em) { 
	.entry-wrapper {padding-top: 5rem;}
}


/*--------------------------------------------------------------
# Content CTA
--------------------------------------------------------------*/
.content-cta { position: relative; }
.content-cta:after { content: ''; position: absolute; inset: 0.4rem; padding: 0.05rem; background: linear-gradient(90deg, #489FC3 2.3%, #D03743 57.25%, #E7C74C 106.21%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.content-cta-text { max-width: 26.5rem; }
.content-cta-ph-num { font-size: 1.2rem; font-weight: bold; color: var(--primary-color); }
.content-cta-ph-num .phone { color: var(--primary-color); }
.content-cta-ph-num .phone:is(:hover, :focus-visible) {color: var(--accent-color);text-decoration: underline;}
.content-cta-ph-num .phone svg {transition: 300ms ease;margin-right: 0.25rem;height: 1.1rem;}


/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.wp-block-template-part:has(#sidebar), #sidebar { height: 100%; }
.sidebar-cf-container:after { content: ''; position: absolute; inset: 0; padding: 0.05rem; background: linear-gradient(90deg, #489FC3 2.3%, #D03743 57.25%, #E7C74C 106.21%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
#sidebar {
	.wp-block-heading {background: linear-gradient(90deg, rgba(72, 159, 195, 0.1) 2.3%, rgba(208,55,67,0.1) 57.25%, rgba(231,199,76,0.1) 106.21%);font-size: 1.5rem;}
	ul { list-style: none; }
	p {margin-top: 0.8rem;}
	.gfield { border-radius: 0; } 
	.gfield:nth-child(1) { border-color: var(--primary-color); } 
	.gfield:nth-child(2) { border-color: var(--color3); } 
	.gfield:nth-child(3) { border-color: var(--color4); }
}


/*--------------------------------------------------------------
# Secondary Pages
--------------------------------------------------------------*/

/* Remvoe these two rules if you are displaying the teams as a bio grid */
.bio .wp-block-column:has(.wp-block-post-featured-image)  { order: -1; /* Move bio image to top on mobile */ }

@media (max-width: 48.8125em) { /* 781px */
	.bio .wp-block-post-title, .bio .wp-block-post-title + p { text-align: center;}
}


/*--------------------------------------------------------------
## Overview Pages
--------------------------------------------------------------*/
.page-template-page_fullwidth .wp-block-media-text__media::after { border-radius: 0 1.4rem 0 1.4rem; }


/*--------------------------------------------------------------
## Meet Our Team Page
--------------------------------------------------------------*/
.meet-our-team-pg-container {
	.wp-block-post-featured-image > a::after {content: '';position: absolute;inset: 0.4rem;border-radius: 0 1.4rem 0 1.4rem;padding: .05em;background: linear-gradient(90deg, #489FC3 2.3%, #D03743 57.25%, #E7C74C 106.21%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
	.wp-block-post-featured-image img { border-radius: 0 1.6rem 0 1.6rem; }	
}

@media (prefers-reduced-motion:no-preference) { 
	.meet-our-team-pg-container {
		.wp-block-post-featured-image img {opacity: 0;clip-path: inset(50% 50% 50% 50%);}
		.js-intersected .wp-block-post-featured-image img {animation: expandout 600ms ease .3s forwards;}
		.wp-block-post-featured-image > a::after {}
		.js-intersected .wp-block-post-featured-image > a::after {}
	}
}


/*--------------------------------------------------------------
## Single Bio pages
--------------------------------------------------------------*/
.single-bio .entry-wrapper { 
	gap: 2rem clamp(0rem, 1.2vw, 1rem);
	.bio-details {max-width: 17rem;}
	.wp-block-post-featured-image::after {content: '';position: absolute;inset: 0.4rem;border-radius: 0 1.4rem 0 1.4rem;padding: .05em;background: linear-gradient(90deg, #489FC3 2.3%, #D03743 57.25%, #E7C74C 106.21%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
	.wp-block-post-featured-image img { border-radius: 0 1.6rem 0 1.6rem; }	
}

@media (min-width: 48.875em) { /* 782px */
	.single-bio-container.wp-block-columns {
		gap: 0 2.8rem; 
		.wp-block-group:has(> .bio-details) { display: flex; justify-content: flex-end; }
		.bio-details { margin: 0 !important; }
	}
}

@media (prefers-reduced-motion:no-preference) { 
	.single-bio .entry-wrapper {
		.wp-block-post-featured-image { opacity: 0; --y: 2rem; transform: translateY(2rem); }
		.js-intersected .wp-block-post-featured-image { animation: fadein 600ms ease .3s forwards }
		.wp-block-post-featured-image > a::after {transform-origin: center;transform: scale(0,0);transition: transform 500ms ease 0.9s;}
		.js-intersected .wp-block-post-featured-image > a::after {transform: scale(1,1);}
	}
}


/*--------------------------------------------------------------
## Single Career page
--------------------------------------------------------------*/
.job-details { width: 100%; }
.job-details.zebra tr:nth-child(odd) th::before { background: var(--grey); }
.job-details th { width: 2rem; }


/*--------------------------------------------------------------
## Contact Page
--------------------------------------------------------------*/
.contact-pg-container {padding-top: 2.5rem;width: 100%;max-width: 1100px !important;}
.contact-pg-box {padding: 4.8rem 1rem 2rem;position: relative;max-width: none;}
.contact-pg-box:before {content:'';width: 16.1rem;height: 7.2rem;position: absolute;top: -3.4rem;right: 0;left: 0;margin: auto;padding: 0.05rem;background: linear-gradient(90deg, #489FC3 2.3%, #D03743 57.25%, #E7C74C 106.21%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.contact-pg-box:after {content: '';position: absolute;z-index: -1;inset: 0;padding: 0.05rem;background: linear-gradient(90deg, #489FC3 2.3%, #D03743 57.25%, #E7C74C 106.21%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}

.contact-pg-logo {width: 16rem;height: 7rem;position: absolute;top: -3.3rem;right: 0;left: 0;margin: auto;padding: 0.4rem;background: var(--white);}

.contact-pg-col a, .contact-pg-col .hours {padding-left: 1.5rem !important;position: relative;float: left;color: var(--accent-color) !important;}
.contact-pg-col a:is(:hover, :focus-visible) { text-decoration: underline; text-decoration-color: var(--accent-color) !important; }
.contact-pg-col a svg, .contact-pg-col .hours svg {position: absolute;top: 0.2rem;left: 0; color: var(--primary-color);}

@media (min-width: 48.875em) {
	.contact-pg-box {padding: 4.8rem 2rem 3rem;}
}

@media (min-width: 68.5em) { 
	.contact-pg-box { padding: 4.8rem 8.25rem 3rem; }
}


/*--------------------------------------------------------------
## Manufacturer Pages
--------------------------------------------------------------*/
.manufacturer {
	.wp-block-media-text { grid-template-columns: 32% 1fr; }
	.wp-block-media-text.has-media-on-the-right { grid-template-columns: 1fr 32%; }
	.wp-block-media-text__media::after { display: none; }
	.manu-logo figure img { width: auto; height: auto; max-width: 100%; }
}

/* Hide old content CTA in manufacturer content since we are using content cta synced block pattern */ 
.manufacturer .use-content-cta-block { display: none; }

@media (max-width: 37.5em) { 
	.manufacturer .manu-logo figure { text-align: center; }
	#main .wp-block-media-text__content { padding: 0; }
}

/*--------------------------------------------------------------
## Blog
--------------------------------------------------------------*/
.wp-block-query li:first-of-type .wp-block-post-title { margin-top: 0; }
.wp-block-post { container-type: inline-size; container-name: post; }

blog li.wp-block-post, .search li.wp-block-post, .archive li.wp-block-post { padding-bottom: 1rem; border-bottom: 1px solid var(--primary-color); margin-top: 1.5rem; }

@container post (min-width: 33rem) { 
	.wp-block-query .wp-block-post-featured-image:where(.alignleft,.alignright) { max-width: 10rem; }
}

/* Pagination numbers */ 
.wp-block-query-pagination { margin-top: 2.5rem; }
.wp-block-query-pagination-numbers { display: flex; gap: clamp(0.5rem, 2vw, 1rem); }
.page-numbers { text-align: center; border: 1px solid; border-radius: 3rem; width: 2.4em; height: 2.4em; line-height: 2.2; }
.page-numbers:is(:hover, .focus-visible), .page-numbers.current { background: var(--accent-color); border: 1px solid var(--accent-color); color: #fff; }

/* Pagination next/prev */ 
a[class^="wp-block-query-pagination-"] { color: transparent; overflow: hidden; white-space: nowrap; position: relative; width: 0.8em; }
a[class^="wp-block-query-pagination-"]:hover { color: transparent; }
a[class^="wp-block-query-pagination-"]::before { content: ''; position: absolute; inset: 0 auto 0 0; margin: auto; background: var(--accent-color); clip-path: url(#menu_chevron); width: 0.8em; height: 0.5em; transition: background-color 0.3s; }
.wp-block-query-pagination-next::before { transform: rotate(-90deg); }
.wp-block-query-pagination-previous::before { transform: rotate(90deg); }
a[class^="wp-block-query-pagination-"]:is(:hover, :focus-visible)::before { background: var(--primary-color); }