/**
* Fuel Theme
* Version 6.3.0
**/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Content Header
# Content
# Content CTA
# Sidebar
# Secondary Pages
## About Us Page
## Benefits of Hearing Aids Page
## Single Bio Pages
## Single Career Page
## Single Location
## Manufacturer Pages
## Search Results Page
## Contact Page
## Blog Page & Posts
## 404 Page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Content Header
--------------------------------------------------------------*/
body:not(.post-template-default.single-post) header.main-header .wp-block-post-date { display: none; }
.main-header {min-height: clamp(11rem, 27.4vw, 15rem);}
.main-header .wp-block-cover__background:after {content: '';width: 4rem;height: 4rem;position: absolute;top: 0.2rem;left: 0.2rem;z-index: 2;opacity: 0;transition: 750ms ease;transition-delay: 500ms;background-size: contain;background-image: url('data:image/svg+xml,');}
.js-intersected.main-header .wp-block-cover__background:after { opacity: 1; }
.main-title {font-size: clamp(1.5rem, 4.4vw, 2.4rem) !important;text-align: center;z-index: 3;position: relative;}
.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-header .wp-block-cover__background:after { content: ''; width: 10rem; height: 10rem; top: 0.4rem; left: 0.4rem; }
.main-title {text-align: left;max-width: 60rem;}
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.entry-wrapper { padding-top: 2rem; padding-bottom: 2rem; gap: 2rem 3rem; margin: 0; }
.entry-content > :is(.wp-block-list) { padding-left: 3rem; }
.entry-content h2 { color: var(--primary-color); }
.entry-content h3 { color: var(--grey); }
.entry-content li::marker { color: var(--wp--preset--color--primary); }
/* @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 ) {text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 0.1rem;color: var(--primary-color);padding-bottom: 0.1em;background: linear-gradient(0deg, var(--primary-color), var(--primary-color)) no-repeat right bottom / 0 2px;transition: background-size 350ms;}
.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) {background-size: 100% 1px;background-position-x: left;background-size: 100% 1px;background-position-x: left;}
.author-block { display: none; }
.wp-block-file .wp-block-file__button {background: var(--primary-color);border: 1px solid var(--primary-color);padding: 0.5rem;line-height: normal;}
.wp-block-file .wp-block-file__button:is(:hover, :focus-visible) { background: var(--white); }
/*--------------------------------------------------------------
# Content CTA
--------------------------------------------------------------*/
.content-cta:before { content: ''; width: 2.5rem; height: 2.5rem; position: absolute; top: 0.2rem; left: 0.2rem; background-size: contain; background-image: url('data:image/svg+xml,'); }
.content-cta:after { content: ''; width: 2.5rem; height: 2.5rem; position: absolute; bottom: 0.2rem; right: 0.2rem; background-size: contain; background-image: url('data:image/svg+xml,'); }
.content-cta-text { max-width: 23.4rem; }
.content-cta-phone .phone:is(:hover, :focus-visible) {color: var(--white);text-decoration: underline;}
@media (min-width: 68.5em) {
.content-cta:before { width: 4rem; height: 4rem; }
.content-cta:after { width: 4rem; height: 4rem; }
}
/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.wp-block-template-part:has(#sidebar), #sidebar { height: 100%; }
#sidebar ul { list-style: none; }
.sidebar-title { font-size: clamp(1.1rem, 2.8vw, 1.5rem); position: relative; }
.sidebar-title:before {content: '';width: 2rem;height: 2rem;position: absolute;top: 0.2rem;left: 0.2rem;background-size: contain;background-image: url('data:image/svg+xml,');}
.sidebar-title:after {content: '';width: 2rem;height: 2rem;position: absolute;bottom: 0.2rem;right: 0.2rem;background-size: contain;background-image: url('data:image/svg+xml,');}
.aud-sidebar .phone{
color: var(--content-color)
}
.aud-sidebar .phone:hover{
color: var(--primary-color)
}
/*--------------------------------------------------------------
# Secondary Pages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## About Us Page
--------------------------------------------------------------*/
.about-top-text { max-width: 40rem; }
.about-top-img-row { text-align: center; }
.about-top-img-row img { width: 100%; max-width: 19.4rem; }
.about-top-logo-container { text-align: center; }
.about-top-italics { max-width: 40rem; font-size: clamp(1.2rem,2.3vw,1.5rem); }
#about-maroon-box {max-width: 81.6rem;position: relative;}
#about-maroon-box:before { content: ''; width: 4rem; height: 4rem; position: absolute; top: 0.2rem; left: 0.2rem; opacity: 0; transition: 1000ms ease; transition-delay: 500ms; background-size: contain; background-image: url('data:image/svg+xml,'); }
#about-maroon-box:after { content: ''; width: 4rem; height: 4rem; position: absolute; bottom: 0.2rem; right: 0.2rem; opacity: 0; transition: 1000ms ease; transition-delay: 500ms; background-size: contain; background-image: url('data:image/svg+xml,'); }
.js-intersected#about-maroon-box:before, .js-intersected#about-maroon-box:after { opacity: 1; }
#about-maroon-box .wp-block-heading { max-width: 31.7rem; }
.about-maroon-box-top-columns, .about-maroon-box-bottom-columns { max-width: 60rem; }
.about-maroon-box-top-img-col { text-align: center; }
@media (min-width: 40em) { /* 640px */
.about-top-img-row {display: flex;justify-content: space-between;align-items: center;gap: 1rem;max-width: 55.5rem;margin-top: 2.4rem;position: relative;}
.about-top-img-row:before {content: '';width: 100%;height: 1px;background: var(--primary-color);position: absolute;top: 1.5rem;z-index: -1;}
.about-top-img-row:after {content: '';width: 100%;height: 1px;background: var(--primary-color);position: absolute;bottom: 1.5rem;z-index: -1;}
.about-top-img-row .wp-block-image { margin-top: 0; }
.about-top-img-1, .about-top-img-3 { width: 100%; max-width: 19.4rem; }
.about-top-img-2 { width: 100%; max-width: 13.5rem; }
}
@media (min-width: 58.5em) {
#about-maroon-box:before { content: ''; width: 10rem; height: 10rem; top: 0.4rem; left: 0.4rem; }
#about-maroon-box:after { content: ''; width: 10rem; height: 10rem; bottom: 0.4rem; right: 0.4rem; }
}
@media (min-width: 82.5em) {
.about-maroon-box-bottom-columns { gap: 6rem; }
}
/* Maroon Box Logo Animation */
.about-maroon-box-logo .large-leaf {animation-name: noJs;animation-delay: 3s;animation-duration: 370ms;animation-fill-mode: both;stroke-dashoffset: 370;stroke-dasharray: 370;animation-name: flower;animation-duration: 1.5s;animation-delay: 0ms;animation-fill-mode: both;animation-play-state: paused;}
.js-intersected .about-maroon-box-logo .large-leaf { animation-play-state: running; }
.about-maroon-box-logo .small-leaf {animation-name: noJs;animation-delay: 3s;animation-duration: 120ms;animation-fill-mode: both;stroke-dashoffset: 120;stroke-dasharray: 120;animation-name: flower;animation-duration: 1s;animation-delay: 0ms;animation-fill-mode: both;animation-play-state: paused;}
.js-intersected .about-maroon-box-logo .small-leaf { animation-play-state: running; }
@keyframes noJs {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes flower {
to { stroke-dashoffset: 0; }
}
/*--------------------------------------------------------------
## Benefits of Hearing Aids Page
--------------------------------------------------------------*/
.ben-ha-maroon-bar-columns { gap: 2.2rem; }
.ben-ha-maroon-bar-col { position: relative;}
.ben-ha-maroon-bar-col .cta-top-icon { height: 2.8rem; position: absolute; top: -1.4rem; right: 0; left: 0; z-index: 2; margin: auto; transition: 500ms ease; }
.ben-ha-maroon-bar-col .wp-block-heading { margin-top: 0; }
@media (min-width: 48.875em) { /* 782px */
.ben-ha-maroon-bar-columns {gap: 0 1.2rem;margin-top: 2.2rem;}
}
@media (min-width: 68.5em) {
.ben-ha-maroon-bar-columns { max-width: 62.4rem; gap: 0 2.4rem;margin-top: 4.4rem;}
.ben-ha-maroon-bar-col .cta-top-icon { height: 4rem; top: -2rem; }
}
/*--------------------------------------------------------------
## Single Bio Pages
--------------------------------------------------------------*/
.single-bio .entry-wrapper {gap: 2rem clamp(0rem, 6.4vw, 4.2rem);max-width: 60rem;}
.bio-details {max-width: 20rem;}
.bio-details .wp-block-post-featured-image {padding-top: 1rem !important;}
.bio-details .wp-block-post-featured-image::before { content: ""; display: block; width: 200vw; height: 1px; position: absolute; top: 0px; right: 0.2rem; background: var(--primary-color); margin: auto; }
.bio-details .wp-block-post-featured-image::after { content: ""; width: calc(1px + 0.4rem); height: calc(1px + 0.4rem); position: absolute; top: -0.2rem; right: 0px; background: var(--primary-color); border-radius: 50%; }
.bio-details .bio-name {font-weight: 700;margin-bottom: 0.6rem; position: relative;}
.bio-details .bio-name:after {content: '';background: var(--primary-color);height: 1px;width: 2.4rem;position: absolute;right: 0;bottom: -0.25rem;left: 0;margin: auto;}
@media (prefers-reduced-motion:no-preference) {
.bio-details .wp-block-post-featured-image::before { transform: scale(0.5); transform-origin: left center; transition: 750ms 750ms; }
.js-intersected.bio-details .wp-block-post-featured-image::before { transform: scale(1); }
.bio-details .wp-block-post-featured-image::after { transform-origin: center center; transform: scale(0); transition: 750ms 1500ms; }
.js-intersected.bio-details .wp-block-post-featured-image::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; }
/*--------------------------------------------------------------
## Single Location
--------------------------------------------------------------*/
.single-location-container .icon-item { color: var(--primary-color); }
.single-location-container a.icon-item:is(:hover, :focus-visible) { text-decoration: underline; }
/*--------------------------------------------------------------
## Manufacturer Pages
--------------------------------------------------------------*/
.manufacturer-pg-container {
.wp-block-media-text__media::before, .wp-block-media-text__media::after { display: none; }
}
/*--------------------------------------------------------------
## Search Results Page
--------------------------------------------------------------*/
.results-pg-search button {background: var(--primary-color);border-left: 1px solid var(--primary-color);}
.results-pg-search button:is(:hover, :focus-visible) {background: var(--accent-color);color: var(--primary-color);}
/*--------------------------------------------------------------
## Contact Page
--------------------------------------------------------------*/
.contact-pg-container .wp-block-fuel-dynamic-spacer { display: none; }
.contact-pg-container .location-cta:before, .contact-pg-container .location-cta:after { display: none; }
.contact-pg-container ul.wp-block-post-template {background-color: var(--white) !important;}
.contact-pg-container .location-card {padding-right: 0 !important;padding-left: 0 !important;max-width: none;}
.entry-content .contact-pg-container h2.loc-sec-title, .contact-pg-container .loc-sec-column-container a, .contact-pg-container .location-card .hours, .contact-pg-container .location-card .fax { color: var(--primary-color) !important; }
.contact-pg-container .loc-sec-title:before, .contact-pg-container .loc-sec-title:after { background: var(--primary-color); }
.contact-pg-container .loc-sec-column-container a:is(:hover, :focus-visible) { text-decoration: underline; }
.contact-pg-container svg path { fill: var(--primary-color); }
/*--------------------------------------------------------------
## Blog Page & Posts
--------------------------------------------------------------*/
.main-header .wp-block-cover__inner-container { position: initial; }
.main-header .wp-block-post-date {color: var(--primary-color);position: absolute;right: 0;bottom: 0.2rem;left: 0;text-align: center;font-size: 0.8rem;}
@media (min-width: 68.5rem) {
.main-header .wp-block-post-date { right: auto; left: calc(var(--contain-padding) + 0.45rem); font-size: 1rem; }
}
.wp-block-query li:first-of-type .wp-block-post-title { margin-top: 0; }
.wp-block-post .wp-block-post-title a {color: var(--primary-color);}
.wp-block-post .wp-block-post-title a:is(:hover, :focus-visible) { text-decoration: underline; }
.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;}
.blog .footer li.wp-block-post{margin-top: 0;}
.category-sidebar .wp-block-categories {text-align: center;padding: 0 0 0.5rem;}
.category-sidebar .wp-block-categories a { color: var(--primary-color); }
.category-sidebar .wp-block-categories a:is(:hover, :focus-visible) { text-decoration: underline; }
/* Pagination */
.page-numbers { color: var(--primary-color); }
.page-numbers.current { text-decoration: underline; color: var(--content-color); }
.page-numbers:is(:hover, :focus-visible) { text-decoration: underline; }
.wp-block-query-pagination-previous, .wp-block-query-pagination-next { color: var(--primary-color); }
.wp-block-query-pagination-previous:is(:hover, :focus-visible), .wp-block-query-pagination-next:is(:hover, :focus-visible) { text-decoration: underline; }
/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
body.error404 button.wp-block-search__button {background: var(--primary-color);border-left: 1px solid var(--primary-color);}
body.error404 button.wp-block-search__button:is(:hover, :focus-visible) { background: var(--accent-color); color: var(--primary-color); }