/**
* Fuel Theme
* Version 6.3.0
**/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Content Header
# Content
## Content CTA
# Sidebar
# Secondary Pages
## About Us Page
## Meet Our Team Page
## Single Bio Pages
## Culture & Careers Page
## Single Career Page
## Benefits of Hearing Aids Page
## Patient Forms Page
## Contact Page
## Overview Pages
## Manufacturer Pages
## Locations CPT
## Search Results
## 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: linear-gradient(180deg, #003E42 40%, #009EA8 155%);min-height: 12.4rem;padding-top: 2.4rem;padding-bottom: 2.4rem;position: relative;}
.main-header:after {content: '';width: 43.85vw;max-width: 22.6rem;height: 20.85vw;max-height: 10.75rem;position: absolute;top: 0.5rem;left: 0.4rem;background-size: contain;background-image: url('data:image/svg+xml,');}
.main-header .wp-block-cover__inner-container { padding: 0; }
.main-title { position: relative; z-index: 1; }
@media (min-width: 68.5em) {
.main-header { min-height: 15rem; padding-top: 5.5rem; padding-bottom: 6.5rem; }
.main-header:after { top: 1rem; left: 1.2rem; }
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.wp-block-template-part { margin: 0; }
.entry-wrapper { padding-top: 2rem; padding-bottom: clamp(2rem, 5vw, 4rem); gap: 2rem 3rem; margin: 0; }
.entry-content li::marker { color: var(--wp--preset--color--primary); }
h2 {color: var(--primary-color);font-size: clamp(1.6rem, 3.7vw, 2rem);}
.entry-content h2:not(.fullwidth-location-section-title, .about-pg-bottom-row h2) {position: relative;margin-bottom: 3.3rem !important;}
.entry-content h2:not(.fullwidth-location-section-title, .about-pg-bottom-row h2):before {content: '';background: var(--content-color);height: 7px;width: 7px;border-radius: 50%;position: absolute;bottom: -1.6rem;left: 14.8rem;}
.entry-content h2:not(.fullwidth-location-section-title, .about-pg-bottom-row h2):after {content: '';background: var(--content-color);height: 1px;width: 100vw;max-width: 15rem;position: absolute;bottom: -1.45rem;left: 0;}
h3 {font-size: clamp(1.2rem, 3vw, 1.6rem);}
/* @see https://hover.fuel.team/ */
.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, .content-cta .phone, .location-section-box a, .bio-list .bio-box, .page-numbers, .wp-block-query-pagination-next, .wp-block-query-pagination-previous) {text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 0.1rem;padding-bottom: 0.15em;background: linear-gradient(0deg, var(--link-blue), var(--link-blue)) no-repeat right bottom / 0 1px;transition: background-size 350ms;color: var(--link-blue);}
.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):is(:hover, :focus-visible) {text-decoration-color: var(--link-blue);background-size: 100% 1px;background-position-x: left;}
/*--------------------------------------------------------------
## Content CTA
--------------------------------------------------------------*/
.content-cta {
background: var(--gb-grad);padding: 2.2rem clamp(1rem,7.5vw,6rem) 2.6rem;margin: 2rem auto 0;
strong { color: var(--accent-color); }
.phone-number {color: var(--white);font-size: clamp(1.5rem, 3.7vw, 2rem);font-family: var(--title-font);transition: 300ms ease;}
svg { transition: 300ms ease; }
.phone:is(:hover, :focus-visible) .phone-number { color: var(--accent-color); }
.phone:is(:hover, :focus-visible) svg {color: var(--white);}
}
/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.wp-block-template-part:has(#sidebar), #sidebar { height: 100%; }
#sidebar {
ul {list-style: none;text-align: center;padding: 0 1rem;}
.wp-block-heading { background: var(--gb-grad); }
.wp-block-categories-list a { color: var(--primary-color); }
.wp-block-categories-list a:is(:hover, :focus-visible) { text-decoration: underline; }
}
#gform_1 .gfield { border-color: var(--content-color); border-radius: 0;
.gform-field-label { color: var(--content-color); font-style: italic; }
.gform_drop_area {
border: none;border-radius: 0;background: rgba(74,74,74,0.15);padding: 1rem 0.5rem;margin-top: 0.5rem;
button {color: var(--white);font-size: 0.8rem;font-family: var(--content-font);padding: 0.1rem 0.5rem;border: none;background: var(--link-blue);}
button:is(:hover, :focus-visible) { border-radius: 0.75rem 0; }
}
}
/*--------------------------------------------------------------
# Secondary Pages
--------------------------------------------------------------*/
/* Remove 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) {
.bio .wp-block-post-title, .bio .wp-block-post-title + p { text-align: center; }
}
/*--------------------------------------------------------------
## About Us Page
--------------------------------------------------------------*/
.entry-wrapper:has(.about-pg-top-row) { padding-bottom: 0; }
.entry-content:has(.about-pg-top-row) {padding-right: 0;padding-left: 0;}
.about-pg-top-row {
max-width: 60rem;padding-right: 1rem;padding-left: 1rem;margin-bottom: 3rem;
.wp-block-columns {max-width: none;display: flex;justify-content: space-between;gap: 1.2rem 1.8rem;}
.wp-block-column img { width: 100%; }
}
.about-us-best-of-flathead-bg { margin-right: 0 !important; margin-left: 0 !important; }
.page-template-page_fullwidth .about-us-best-of-flathead.wp-block-media-text {margin-bottom: 0 !important;/* padding: 0 1.5rem; */}
.entry-content .about-us-best-of-flathead h2.wp-block-heading {margin-bottom: 2rem !important;}
.about-us-best-of-flathead h2.wp-block-heading:before, .about-us-best-of-flathead h2.wp-block-heading:after { display: none; }
.about-us-best-of-flathead .phone { color: var(--primary-color) !important; }
.about-us-best-of-flathead .wp-block-media-text__media:after { display: none; }
.about-pg-bottom-row {
background: linear-gradient(0deg, #FFF 16.54%, #F6F6F6 84.15%);max-width: none;padding-top: 2.25rem;padding-right: 1rem;padding-bottom: 5.6rem;padding-left: 1rem;margin-top: 0;
h2 { margin-bottom: 2rem; }
.wp-block-image { max-width: none; margin-bottom: 3rem; }
}
@media (min-width: 68.5em) {
.entry-wrapper:has(.about-pg-top-row) { padding-top: 3rem; }
.about-pg-top-row {margin-bottom: 5rem;}
.about-pg-top-row .wp-block-columns {gap: 0 3.6rem;}
.about-pg-top-row-text { max-width: 39.7rem; margin-top: 2rem; margin-left: 0 !important; }
.about-us-best-of-flathead .wp-block-media-text__content { padding-left: 1.8rem !important; }
.about-pg-bottom-row { padding-top: 4.5rem; padding-right: var(--contain-padding);padding-left: var(--contain-padding);}
}
@media (min-width: 75em) { /* 1200px */
.about-pg-top-row { padding-right: 0; padding-left: 0; }
}
/*--------------------------------------------------------------
## Meet Our Team Page
--------------------------------------------------------------*/
.wp-block-group:has(.bio-list) { margin-bottom: 4.8rem; }
@media (max-width: 68.49em) {
.meet-our-team-pg-container {
.bio-box:is(:hover, :focus-visible) { background: var(--green-trans-bg) !important; }
.bio-box:is(:hover, :focus-visible) .bio-name,
.bio-box:is(:hover, :focus-visible) .bio-cred {color: var(--white);}
}
}
.meet-our-team-pg-container {
.bio-box { color: var(--primary-color); }
.bio-list {
.bio-name, .bio-cred { color: var(--content-color); }
.bio-label { flex-wrap: wrap; }
.bio-label span { flex: 1 1 100%; margin: 0; }
}
}
/*--------------------------------------------------------------
## Single Bio Pages
--------------------------------------------------------------*/
.single-bio .entry-wrapper {gap: 2rem clamp(0rem, 1.2vw, 1rem);max-width: 60rem;}
.bio-details .wp-block-post-featured-image { aspect-ratio: 1 / 1.32 !important; }
/*--------------------------------------------------------------
## Culture & Careers Page
--------------------------------------------------------------*/
.c-n-c-container { padding-right: 1.5rem; padding-left: 1.5rem; }
.c-n-c-container .wp-block-media-text { margin-bottom: 4rem; }
.entry-content:has(.curr-empl-say) { padding-right: 0; padding-left: 0; }
.entry-content:has(.curr-empl-say) .wp-block-media-text {}
.curr-empl-say {padding-top: 3.85rem;padding-right: 1.5rem;padding-left: 1.5rem;background: linear-gradient(0deg, #FFF 16.54%, #F6F6F6 84.15%);max-width: none;margin-top: 0;}
.entry-content .curr-empl-say h2.wp-block-heading {margin-bottom: 5.6rem !important;z-index: 1;}
.curr-empl-say .wp-block-heading:before, .curr-empl-say .wp-block-heading:after { right: 0; left: 0; margin: auto; }
.curr-empl-say .wp-block-buttons { margin-top: 2.5rem; }
#jobs .wp-block-heading { margin-bottom: 4.8rem !important; }
#jobs .wp-block-heading:before, #jobs .wp-block-heading:after { right: 0; margin: auto; }
.indiv-job-listing-container .career { box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25); }
.indiv-job-listing-title { background: var(--gb-grad) !important; }
.wp-block-group:has(>.indiv-job-listing-title) {
p { color: var(--content-color); }
.wp-block-buttons {
justify-content: center;
}
.c-and-c-listing-btn {width: auto !important;}
}
@media (min-width: 48.875em) { /* 782px */
.c-n-c-container .wp-block-media-text__content {padding: 0 0 0 1rem;}
.c-n-c-container .has-media-on-the-right .wp-block-media-text__content { padding: 0 1rem 0 0; }
.c-n-c-container .wp-block-media-text__content > *:first-child { margin-top: 0; }
.c-n-c-container .wp-block-media-text__media { position: -webkit-sticky; position: sticky; top: 3.5rem; }
.c-n-c-container .wp-block-media-text__media:after { content: ''; width: 7.9rem; height: 1.2rem; background: var(--accent-color); position: absolute; bottom: -1.2rem; left: 0; transition: 300ms ease; transform: scale(0, 1); transform-origin: left; }
.c-n-c-container .js-intersected.wp-block-media-text__media:after { transform: scale(1, 1); }
.c-n-c-container .has-media-on-the-right .wp-block-media-text__media:after { left: auto; right: 0; transform-origin: right; }
.curr-empl-say {padding-top: 7.7rem;padding-right: 0;padding-left: 0;}
}
@media (min-width: 55em) { /* 880px */
.curr-empl-say:before {content: '';width: 22.6rem;height: 10.75rem;position: absolute;top: -0.2rem;left: 2.7rem;background-image: url('data:image/svg+xml,');}
.curr-empl-say:after { content: '';width: 10.75rem;height: 22.6rem;position: absolute;top: -0.2rem;right: var(--contain-padding);z-index: 0;background-image: url('data:image/svg+xml,');}
}
@media (min-width: 68.5em) {
.c-n-c-container .wp-block-media-text { margin-bottom: 6rem !important; }
}
/*--------------------------------------------------------------
## Single Career Page
--------------------------------------------------------------*/
.job-details { width: 100%; }
.job-details.zebra tr:nth-child(odd) th::before { background: rgba(62,121,134,0.2); }
.job-details th {width: 0;padding: 0;}
.jd-label svg { display: none; }
.entry-content:has(.job-details.zebra) {
.wp-block-heading { margin-bottom: 1.2rem !important; }
.wp-block-heading:before, .wp-block-heading:after { display: none; }
}
#gform_2 .gfield { border-color: var(--content-color); border-radius: 0;
.gform-field-label { color: var(--content-color); font-style: italic; }
.gform_drop_area {
border: none;border-radius: 0;background: rgba(74,74,74,0.15);padding: 1rem 0.5rem;margin-top: 0.5rem;
button {color: var(--white);font-size: 0.8rem;font-family: var(--content-font);padding: 0.1rem 0.5rem;border: none;background: var(--link-blue);}
button:is(:hover, :focus-visible) { border-radius: 0.75rem 0; }
}
}
/*--------------------------------------------------------------
## Benefits of Hearing Aids Page
--------------------------------------------------------------*/
.entry-wrapper:has(.ben-ha-top-img) { padding-top: 0; }
.entry-content:has(.ben-ha-top-img) { padding-right: 0; padding-left: 0; }
.ben-ha-top-img {max-width: 60rem;min-height: 24.9rem;padding-top: 2.8rem;padding-right: 1.5rem;padding-bottom: 3.7rem;padding-left: 1.5rem;margin-bottom: 3.5rem;}
.entry-content .ben-ha-top-img {
h2:before, h2:after {background: var(--white) !important;right: 0;margin: auto;}
a { color: var(--white) !important; text-decoration-color: var(--white) !important; background: linear-gradient(0deg, var(--white), var(--white)) no-repeat right bottom / 0 1px !important; }
a:is(:hover, :focus-visible) { background-size: 100% 1px !important; }
}
.ben-ha-top-img p { max-width: 36.9rem; }
.ben-ha-columns {padding-right: 1.5rem;padding-left: 1.5rem;margin-bottom: 2rem;}
.ben-ha-bottom-row {
max-width: 39.7rem;padding-right: 1.5rem;padding-left: 1.5rem;margin-top: 4rem;
.wp-block-heading { max-width: 21.6rem; }
p { max-width: 34.7rem; }
}
@media (min-width: 48.875em) { /* 782px */
.ben-ha-columns { max-width: 60rem; gap: 0 1.2rem; }
}
@media (min-width: 55em) { /* 880px */
.ben-ha-columns { gap: 0 2.4rem; }
.ben-ha-bottom-row { padding-right: 0; padding-left: 0;}
}
@media (min-width: 75em) { /* 1200px */
.ben-ha-columns { padding-right: 0; padding-left: 0; }
}
/*--------------------------------------------------------------
## Patient Forms Page
--------------------------------------------------------------*/
.patient-forms-pg-container .wp-block-heading:not(:first-of-type) { margin-top: 4rem; }
/*--------------------------------------------------------------
## Contact Page
--------------------------------------------------------------*/
.wp-block-group:has(.contact-pg-container) { padding-top: 0; }
#main .contact-pg-container {
overflow: hidden;
#fullwidth_location_section { border-top: none; }
#fullwidth_location_section:before { display: none; }
.location-section-container .wp-block-media-text__content {background: none;padding-top: 2.5rem;padding-right: 1.5rem;padding-bottom: 2rem;padding-left: 1.5rem;}
.location-section-container .wp-block-media-text__content:after { z-index: -1; background-image: url('data:image/svg+xml,'); }
.fullwidth-location-section-title,
.fullwidth-location-section-office-title,
.location-section-box a, .location-section-box .hours, .location-section-box .hours-rows {color: var(--primary-color) !important;}
.location-section-box a:is(:hover, :focus-visible) {text-decoration: underline;}
.fullwidth-location-section-office-title {font-size: var(--wp--preset--font-size--h-3);}
.location-section-contact-info:after { background: var(--primary-color); }
}
@media (min-width: 68.5em) {
.wp-block-group:has(.contact-pg-container) { padding-bottom: 0; }
#main .contact-pg-container {
.location-section-container .wp-block-media-text__content { padding-right: 3.75rem; padding-left: 1.5rem; }
}
}
@media (min-width: 82.5em) {
#main .contact-pg-container {
.location-section-container .wp-block-media-text__content { padding-right: 7.5rem; padding-left: 0; }
}
}
/*--------------------------------------------------------------
## Overview Pages
--------------------------------------------------------------*/
.page-id-83 .main-header, .page-id-85 .main-header, .page-id-206 .main-header, .page-id-4140 .main-header {text-align: center;overflow: visible;}
@media (min-width: 37.5em) {
.page-id-83 .main-header, .page-id-85 .main-header, .page-id-206 .main-header, .page-id-4140 .main-header {margin-bottom: calc(15.36vw * 0.54) !important; min-height: 15rem; }
.page-id-83 .main-header:before, .page-id-85 .main-header:before, .page-id-206 .main-header:before, .page-id-4140 .main-header:before {content: '';background-size: contain;background-repeat: no-repeat;background-position: center;position: absolute;right: 0;bottom: calc(15.36vw * -0.54);left: 0;z-index: 1;margin: auto;width: 48.4vw;min-width: 20rem;max-width: 46.5rem;height: 15.36vw;min-height: 6.4rem;max-height: 14.75rem;}
.page-id-83 .main-header:before { background-image: url(../images/ent-ov-top-img.webp); }
.page-id-85 .main-header:before { background-image: url(../images/hl-ov-top-img.webp); }
.page-id-206 .main-header:before { background-image: url(../images/all-ov-top-img.webp); }
.page-id-4140 .main-header:before { background-image: url(../images/sinus-ov-top-img.webp); }
.page-id-83 .main-title, .page-id-85 .main-title, .page-id-206 .main-title, .page-id-4140 .main-title {padding-bottom: 1.8rem;max-width: 41rem;}
}
@media (min-width: 82.5em) {
.page-id-83 .main-header, .page-id-85 .main-header, .page-id-206 .main-header, .page-id-4140 .main-header {margin-bottom: calc((15.36vw * 0.54) + 2rem) !important;}
}
/*--------------------------------------------------------------
## Manufacturer Pages
--------------------------------------------------------------*/
.manufacturer .wp-block-media-text:not(.location-section-container) .wp-block-media-text__media { max-width: 24.5rem; }
.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%; }
/* 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; }
}
/*--------------------------------------------------------------
## Locations CPT
--------------------------------------------------------------*/
.single-location-info {
align-items: flex-start;
a.icon-item { color: var(--content-color); }
a.icon-item:is(:hover,:focus-visible) { color: var(--accent-color); text-decoration: underline;}
}
/*--------------------------------------------------------------
## Search Results
--------------------------------------------------------------*/
.search-results .wp-block-post { padding-bottom: 1rem; border-bottom: 1px solid var(--primary-color); }
.search-results .wp-block-post-title > a {color: var(--primary-color);}
.search-results .wp-block-post-title > a:is(:hover, :focus-visible) { text-decoration: underline; }
/*--------------------------------------------------------------
## Blog
--------------------------------------------------------------*/
.wp-block-post-date {font-size: 0.8rem;}
.wp-block-query li:first-of-type .wp-block-post-title { margin-top: 0; }
.page-numbers, .wp-block-query-pagination-next, .wp-block-query-pagination-previous { padding: 0 0.15rem; }
.page-numbers:is(:hover, :focus-visible), .wp-block-query-pagination-next:is(:hover, :focus-visible), .wp-block-query-pagination-previous:is(:hover, :focus-visible), .page-numbers.current { background: var(--forest-green); color: var(--white);}