/**
* Fuel Theme
* Version 6.2.0
**/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Content Header
# Content
# Sidebar
# Secondary Pages
## Single Location pages
## Single Bio pages
## Overview Pages
## Culture & Careers page
### Single Career page
## Meet Our team page
## Request Appointment Page
## Manufacturer Pages
## Search Pages
## 404 Page
## Blog Page & Posts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Content Header
--------------------------------------------------------------*/
.main-header {/* background: var(--accent-color) url(https://ent3.fuel.team/wp-content/uploads/2024/01/hero.webp) 50% 15%/cover no-repeat; */display: flex;flex-wrap: wrap;justify-content: center;align-content: center;min-height: clamp(11.5rem, 22vw, 20rem);}
#main-title, .main-title {color: var(--white);position: relative;z-index: 1;text-align: center;}
body:not(.post-template-default.single-post) header.main-header .wp-block-post-date { display: none; }
.wp-block-post-date { color: var(--white); z-index: 1; width: 100%; }
.author-block { padding-left: var(--contain-padding); padding-right: var(--contain-padding); }
.author-type { color: var(--content-color); }

@media (min-width: 48.5em) { 
	.main-header::after {content: '';position: absolute;inset: 0;background-image: url('data:image/svg+xml,<svg width="777" height="400" viewBox="0 0 777 400" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M922.085 601.487V495.014C922.085 411.242 879.055 339.414 805.278 299.857L169.407 -40.9062V65.5664C169.407 149.338 212.437 221.167 286.214 260.724L922.085 601.487Z" fill="%2360A6A2"/><path fill-rule="evenodd" clip-rule="evenodd" d="M922.085 300.196V193.723C922.085 109.951 879.056 38.1224 805.279 -1.4343L0 -433V-326.527C0 -242.755 43.0295 -170.927 116.806 -131.37L922.085 300.196Z" fill="%2360A6A2"/></svg>');background-size: contain;background-repeat: no-repeat;background-position: top right;}
}

