/**
* Fuel Theme
* Version 6.3.0
**/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Content Header
# Content
# Content CTA
# Sidebar
# Secondary Pages
## About Us Page
## Meet Our Team Page
## Culture & Careers Page
## Benefits of Hearing Aids Page
## Single Career Pages
## Single Bio Pages
## Hearing Aid Options
## FAQ Page
## Overview Pages
## Manufacturer Pages
## Contact Section Top Swoop
## Search Results Page
## Blog Page & Posts
## Contact Page
## Sitemap
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Content Header
--------------------------------------------------------------*/
.main-title {font-size: clamp(1.6rem,3.7vw,2rem) !important;text-align: center;position: relative;}
.entry-content h2 {font-size: clamp(1.2rem, 3vw, 1.6rem);position: relative;margin-bottom: 2rem !important;}
.entry-content h2:after {content: '';height: 1px;width: 14.2rem;background: var(--content-color);position: absolute;bottom: -1rem;left: 0;}
.entry-content h2.has-text-align-center:after { right: 0; margin: auto; }
.entry-content h3 { font-size: clamp(1rem,2.2vw,1.2rem); color: var(--content-color); margin-bottom: clamp(1rem,2.9vw,1.6rem); }
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); }
@media (min-width: 68.5em) {
.main-title { text-align: left; }
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.entry-wrapper {padding-top: 2rem;padding-bottom: 2rem;padding-bottom: 0;gap: 2rem 3rem;margin: 0;}
/* Adds mobile padding to blocks in content */
@media (max-width: 76.25em) { /* 1220px */
.entry-wrapper:not(:has(#sidebar)) .entry-content > :not(ul, ol, .contain, .alignright, .alignleft) { padding: 0 1rem; }
}
.entry-content > :is(.wp-block-list) { padding-left: 3rem; }
.entry-content li::marker {/* color: var(--wp--preset--color--primary); */}
/* @see https://hover.fuel.team/ */
.entry-content p:not([class]) a, .entry-content li:not([class]) a {padding: 0 0.1rem;background: transparent;}
.entry-content p:not([class]) a:is(:hover, :focus-visible) {color: var(--white);background: var(--primary-color);}
quote { display: inline-block; background: rgba(25, 87, 102, 0.2); padding: 1.6rem 0.55rem; }
quote p { margin-top: 0; }
quote p:last-of-type {margin-bottom: 0;}
@media (min-width: 58.5em) {
quote {padding: 1.9rem 1.2rem;}
}
/*--------------------------------------------------------------
# Content CTA
--------------------------------------------------------------*/
.content-cta {z-index: 2;background-color: var(--forest-green);color: var(--white);text-align: center;background-size: cover;background-image: url(../images/cta-row-block-bg.svg);}
.content-cta-text { max-width: 20.6rem; }
.content-cta .phone, .content-cta .phone svg { transition: 300ms ease; }
.content-cta .phone:is(:hover, :focus) { color: var(--accent-color) !important; text-decoration: underline; background: none !important; }
/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.wp-block-template-part:has(#sidebar),
#sidebar { height: 100%; }
#sidebar .wp-block-group {border: none;box-shadow: 0px 0px 12px 0px #00000040;max-width: 28rem;margin: 0 auto;}
#sidebar .wp-block-heading { font-size: 1.2rem; font-weight: bold; }
#sidebar ul {list-style: none;text-align: center;padding: 0 0 2rem;}
#sidebar ul a:is(:hover, :focus-visible) { color: var(--primary-color); text-decoration: underline; }
#sidebar .gfield { background: var(--lt-grey); }
#sidebar .gfield .medium, #sidebar .gfield .large { background: none; }
#sidebar .gfield .gfield_label.gform-field-label { font-style: normal; }
#sidebar .gform_wrapper.gravity-theme .gform_footer button { background: var(--forest-green); }
#sidebar .gform_wrapper.gravity-theme .gform_footer button:is(:hover, :focus-visible) { background: var(--accent-color); }
/*--------------------------------------------------------------
# Secondary Pages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## About Us Page
--------------------------------------------------------------*/
#about_us_top_row {max-width: 100%;}
.about-us-top-row-vid-col .wp-block-embed { max-width: 440px; margin: 0 auto; }
#green_text_bar {max-width: none;margin: 4rem 0;position: relative;}
#green_text_bar:after {content: '';height: 3px;width: 100vw;background: var(--forest-green);position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;margin: auto;}
.green-text-bar-container { max-width: 50.6rem; padding: 1rem 1rem 1rem; text-align: center; }
.green-text-bar-container .wp-block-heading { margin: 0 auto 0 !important; max-width: 35.8rem; }
.green-text-bar-container .wp-block-heading:after { display: none; }
@media (min-width: 48.875em) { /* 782px */
#about_us_top_row { padding-right: var(--contain-padding); padding-left: var(--contain-padding); }
.about-us-top-row-columns {max-width: none;gap: 0 1.4rem;}
.about-us-top-row-vid-col { order: 2; }
.about-us-top-row-vid-col .wp-block-embed { max-width: 29.4rem; margin: 0; }
}
@media (min-width: 68.5em) {
#green_text_bar { margin: 7rem 0; }
.green-text-bar-container { padding: 2.5rem 2rem 2rem; }
}
/*--------------------------------------------------------------
## Meet Our Team Page
--------------------------------------------------------------*/
.page-id-14 .entry-content { overflow: hidden; }
.meet-team-columns .wp-block-post-featured-image img {border-radius: 2.5rem 0;}
.meet-team-columns .wp-block-post-featured-image .wp-post-image { border-bottom: none; }
.meet-team-columns .wp-block-column .bio-award-img {width: 7.7rem;padding: 0 !important;}
.type-bio:has(.meet-team-columns) { margin-top: 0; margin-bottom: 3rem; }
.type-bio:has(.meet-team-columns):nth-child(even) { position: relative; padding-top: 2rem; padding-bottom: 2rem; }
.type-bio:has(.meet-team-columns):nth-child(even):after {content: '';background: var(--lt-grey);width: 200vw;position: absolute;top: 0;right: 0;bottom: 0;left: -100vw;z-index: -1;}
.meet-team-columns > p { padding-right: 0 !important; padding-left: 0 !important; }
@media (min-width: 68.5em) {
.type-bio:has(.meet-team-columns) {margin-bottom: 5rem;}
.type-bio:has(.meet-team-columns):nth-child(even) {padding-top: 5rem;padding-bottom: 5rem;}
.meet-team-columns .wp-block-column .wp-block-image { display: none; }
.type-bio:has(.meet-team-columns):first-of-type .wp-block-post-featured-image:after {content:'';/* width: 7.5rem; */height: 7.5rem;display: block;background-repeat: no-repeat;background-position: center;background-image: url('data:image/svg+xml,');}
}
/*--------------------------------------------------------------
## Benefits of Hearing Aids Page
--------------------------------------------------------------*/
.ben-ha-blocks-container {background: linear-gradient(180deg, var(--lt-grey) 0%, var(--white) 100%);max-width: none;padding-top: 2rem !important;padding-right: var(--contain-padding) !important;padding-bottom: 3rem !important;padding-left: var(--contain-padding) !important;}
.ben-ha-block .wp-block-heading {width: fit-content;padding: 1rem 1rem;margin-bottom: 0.6rem;}
.ben-ha-block-tan .wp-block-heading { background: #FFDEB3; }
.ben-ha-block-lime .wp-block-heading { background: #DDFFB3; }
.ben-ha-block-blue .wp-block-heading { background: #B3E7FF; }
.ben-ha-block-purple .wp-block-heading { background: #EDB3FF; }
.ben-ha-block p:first-of-type { margin-top: 0; }
.ben-ha-bottom .wp-block-heading { max-width: 24.8rem; }
@media (min-width: 48.875em) { /* 782px */
.ben-ha-blocks-container .wp-block-columns { gap: 2.1rem; }
.ben-ha-blocks-container .wp-block-columns:last-of-type { margin-top: 3rem; }
}
@media (min-width: 68.5em) {
.ben-ha-blocks-container {padding-top: 5rem !important;padding-bottom: 6.4rem !important;}
}
@media (min-width: 82.5em) {
.ben-ha-block .wp-block-heading { margin-left: -1.2rem; }
}
/*--------------------------------------------------------------
## Culture & Careers Page
--------------------------------------------------------------*/
.page-id-1629 .grey-bg-row { margin-top: 0; margin-bottom: 0 !important; }
.curr-empl-say {max-width: 100%;padding-top: 2.5rem !important;padding-bottom: 2.5rem !important;margin-top: 0;}
.curr-empl-say .wp-block-quote {background: rgba(25,87,102,0.75);border: none;color: var(--white);line-height: 1.5;padding: 1.5rem 0.75rem 1.5rem 1.9rem;width: calc(100vw - 2rem);max-width: 38.2rem;border-radius: 0 0 0 2.5rem;margin: 0 !important;}
.curr-empl-say .wp-block-quote::before {content: '';position: absolute;inset: 0.2rem auto auto 0.2rem;width: 1.8rem;height: 1.8rem;background-size: contain;background-color: unset;background-image: url('data:image/svg+xml,');}
.curr-empl-say .wp-block-quote cite { text-align: left; font-style: normal; font-weight: 400; }
#current_openings_section {padding-bottom: 6rem !important;max-width: 60rem;}
#current_openings_section .wp-block-query {max-width: 60rem;}
#current_openings_section .wp-block-heading { margin-bottom: 4.4rem !important; }
.type-career > .wp-block-group {box-shadow: 0px 0px 20px 0px #00000040;border-radius: 2.5rem 0 0 0;overflow: hidden;background-image: url(../images/job-box-bg.webp);background-repeat: no-repeat;background-position: bottom left;}
h3.current-openings-title {margin: 0;font-weight: bold;font-size: 1.2rem;}
.wp-block-media-text .wp-block-buttons .wp-element-button { background: var(--forest-green); }
.career-listing-box .wp-block-read-more { background: var(--forest-green); }
.career-listing-box .wp-block-read-more:is(:hover, :focus-visible) { background: var(--accent-color); }
@media (min-width: 37.5em) {
.curr-empl-say .wp-block-heading { margin-bottom: 3.4rem !important; }
.curr-empl-say .wp-block-quote {padding: 1.5rem 3.4rem;width: 100%;margin: 0 auto 1.8rem !important;}
.curr-empl-say .wp-block-quote::before {inset: 0.5rem auto auto 0.5rem;width: 2rem;height: 2rem;}
}
@media (min-width: 58.5em) {
#current_openings_section .wp-block-post-template { grid-template-columns: repeat(3, minmax(0, 1fr)); display: flex ; flex-wrap: wrap; justify-content: center; gap: 2rem; }
#current_openings_section .wp-block-post-template .wp-block-post { min-width: 16rem; }
}
@media (min-width: 68.5em) {
.curr-empl-say { padding-top: 5rem !important; padding-bottom: 5rem !important; }
}
/*--------------------------------------------------------------
## Single Career Page
--------------------------------------------------------------*/
.job-details { width: 100%; }
.job-details tr { display: block; margin-bottom: 1rem; }
.job-details.zebra tr:nth-child(odd) th::before {background: rgba(25,87,102,0.25);}
.job-details.zebra tr:nth-child(even) th::before {content: "";position: absolute;background: var(--lt-grey);top: 0;right: 0;bottom: 0;left: 0;z-index: -1;border-radius: 0.2rem;}
.job-details th { width: 2rem; }
.entry-content:has(.job-details) .wp-block-list { list-style: none; padding-left: 0.5rem; }
.job-app-sidebar-cf #field_2_7 { background: none; }
.job-app-sidebar-cf .gform_wrapper { margin-top: 1.8rem; }
.job-app-sidebar-cf .gform_wrapper.gravity-theme .gform_drop_area {border: none;background: var(--lt-grey);}
.job-app-sidebar-cf button { background: rgba(0, 25, 25, 0.35); border: none; }
.job-app-sidebar-cf .gfield_description.gform_fileupload_rules { padding: 0 1rem; }
.job-app-sidebar-cf .gform-footer { padding-top: 0 !important; margin-top: 0 !important; }
/*--------------------------------------------------------------
## Single Bio Pages
--------------------------------------------------------------*/
.single-bio-columns { max-width: 60rem; gap: 2rem clamp(0rem, 1.2vw, 1rem); }
.bio-details .wp-block-post-featured-image { border-radius: 2.25rem 0; overflow: hidden; margin-bottom: 1rem !important; }
.bio-details .wp-block-post-featured-image img { border-bottom: none; }
.bio-name {justify-content: flex-start;flex-wrap: wrap;}
.bio-name p { color: var(--content-color); }
.bio-name-creds { display: block; width: 100%; text-align: left; }
.single-bio-content .bio-award-img img { width: 7.7rem; }
@media (min-width: 48.875em) {
.single-bio-columns { padding-right: 1.5rem; padding-left: 1.5rem; }
}
@media (min-width: 82.5em) {
.single-bio-columns { padding-right: 0; padding-left: 0; }
}
/*--------------------------------------------------------------
## Hearing Aid Options
--------------------------------------------------------------*/
.hrg-aid-options .wp-block-image {margin-top: 2.5rem;width: 100%;max-width: 18rem;}
/*--------------------------------------------------------------
## FAQ Page
--------------------------------------------------------------*/
.faq-pg-container .wp-block-details summary { color: var(--primary-color); font-size: 1.2rem; }
/*--------------------------------------------------------------
## Overview Pages
--------------------------------------------------------------*/
.page-id-3749 .wp-block-cover .wp-block-cover__inner-container, .page-id-1193 .wp-block-cover .wp-block-cover__inner-container {z-index: 3 !important;}
.page-id-3749 .main-header, .page-id-1193 .main-header { min-height: 18.75rem !important; }
.page-id-3749 .main-header:before, .page-id-1193 .main-header:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;background-repeat: no-repeat;background-size: contain;background-position: left bottom;background-image: url(../images/ov-hero-swoops-placeholder.webp);}
.page-id-3749 .main-title {text-align: center;max-width: 26.6rem;z-index: 5;position: relative;}
.page-id-1193 .main-title {text-align: center;}
@media (min-width: 58.5em) {
.page-id-3749 .main-header:after, .page-id-1193 .main-header:after {content: '';width: 9rem;height: 9rem;position: absolute;top: 0;right: 0;bottom: 0;left: calc(25% - 10rem);z-index: 1;margin: auto 0;background-size: contain;}
.page-id-3749 .main-header:after {background-size: contain;background-image: url(../images/in-home-svcs-col-img-2a.webp);}
.page-id-1193 .main-header:after {background-image: url(../images/in-home-svcs-col-img-1b.webp);}
.page-id-3749 .entry-wrapper, .page-id-1193 .entry-wrapper { padding-top: 5rem; }
}
@media (min-width: 68.5em) {
.page-id-3749 .main-header:after, .page-id-1193 .main-header:after {width: 12rem;height: 12rem;left: calc(25% - 11rem);}
}
@media (min-width: 100em) {
.page-id-3749 .main-header:after, .page-id-1193 .main-header:after { width: 14.4rem; height: 14.4rem; left: calc(25% - 7.2rem); }
}
/* CTA Row */
#cta_row {z-index: 2;padding-top: 2.5rem !important;padding-bottom: 2.5rem !important;max-width: 34.6rem;margin-top: -2rem;}
#cta-row-bg {display: none;}
#cta_row h2:after { right: 0; margin: auto; }
.cta-row-block {background-color: var(--forest-green);color: var(--white);padding: 2.5rem 3rem 2.4rem;margin-top: 2rem;text-align: center;background-size: cover;background-image: url(../images/cta-row-block-bg.svg);}
.cta-row-block-text {max-width: 20.6rem;margin: 0 auto 1rem;}
.cta-row-block .phone {font-size: clamp(1.3rem,3.7vw,2rem);font-weight: bold;}
.cta-row-block a.phone:is(:hover, :focus) {color: var(--accent-color) !important;text-decoration: underline;background: none !important;}
@media (min-width: 68.5em) {
#cta_row {padding-top: 5rem !important;padding-bottom: 6rem !important;margin-top: -5rem;}
#cta-row-bg {display: block;position: absolute;top: 0;right: -10.25rem;bottom: 0;margin: auto;z-index: -1;}
}
/*--------------------------------------------------------------
## Manufacturer Pages
--------------------------------------------------------------*/
.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; }
.page-template-page_fullwidth .manufacturer .wp-block-media-text__media { border-radius: 0; }
.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; }
}
/*--------------------------------------------------------------
## Contact Section Top Swoop
--------------------------------------------------------------*/
@media (min-width: 48.875em) { /* 782px */
.wp-block-template-part:has(#contact_section) {padding-top: 1rem;}
}
@media (min-width: 58.5rem) {
.wp-block-template-part:has(#contact_section):before { background-position: top center; min-height: 18.6vw; max-height: 17.4rem; }
}
@media (min-width: 68.5rem) {
.wp-block-template-part:has(#contact_section) {padding-top: 1.5rem;}
}
@media (min-width: 100rem) {
.wp-block-template-part:has(#contact_section) {padding-top: 3.5rem;}
}
/*--------------------------------------------------------------
## Search Results Page
--------------------------------------------------------------*/
.wp-block-search__inside-wrapper {padding: 0;border-color: var(--content-color);}
.wp-block-search__button { background: var(--forest-green); }
.wp-block-search__button:is(:hover, :focus-visible) {background-color: var(--accent-color);color: var(--white);}
.wp-block-query-pagination a:is(:hover, :focus-visible) { color: var(--accent-color); text-decoration: underline; }
/*--------------------------------------------------------------
## Blog Page & Posts
--------------------------------------------------------------*/
.wp-block-query li:first-of-type .wp-block-post-title { margin-top: 0; }
.blog li.wp-block-post, .search li.wp-block-post {padding-bottom: 1rem;border-bottom: 1px solid var(--content-color);margin-top: 1.5rem;}
.wp-block-post .wp-block-post-title a {color: var(--content-color);}
.wp-block-post .wp-block-post-title a:is(:hover, :focus-visible) { color: var(--primary-color); text-decoration: underline; }
.main-header .wp-block-cover__inner-container {position: initial;}
.main-header .wp-block-post-date {position: absolute;right: 0;bottom: 0.2rem;left: 0;text-align: center;font-size: 0.9rem;}
@media (min-width: 68.5rem) {
.main-header .wp-block-post-date {right: auto;left: calc(var(--contain-padding) + 0.45rem);font-size: 1rem;}
}
/*--------------------------------------------------------------
## Contact Page
--------------------------------------------------------------*/
@media (min-width: 26.5em) {
.contact-pg-locations-list { column-count: 2; }
@media (min-width: 40em) and (max-width: 48.81em) {
.contact-pg-locations-list { column-count: 3; }
}
@media (min-width: 68.5em) {
.contact-pg-locations-list { column-count: 3; }
}
@media (min-width: 82.5em) {
.contact-pg-locations-list { column-count: 4; padding-left: 1rem !important; }
}
/*--------------------------------------------------------------
## Sitemap
--------------------------------------------------------------*/
.wrap-html-sitemap a:is(:hover, :focus-visible) { text-decoration: underline; }