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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Content Header
# Content
# Sidebar
# Secondary Pages
## Single Location Page
## Single Bio Pages
## Overview Pages
## Culture & Careers Page
### Single Career Page
## Meet Our Team Page
## Request Appointment Page
## Patient Forms Page
## Manufacturer Pages
## Search Pages
## Blog
## Pagination
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Content Header
--------------------------------------------------------------*/
.main-header {background: var(--accent-color) url(https://entspecialists.fm1.dev/wp-content/themes/fuel6/images/secondary-hero-image.jpg) 50% 15%/cover no-repeat;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;min-height: clamp(11.5rem, 22vw, 20rem);}
/*.main-header::after {content: '';position: absolute;inset: 0; background: rgba(0,0,0,0.4); }*/
#main-title, .main-title {color: var(--white);position: relative;z-index: 1;font-size: clamp(1.6rem,4.4vw,2.4rem);}
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: 68.5em) { 
    .main-header { justify-content: flex-start; }
}


/*--------------------------------------------------------------
# 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 a:not( .wp-block-button__link, .bio-box, .content-cta a, .phone-cta, .wp-block-post-excerpt__more-link, .wp-block-post-title a, .wp-block-file a, .location-template-default .icon-item, #fmMap a, .location-list-detailed a, .page-numbers, .career-box) {text-decoration: underline;background: linear-gradient(0deg, var(--accent-color), var(--accent-color)) no-repeat right bottom 0.2em / 100% 0;transition: background-size 350ms, color 350ms;color: var(--accent-color);padding: 0 0.1rem 0.3rem;} 
.entry-content a:not( .wp-block-button__link, .bio-box, .content-cta a, .phone-cta, .wp-block-post-excerpt__more-link, .wp-block-post-title a, .wp-block-file a, .location-template-default .icon-item, #fmMap a, .location-list-detailed a, .career-box):is(:hover, :focus-visible) {color: #fff;text-decoration: var(--accent-color);background-size: 100% 100%;}

@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); }
.category-sidebar { margin-bottom: 1.5rem; }
.category-sidebar li:not(:first-child) { margin-top: 0.2rem; }
#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;font-size: clamp(1.2rem, 3.7vw, 1.6rem);}
#sidebar .gform_title:after { content: ' Today'; font-size: clamp(1.2rem, 3.7vw, 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);te;font-weight: 700;text-decoration: none;background: none;text-underline-offset: 0.5rem;padding-bottom: 0.3em;}
.content-cta .phone:is(:hover, :focus-visible) { text-decoration: underline; }
.content-cta .phone svg { width: clamp(1rem, 4vw, 2rem); height: clamp(1rem, 4vw, 2rem); margin-right: 0.4rem; }


/*--------------------------------------------------------------
## Single Location Page
--------------------------------------------------------------*/
.single-location-container .icon-item {color: var(--content-color);text-decoration: none;}
.single-location-container a.icon-item:is(:hover, :focus-visible) { text-decoration: underline; }
.single-location-container .icon-item svg path { fill: var(--accent-color); }


/*--------------------------------------------------------------
## Single Bio Pages
--------------------------------------------------------------*/
#bio-details { position: sticky; top: 4rem; max-width: 10rem; margin: 0 auto; text-align: center; }
#bio-details .name { color: vaR(--primary-color); }

@media (max-width: 83.75em) { 
    .single-bio .entry-wrapper.wp-block-columns { flex-wrap: wrap !important; justify-content: center; }
    .entry-wrapper .wp-block-column:nth-child(3) { flex-basis: 50% !important; }
}

@media (min-width: 100em) { 
    .single-bio .entry-wrapper { padding-left: calc(50% - 37.3rem); }
}


/*--------------------------------------------------------------
## Overview Pages
--------------------------------------------------------------*/
.wp-block-media-text__media img, .wp-block-media-text__media video { max-width: 23rem; }


/*--------------------------------------------------------------
## Culture & Careers Page
--------------------------------------------------------------*/
.careers-list {justify-content: center;flex-wrap: wrap;}
h2.current-open-title { text-align: center; }
#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 {width: 0.9rem;height: 0.9rem;transform: translateY(0.3rem);color: var(--accent-color);}
.job-details svg {width: 0.9rem;height: 0.9rem;}
.job-details svg path { fill: var(--primary-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(--white); color: var(--wp--preset--color--accent); }
.gform_wrapper.gravity-theme .gform_drop_area { background: none; border: none; padding: 0.5rem 0 0; }
.single-career .gform_description { line-height: 1.6; }


/*--------------------------------------------------------------
### 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; }


/*--------------------------------------------------------------
## 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);font-weight: 700;text-align: center;text-decoration: none;}
.phone-cta:is(:hover, :focus-visible) {text-decoration: underline;}
.phone-cta svg { width: clamp(1rem, 4vw, 2rem); height: clamp(1rem, 4vw, 2rem); margin-right: 0.4rem; }


/*--------------------------------------------------------------
## Patient Forms Page
--------------------------------------------------------------*/
.wp-block-file {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin: var(--block-spacing) auto;border-bottom: 1px solid var(--accent-color);padding: 0.5em 0;font-size: 0.9em;}
.wp-block-file + .wp-block-file { margin: calc(0em - var(--block-spacing)) auto var(--block-spacing); }
.wp-block-file a {padding: 0.5em;text-align: center;width: 100%;margin: 0.5rem 0;}
.wp-block-file a:is(:hover, :focus-visible) { text-decoration: underline; }
.wp-block-file .wp-block-file__button {border: 1px solid var(--accent-color);border-radius: 0.25em;line-height: normal;text-decoration: none;color: #fff;padding: 0.25rem 0.5rem;background: var(--accent-color);width: auto;margin: 0.5rem auto;}
.wp-block-file .wp-block-file__button:hover {text-decoration: none;color: var(--accent-color);background: var(--btn-bg);}

@media (min-width: 38.5em) { 
    .wp-block-file:not(.wp-element-button) { font-size: 0.8rem; }
    .wp-block-file a {width: auto;max-width: calc(100% - 6rem);margin: 0;text-align: left;}
    .wp-block-file .wp-block-file__button { margin: 0; }
}


/*--------------------------------------------------------------
## 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 .entry-content ul li:before { display: none; }
.search-results .wp-block-post-title a {color: var(--primary-color);text-decoration: none;}
.search-results .wp-block-post-title a:is(:hover, :focus-visible) {color: var(--accent-color);text-decoration: underline;}
.search-results .wp-block-post {padding-bottom: 1rem;border-bottom: 1px solid var(--primary-color);margin-bottom: 2rem;}

.no-results { display: none; }
.search-no-results .no-results {display: block;}
.no-results-msg { margin: 2rem 0; text-align: center; color: #cc2d3f; }


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


/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.wp-block-query-pagination>.wp-block-query-pagination-next, .wp-block-query-pagination>.wp-block-query-pagination-numbers, .wp-block-query-pagination>.wp-block-query-pagination-previous {margin: 0;color: var(--primary-color);}
.wp-block-query-pagination>.wp-block-query-pagination-next:is(:hover, :focus-visible), .wp-block-query-pagination>.wp-block-query-pagination-previous:is(:hover, :focus-visible) {color: var(--accent-color);text-decoration: underline;}
.wp-block-query-pagination>.wp-block-query-pagination-numbers {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 0.5rem;margin: 0;width: 100%;}
.page-numbers {display: flex;justify-content: center;align-items: center;background: var(--primary-color);color: #fff;width: 1.5rem;height: 1.5rem;text-align: center;border-radius: 5px;} 
.page-numbers:is(:hover, :focus-visible):not(.dots, .current) {color: #fff;background: var(--accent-color);}
.page-numbers.current {background: var(--wp--preset--color--lt-grey);}

@media (max-width: 60em) { 
    .wp-block-query-pagination>.wp-block-query-pagination-next, .wp-block-query-pagination>.wp-block-query-pagination-previous {margin: 0 auto !important;}
    .wp-block-query-pagination>.wp-block-query-pagination-numbers {justify-content: center;}
}

@media (min-width: 75em) {
    body .wp-block-query-pagination {flex-wrap: nowrap;justify-content: flex-start;} 
    .wp-block-query-pagination>.wp-block-query-pagination-numbers {width: auto;}
    .wp-block-query-pagination>.wp-block-query-pagination-next, .wp-block-query-pagination>.wp-block-query-pagination-previous { white-space: nowrap; }
}