@media (min-width: 68.5em) { 
	.main-header { justify-content: flex-start; }
	#main-title, .main-title { text-align: left; }
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.entry-wrapper { padding-top: 2rem; padding-bottom: 2rem; gap: 2rem 3rem; }
.entry-content li::marker { color: var(--wp--preset--color--primary); }

/* @see https://hover.fuel.team/ */ 
.entry-content p: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 p:not([class]) a:is(:hover, :focus-visible) { text-decoration-color: var(--accent-color); background-size: 100% 1px; background-position-x: left; }

@media (max-width: 60em) { 
	.wp-block-columns.entry-wrapper { flex-wrap: wrap !important; }
	.wp-block-columns.entry-wrapper .wp-block-column { flex-basis: 100% !important; }
}


/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
#sidebar { --sidebar-wall-pad: clamp(0.7rem, 3vw, 1.6rem); }
.wp-block-template-part:has(#sidebar), #sidebar { height: 100%; }
#sidebar ul { list-style: none; padding-left: var(--sidebar-wall-pad); padding-right: var(--sidebar-wall-pad); text-align: center;}
.category-sidebar { padding-bottom: 1.5rem; margin: 0 auto 1.5rem; max-width: 21.8rem; }
.category-sidebar li:not(:first-child) { margin-top: 0.2rem; }
.category-sidebar a:is(:hover, :focus-visible) { text-decoration: underline; }
#sidebar .gform_wrapper { position: sticky; top: 4rem; margin: 0; }
#sidebar .gform_description { font-size: 0.8rem; }

/* Sidebar Contact Form */ 
#sidebar .gform_wrapper, .category-sidebar { border: 1px solid var(--primary-color); }
#sidebar .gform_title, .category-sidebar .wp-block-heading { background: var(--primary-color); text-align: center; color: var(--white); margin: 0; padding: 0.8rem 1.6rem; }
#sidebar .full-width-form-content { display: none; }
#sidebar *:is(.gform_description, .gform-body) { padding-left: var(--sidebar-wall-pad); padding-right: var(--sidebar-wall-pad); }


/*--------------------------------------------------------------
# Secondary Pages
--------------------------------------------------------------*/
.content-cta { border: 1px solid var(--primary-color); color: var(--primary-color); padding: 1.6rem 1rem 2.5rem; text-align: center; }
.content-cta p { max-width: 27.25rem; margin: 0 auto 1.6rem; }
.content-cta .phone { font-size: clamp(1rem, 4vw, 2rem); text-decoration: none; background: none; text-underline-offset: 0.5rem; padding-bottom: 0.3em; }
.content-cta .phone svg { width: clamp(1rem, 4vw, 2rem); height: clamp(1rem, 4vw, 2rem); margin-right: 0.4rem; }


/*--------------------------------------------------------------
## Single Location pages
--------------------------------------------------------------*/
.single-loc-text .icon-item { color: var(--content-color); }
.single-loc-text .icon-item:is(a):hover { text-decoration: underline; } 
.single-loc-text .icon-item svg path { fill: var(--accent-color); }


/*--------------------------------------------------------------
## Single Bio pages
--------------------------------------------------------------*/
.single-bio .main-title:after {bottom: -3rem;}
.single-bio-title-position {display: inline-block;color: var(--primary-color);font-style: italic;font-size: clamp(0.8rem,1.6vw,1rem);margin-top: 0.25rem;}
#bio-details {position: sticky;top: 4rem;max-width: 10rem;margin: 0 auto;text-align: center;font-size: 0.9rem;line-height: 1.3;}
#bio-details .wp-block-post-featured-image {margin-right: 0;border-bottom: 0.4rem solid var(--primary-color);}
#bio-details span { display: block; }
#bio-details .name {color: var(--primary-color);font-weight: 700;}
#bio-details .posi {font-size: 0.8rem;}
.single-bio .entry-wrapper.wp-block-columns {flex-wrap: wrap !important;}

@media (min-width: 60.05em) { /* 961px */
	.single-bio .entry-wrapper.wp-block-columns {flex-wrap: nowrap !important;gap: 0.6rem;justify-content: center;}
	.single-bio .entry-wrapper .wp-block-column:nth-child(1) {flex-basis: 20% !important;max-width: 10.5rem;}
	.single-bio .entry-wrapper .wp-block-column:nth-child(2) {flex-basis: 46% !important;padding-right: 1.5rem;}
	.single-bio .entry-wrapper .wp-block-column:nth-child(3) {flex-basis: 34% !important;max-width: 19.4rem;}
}

@media (min-width: 68.5em) { 
	.single-bio .entry-wrapper .wp-block-column:nth-child(1) {flex-basis: 100% !important;max-width: 10.5rem;}
	.single-bio .entry-wrapper .wp-block-column:nth-child(2) {flex-basis: 100% !important;max-width: 30rem;padding-right: 2.2rem;}
	.single-bio .entry-wrapper .wp-block-column:nth-child(3) {flex-basis: 100% !important;max-width: 19.4rem;}
}


/*--------------------------------------------------------------
## Overview Pages
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Culture & Careers page
--------------------------------------------------------------*/
.careers-list { justify-content: flex-start; flex-wrap: wrap; }
#main .career-box { border: 1px solid var(--primary-color); padding: 0; flex: 0 1 32%; min-width: 15rem; text-decoration: none; background: none; }
#main a.career-box:is(:hover, :focus-visible) { background: none; }
.career-box .career-header { display: block; background: var(--primary-color); margin: 0; padding: 0.8rem 1.2rem; }
.career-box .career-header > * { color: var(--white); margin: 0; }
.career-box p {margin-left: 1.6rem;margin-right: 1.6rem;color: var(--content-color);}
.career-box svg, .job-details svg { width: 0.9rem; height: 0.9rem; transition: 300ms ease; }
.career-box svg path { fill: var(--accent-color); }
.career-box .button { display: block; width: fit-content; margin: auto; transition: background-color 0.3s ease, color 0.3s ease; }
.career-box:is(:hover, :focus-visible) .button {background-color: var(--primary-color);color: var(--white);}


/*--------------------------------------------------------------
### Single Career page
--------------------------------------------------------------*/
.single-career #sidebar .wp-block-categories-list { display: none; }
.job-details { width: 100%; }
.job-details.zebra tr:nth-child(odd) th::before { background: var(--grey); }
.job-details th { width: 2rem; }
.job-details svg path { fill: var(--content-color); }


/*--------------------------------------------------------------
## Meet Our team page
--------------------------------------------------------------*/
.full-content-teams-list .wp-block-columns:not(:last-child) { margin-bottom: 4rem }
.full-content-teams-list .wp-block-columns:nth-child(even) { flex-direction: row-reverse; }
.full-content-teams-list img { border-bottom: 0.4rem solid var(--primary-color); width: 100%; max-width: 15rem; height: auto; }
.full-content-teams-list h2 { font-size: clamp(1.2rem, 4vw, 2rem); margin-top: 0; }
.full-content-teams-list .credentials { color: var(--primary-color); font-size: clamp(1rem, 4vw, 1.5rem); }
.full-content-teams-list .wp-block-columns { gap: 1rem 3rem; }


/*--------------------------------------------------------------
## Request Appointment Page
--------------------------------------------------------------*/
.phone-cta { display: block; font-size: clamp(1rem, 4vw, 2rem); text-align: center; } 
.phone-cta svg { width: clamp(1rem, 4vw, 2rem); height: clamp(1rem, 4vw, 2rem); margin-right: 0.4rem; }


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

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


/*--------------------------------------------------------------
## Search Pages
--------------------------------------------------------------*/
.search-results .wp-block-post-title {margin: 0;}
.search-results .wp-block-post-title a {text-decoration: none;color: var(--primary-color);}
.search-results .wp-block-post-title a:is(:hover, :focus-visible) { text-decoration: underline; color: var(--accent-color); }
.search-results .wp-block-post {padding-bottom: 0.8rem;border-bottom: 1px solid var(--primary-color);margin-bottom: 2rem;}
.no-results:not(.block-editor-block-list__block) { display: none; }
.search-no-results .no-results { display: block }


/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.entry-wrapper .wp-element-button { background: var(--accent-color); } 
.entry-wrapper .wp-element-button:is(:hover, :focus-visible) { background: var(--primary-color); color: var(--white); }


/*--------------------------------------------------------------
## Blog Page & Posts
--------------------------------------------------------------*/
.blog .wp-block-post-title {margin-top: 0;}
.blog .wp-block-post-title a { text-decoration: none; }
.blog .wp-block-post {padding-bottom: 0.8rem;border-bottom: 1px solid var(--primary-color);margin-bottom: 2rem;}
.wp-block-post-date { color: var(--primary-color); font-size: 0.8rem; z-index: 1; position: absolute; right: 0; bottom: 0.2rem; left: 0; margin: auto; text-align: center; }

@media (min-width: 68.5em) { 
	.wp-block-post-date { text-align: left; bottom: 0.35rem; left: var(--contain-padding); } 
}