/**
* Fuel Theme
* Version 6.0.6
**/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Hero
# Our Services
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.hero-tagline { text-align: var(--center-on-mobile); text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); --time: 800ms; --easing: ease-out; --x: -2rem; }
.home-hero {padding-top: 12.5rem;padding-bottom: 4.5rem;}
.home-hero:before {content: '';position: absolute;bottom: 8rem;left: 0;z-index: 1;width: 23.54vw;max-width: 22.6rem;height: 11.2vw;max-height: 10.75rem;background-size: cover;background-image: url('data:image/svg+xml,');}
.home-hero:after {content: '';position: absolute;top: 0;right: -0.5rem;bottom: -0.05rem;left: -0.5rem;z-index: 1;background-position: bottom right;background-size: contain;background-repeat: no-repeat;background-image: url('data:image/svg+xml,');}
.home-hero-container {max-width: 55rem;}
.home-hero-title {font-size: clamp(1.6rem,3.7vw,2.4rem);position: relative;z-index: 2;}
.home-hero-text { position: relative; z-index: 2; }
.hero-text-col > p { max-width: 29.1rem; }
.hero-award-col {text-align: center;max-width: 26rem;margin: 0 auto !important;}
.hero-award-col-read-more a:is(:hover, :focus-visible) { color: var(--accent-color); text-decoration: underline; }
@media (min-width: 48.875em) { /* 782px */
.home-hero { padding-bottom: 7.5rem; }
.home-hero:before {bottom: 3.9rem;}
.home-hero-title { max-width: 37rem; }
.home-hero-text {justify-content: space-between;gap: 0 1rem;}
.hero-text-col .wp-block-buttons { margin-top: 3rem; }
}
@media (min-width: 68.5em) {
.home-hero {padding-top: 16rem;padding-bottom: 16rem;}
.home-hero-text { gap: 0; }
}
/*--------------------------------------------------------------
# Our Services
--------------------------------------------------------------*/
.our-services-section-mobile-title {position: relative;}
.our-services-section-mobile-title:after {content: '';width: 5rem;height: 1rem;position: absolute;right: 0;bottom: -2rem;left: 0;margin: auto;background-size: contain;background-repeat: no-repeat;background-image: url('data:image/svg+xml,');}
.our-svcs-mountains {position: absolute;top: 0;right: -50%;left: -50%;z-index: -1;max-height: fit-content;margin: 0 auto;}
@media (max-width: 68.49em) {
.our-services-section-desktop { display: none; }
#our_services_section {max-width: none;margin-top: 0;padding-top: 3.5rem;overflow: hidden;}
.our-services-cta-container { max-width: none; }
.our-services-cta {max-width: none;}
.our-services-section-mobile-title {margin-bottom: 3.5rem;}
.our-services-cta {display: flex;background-size: cover;background-position: center;color: var(--black) !important;margin-top: 0.6rem;transition: 300ms ease;min-height: auto;}
.our-services-cta .wp-block-cover img {transition: 300ms ease;opacity: 0.7;}
.our-services-cta:is(:hover, :focus-visible) .wp-block-cover img {transform: scale(1.2);}
.our-services-cta .wp-block-cover {position: relative;padding-left: 2.8rem !important;margin-top: 0.6rem;min-height: fit-content;}
.our-services-cta .wp-block-cover__inner-container { position: initial; z-index: 1; }
.cta-side-title {background: var(--gb-grad);position: absolute;top: 0;bottom: 0;left: 0;width: 2.4rem;}
.cta-side-title:after {content: '';width: 1.2rem;height: 1.2rem;position: absolute;bottom: 1rem;right: 0;left: 0;margin: auto;background-size: contain;background-position: center;background-repeat: no-repeat;}
.our-services-cta-ent .cta-side-title:after {background-image: url('data:image/svg+xml,'); }
.our-services-cta-hearing .cta-side-title:after {background-image: url('data:image/svg+xml,'); }
.our-services-cta-allergy .cta-side-title:after {background-image: url('data:image/svg+xml,'); }
.our-services-cta-sleep .cta-side-title:after {background-image: url('data:image/svg+xml,'); }
.our-services-cta-sinus .cta-side-title:after {background-image: url('data:image/svg+xml,');}
.cta-side-title > p { transform: rotate(90deg); position: absolute; top: 1.7rem; right: 0; left: 0; color: var(--white); font-size: 1.2rem; font-weight: bold; }
.our-services-cta .wp-block-heading { color: var(--black); }
}
@media (min-width: 48.875em){ /* 782px */
.our-svcs-mountains {right: 0;left: 0;width: 100%;max-width: none;}
.our-services-cta-container {display: flex;flex-wrap: wrap;gap: 2rem;}
.our-services-cta {width: calc(50% - 1rem);margin-top: 0;align-content: space-around;}
.our-services-cta .wp-block-cover { margin-top: 0; }
}
@media (min-width: 68.5em) {
#our_services_section {max-width: none;position: relative;margin-top: 0;}
.our-services-section-mobile-title {margin-bottom: 4.8rem;}
.our-services-cta { max-width: none; }
.our-services-section-mobile {display: none;}
@supports selector(::details-content) {
.warning {display: none;}
}
.our-services-section-desktop {
max-width: 67.8rem;padding-bottom: 5.25rem;margin-top: 0;margin-right: 1.5rem !important;margin-left: 1.5rem !important;
.accordion-wrapper {display: flex;justify-content: center;gap: 0.5rem;margin: 0 auto;}
details {
display: flex; flex-direction: row; color: white; height: 23.25rem; position: relative; transition: width 0.5s ease, content-visibility 0.5s ease allow-discrete; transition: 500ms ease; cursor: pointer; width: 10vw; min-width: 4rem;
::marker {content: '';}
summary img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;}
.details-content-wrapper {padding: 0 1.4rem 1.5rem;width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: flex-end;position: relative;z-index: 1;opacity: 0;transition: 100ms;transition-delay: 500ms;}
.details-content-title {color: var(--black);margin: 0 0 0.6rem;}
.details-content-text {color: var(--black);margin: 0 0 1.25rem;}
.details-content-bottom {color: var(--black);font-family: var(--title-font);margin: 0;transition: 300ms ease; }
}
details[open] {
width: 37.76vw; max-width: 36.25rem; cursor: initial; transition: 100ms;
.details-content-wrapper {opacity: 1;transition: 400ms ease;transition-delay: 500ms;}
.details-content-bottom:is(:hover, :focus) {transform: translateX(1rem);}
}
details summary {width: 4rem;flex-shrink: 0;background: var(--gb-grad);}
details:not([open]) summary {margin-right: 4rem;}
details:not([open]):is(:hover, :focus) .sidebar-title {transform: rotate(90deg) translate(1rem);}
details summary:after {content: ''; width: 2rem; height: 2rem; position: absolute; bottom: 1.5rem; right: auto; left: 1rem; background-size: contain; background-position: center; background-repeat: no-repeat;}
details#svcs-slide-ent summary:after {background-image: url('data:image/svg+xml,');}
details#svcs-slide-hearing summary:after { background-image: url('data:image/svg+xml,'); }
details#svcs-slide-allergy summary:after { background-image: url('data:image/svg+xml,'); }
details#svcs-slide-sleep summary:after { background-image: url('data:image/svg+xml,'); }
details#svcs-slide-sinus summary:after { background-image: url('data:image/svg+xml,'); }
details .sidebar-title {transform: rotate(90deg); position: absolute; top: 4.85rem; left: -2rem; font-size: 1.6rem; font-weight: bold; width: 8rem; line-height: 1; transition: 300ms ease;}
details &:focus {outline: none; margin-right: auto !important;margin-left: auto !important; }
}
}
@media (min-width: 75em) { /* 1200px */
.our-services-section-desktop { margin-right: auto !important; margin-left: auto !important; }
}
@media (min-width: 82.5em) {
#our_services_section {padding-top: 3.2rem;}
}
@layer code {
pre {border: 1px solid #dedede;padding: 1em;background: #f7f7f7;font-family: "Courier 10 Pitch", Courier, monospace;overflow-x: auto;border-left: 0.4em solid cornflowerblue;tab-size: 4;}
code:not(pre code) {background: #f7f7f7;border: 1px solid rgb(0 0 0 / 0.2);padding: 0.1rem 0.3rem;margin: 0.1rem 0;border-radius: 0.2rem;-webkit-box-decoration-break: clone;white-space: pre-wrap;}
}
@layer warning {
.warning { box-sizing: border-box; padding: 1em; margin: 1em 0; border: 1px solid #ccc; background: rgba(255 255 205 / 0.8); }
.warning > :first-child { margin-top: 0; }
.warning > :last-child { margin-bottom: 0; }
.warning a { color: blue; }
.warning--info { border: 1px solid #123456; background: rgb(205 230 255 / 0.8); }
.warning--alarm { border: 1px solid red; background: #ff000010; }
}
:root[data-embed="yep"] {
main {
padding: 2em 1em;
:not(p.warning, p.warning *, #demo, #demo *, #demo ~ p, #demo ~ p *) {display: none;}
}
#demo ~ p {margin-top: 1em;text-align: center;}
}