/*
Fuel Theme
Version: 6.0.6
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Shared Menu Styles
# Mobile Menu
# Desktop Menu
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Shared Menu Styles
--------------------------------------------------------------*/
.wp-block-fuel-sub-menu .wp-block-column {min-width: fit-content;}
.menu-notifications.wp-block-fuel-menu-item .notices-title, .sub-menu .wp-block-heading { margin: 0.2rem 0 1rem; padding-bottom: 0.6rem; font-weight: bold; font-family: var(--content-font); font-size: clamp(0.9rem, 4vw, 1rem); }
.primary-menu .sub-menu nav { margin-top: 0; }
.primary-menu .sub-menu a:not(.wp-block-button__link, .icon-item, .notice, .map-link) {padding: 0.3rem 1rem;margin-left: -0.8rem;font-style: normal;position: relative;display: block;}
.wp-block-fuel-sub-menu-tab-link::after { content: ""; background: var(--wp--preset--color--sub-menu-color); clip-path: url(#menu_chevron); width: 0.6rem; height: 0.4rem; transform: rotate(270deg); margin: auto; position: absolute; inset: 0 1rem 0 auto; }
.wp-block-navigation.is-vertical .wp-block-navigation-item {margin: 0 0 0.3rem;}
.wp-block-fuel-menu-wrapper .sub-menu .wp-block-button__link.wp-element-button { white-space: nowrap; }
.sub-menu p {font-style: italic;line-height: 1.7;/* border: 2px dashed red; */}
/*--------------------------------------------------------------
# Mobile Menu
--------------------------------------------------------------*/
@media (max-width: 68.49em) {
body { /* Reverses menu colors from desktop */ --wp--preset--color--sub-menu-background: var(--primary-color); --wp--preset--color--sub-menu-color: var(--white); }
.primary-menu .wp-block-fuel-menu-wrapper { border-top: 1px solid var(--white); }
.primary-menu .wp-block-fuel-menu-item:nth-child(n+3) { border-left: 1px solid var(--white); }
.sub-menu::before {/* content: url('data:image/svg+xml,'); */background: var(--wp--preset--color--sub-menu-background);display: inline-block;padding: 0.5rem 0.5rem 0;position: relative;z-index: 1;border: 3px dashed red;}
.sub-menu::after {/* content: ''; */height: 1px;width: calc(100% - 2rem);background: var(--white);position: absolute;inset: 1.5rem 0 100% 0;margin: auto;}
.primary-menu .sub-menu a:not(.wp-block-button__link, .icon-item, .notice, .map-link) { margin-left: -1rem; margin-right: -1rem; }
.primary-menu .menu-label { min-width: 3.5rem; flex-direction: column; }
.primary-menu .menu-label:focus-visible, .primary-menu .menu-label:hover, .primary-menu .sub-menu-trigger[aria-expanded=true] { background: var(--wp--preset--color--mobile-menu-hover-bg); color: var(--wp--preset--color--mobile-menu-hover-color); }
.primary-menu .sub-menu-trigger {position: initial;}
.primary-menu .sub-menu-trigger[aria-expanded=true]::before { pointer-events: auto; opacity: 1; }
.primary-menu .sub-menu-trigger::before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; z-index: -5; height: 100vh; background: rgba(0, 0, 0, 0.3); opacity: 0; pointer-events: none; transition: opacity 600ms; }
.primary-menu .wp-block-fuel-menu-item .menu-label .menu-label-svg svg { width: 1rem; height: 1rem; }
.primary-menu .wp-block-fuel-sub-menu:after {content: ''; background-size: contain;position: absolute;right: 0;bottom: 0.25rem;width: 50vw;max-width: 20rem;height: 50vw;max-height: 20rem;z-index: -1; background-image: url('data:image/svg+xml,');}
.sub-menu .tablist, .sub-menu .tabpanel {padding-top: 1.4rem;}
.wp-block-fuel-sub-menu .wp-block-columns { flex-wrap: wrap !important; }
.wp-block-fuel-sub-menu .wp-block-column { flex-basis: 100% !important; }
.sub-menu .wp-block-heading { background: rgba(0, 0, 0, 0.15); padding: 0.5rem 1rem; margin: 0 0 0 -1rem; width: calc(100% + 2rem) }
.wp-block-fuel-sub-menu-tab-link:is(:hover, :focus-visible)::after { background-color: var(--wp--preset--color--sub-menu-background); }
.sub-menu p br { display: none; }
.back-to-tabs-btn { display: block; margin-bottom: 0.8rem; }
.sub-menu .wp-block-navigation__container, .sub-menu .wp-block-navigation__container * { width: 100%; flex: 1 1 100%; }
.wp-block-fuel-menu-wrapper .sub-menu a:is(:hover,:focus-visible), .wp-block-fuel-menu-wrapper .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:focus-visible, .wp-block-fuel-menu-wrapper .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover { background: #fff; }
.menu-desktop { display: none; }
/* Menu bio list */
.sub-menu .bio-list .bio-box.bio-box {margin-left: -1rem;width: calc(100% + 2rem);display: flex;}
.sub-menu .bio-box::after, #main .bio-box::after { content: ''; --link-svg: url('data:image/svg+xml,'); background-color: currentColor; -webkit-mask: var(--link-svg); mask: var(--link-svg); position: absolute; inset: 0 8vw 0 auto; width: 0.9rem; height: 0.9rem; margin: auto; transition: background-color 0.3s ease; }
.sub-menu .bio-list .bio-box:not(:hover, :focus-visible):nth-child(odd) { background: rgba(255,255,255,0.1); }
.sub-menu .bio-list .bio-image {width: 2.6rem;height: 2.6rem;border-radius: 50%;}
/* Menu Location List */
.wp-block-fuel-sub-menu:has(.menu-locations-section) { padding-right: 0; padding-left: 0; }
.menu-locations-section {padding-right: 0;padding-left: 0;padding-bottom: 0;}
.menu-locations-section .locations-section-image-column .locations-section-map-image { width: clamp(12rem,36.5vw,20rem); }
.menu-locations-section .location-box {width: 100%;flex: auto;}
.menu-locations-section .locations-section-text-column { order: 2; }
.menu-locations-section .loc-title {color: aliceblue;padding-right: 1.5rem;padding-left: 1.5rem;margin: 0 0 0.5rem;}
.menu-locations-section .loc-title:after { display: none; }
.menu-locations-section .loc-title-container {background: none;}
.menu-loc-inner-container {padding-right: 1.5rem;padding-left: 1.5rem;width: 100%;}
.sub-menu .menu-locations-section br { display: block; }
.menu-locations-section .hours-label { color: #fff; }
.sub-menu .menu-locations-section a:is(:hover,:focus-visible) { background: none; color: #fff; text-decoration: underline;}
.menu-locations-section .location-box:last-of-type .icon-item svg circle { fill: none; }
/* Notifications Menu */
.menu-notifications.wp-block-fuel-menu-item .tablist { padding: 0.4rem clamp(1rem, calc(50vw - 30rem), 18rem) 2rem; }
.menu-notifications.wp-block-fuel-menu-item .notices-title,
.menu-notifications .sub-menu::before,
.menu-notifications .sub-menu::after { display: none; }
.menu-notifications svg path {fill: #D0AF7C;}
#menu-item-notices .sub-menu {background-image: none;max-width: 25rem;width: 100%;right: clamp(1rem, 8vw - 4rem, 3rem);right: 0;left: auto;}
.menu-notifications li {background-color: var(--white);color: var(--wp--preset--color--menu-background);}
.menu-notifications li::before { left: 0.9rem; }
.menu-notifications.wp-block-fuel-menu-item .sub-menu-trigger[aria-expanded=true]+.sub-menu { height: auto; max-height: none; }
.menu-notifications.wp-block-fuel-menu-item .tablist {padding: 1.2rem 0.4rem;}
.menu-notifications .linkIcon {background: var(--wp--preset--color--lt-blue);}
.menu-notifications .linkIcon svg path {stroke: #fff;fill: none;}
.menu-notifications li a, .menu-notifications .sub-menu li a:is(:hover,:focus-visible) { background: none; }
.menu-notifications li:is(:hover,:focus-visible) {background: var(--wp--preset--color--notif-hover);background: var(--wp--preset--color--button-accent);}
.menu-notifications li:is(:hover,:focus-visible) .notice {color: #fff;}
.menu-notifications li:is(:hover,:focus-visible) .linkIcon {background: #fff;}
.menu-notifications li:is(:hover,:focus-visible) .linkIcon svg path {stroke: var(--wp--preset--color--lt-blue);fill: none;}
/* Menu Buttons */
.wp-block-buttons .menu-button { text-align: center; }
.wp-block-buttons .menu-button .wp-element-button {border-radius: 0.2rem;border: none;padding: 0.6rem 2.4rem;max-width: 24rem;}
.wp-block-buttons .menu-button .wp-element-button:after { display: none; }
.wp-block-buttons .menu-button .wp-element-button svg {position: initial;vertical-align: -0.1rem;}
.wp-block-buttons .menu-button .wp-element-button svg path { transition: 300ms ease }
.wp-block-buttons .menu-button .wp-element-button:is(:hover,:focus-visible) { background: var(--wp--preset--color--lt-blue); color: #fff; }
.wp-block-buttons .menu-button .wp-element-button:is(:hover,:focus-visible) svg path { fill: #fff; }
/* Search block */
.mobile-item.wp-block-search { padding: 0; min-width: 16rem; max-width: calc(100vw - 2rem); }
.mobile-item .wp-block-search__inside-wrapper {padding: 0;border-radius: 0.2rem;border: none;outline: 1px solid;max-width: 24rem;margin: auto;}
.mobile-item .wp-block-search__input { font-size: 1rem; padding-left: 1rem; background: none; }
.mobile-item .wp-block-search__button {padding: 0.6rem 0.7rem;border-left: 1px solid;transition: background-color 0.3s, color 0.3s;color: var(--accent-color);background: var(--white);line-height: 1.1;}
.mobile-item .wp-block-search__button:is(:hover, :focus-visible) {background: var(--wp--preset--color--lt-blue);color: var(--white);}
/* Menu Slogan */
.menu-slogan-container {position: relative;display: inline-block;}
.menu-slogan-container:after { content: ''; position: absolute; right: 0; bottom: 0; left: 1rem; height: 2px; margin: auto; background: url('data:image/svg+xml,'); background-position: right; transform: rotateY(180deg); }
.menu-slogan-container h3.wp-block-heading {background: none;font-weight: 400;font-size: clamp(1.2rem,3.7vw,2rem);padding-top: 0;padding-bottom: 0.4rem;}
.menu-slogan-container p {margin-top: 0;margin-bottom: 0;font-size: clamp(0.9rem,2.6vw,1.4rem);padding-bottom: 0.4rem;font-style: normal;}
}
@media (min-width: 34.25em) and (max-width: 68.49em) {
.menu-locations-section .loc-title { text-align: center; }
.menu-loc-inner-container {display: grid;grid-template-areas:'left top-right''left bottom-right';max-width: 40rem;margin: 0 auto;}
.menu-loc-inner-container .loc-left { grid-area: left; }
.menu-loc-inner-container .hours.icon-item { grid-area: top-right; }
.menu-loc-inner-container .walk-in-hours.icon-item { grid-area: bottom-right; }
}
/*--------------------------------------------------------------
# Desktop Menu
--------------------------------------------------------------*/
@media (min-width: 68.5em) {
.primary-menu .menu-label:before, .primary-menu .sub-menu-trigger:before {content: '';display: inline-block;background: rgba(255,255,255,0.25);position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 1.5rem 1.5rem 0 0;z-index: -1;transform: scale(1,0);transform-origin: bottom;transition: transform 0.3s;}
.primary-menu .menu-label:focus-visible:before, .primary-menu .menu-label:hover:before, .primary-menu .sub-menu-trigger[aria-expanded=true]:before {transform: scale(1, 1);}
li:not(.menu-notifications, .mobile-label) .sub-menu-trigger::after {content: '';display: inline-block;background: var(--wp--preset--color--menu-color);clip-path: url(#menu_chevron);margin-left: 0.5rem;margin-top: 0.1rem;width: 0.6rem;height: 0.4rem;transition: transform 0.3s;}
.primary-menu .sub-menu-trigger[aria-expanded=true]::after {transform: rotate(90deg);}
.primary-menu .wp-block-fuel-menu-item .menu-label .menu-label-svg svg { width: 1.4rem; height: 1.3rem; }
.sub-menu .wp-block-heading { border-bottom: 1px solid; }
.back-to-tabs-btn { display: inline-block; margin-bottom: 0.5rem; }
.menu-mobile { display: none; }
/* menu-col-# Helper classes. Add menu-col-# to break navigation block into columns */
.sub-menu .wp-block-navigation:is(.menu-col-2, .menu-col-3, .menu-col-4) .wp-block-navigation__container { display: block; column-gap: 2em; }
.menu-col-2 { column-count: 2; }
.menu-col-3 { column-count: 3; }
.menu-col-4 { column-count: 4; }
.wp-block-fuel-menu-wrapper .sub-menu a:is(:hover,:focus-visible), .wp-block-fuel-menu-wrapper .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:focus-visible, .wp-block-fuel-menu-wrapper .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover { background: var(--wp--preset--color--desktop-menu-hover-bg); }
.wp-block-fuel-menu-wrapper .sub-menu:after {content: '';background: url('data:image/svg+xml,');background-size: contain;background-position: bottom right;background-repeat: no-repeat;position: absolute;right: 0;bottom: 0;min-width: 20rem;min-height: 20rem;z-index: -1;opacity: 0.5;}
/* Notification Menu */
#menu-item-notices .sub-menu { background-image: none; max-width: 25rem; width: 100%; right: clamp(1rem, 8vw - 4rem, 3rem); }
.menu-notifications li {background-color: var(--wp--preset--color--menu-background);color: var(--white);}
.menu-notifications li::before { left: 0.9rem; }
.menu-notifications.wp-block-fuel-menu-item .sub-menu-trigger[aria-expanded=true]+.sub-menu { height: auto; max-height: none; }
.menu-notifications.wp-block-fuel-menu-item .tablist { padding: 2.4rem; }
.menu-notifications li:is(:hover,:focus-visible) {background-color: var(--wp--preset--color--notif-hover);}
.menu-notifications li:is(:hover,:focus-visible) .notice {color: var(--primary-color);}
.menu-notifications .linkIcon {background: var(--wp--preset--color--lt-blue);}
.menu-notifications li:is(:hover,:focus-visible) .linkIcon {background: var(--wp--preset--color--notif-hover);/* background: none; */}
.menu-notifications li a, .menu-notifications .sub-menu li a:is(:hover,:focus-visible) { background: none; }
/* Custom Styles */
.primary-menu-wrapper {width: calc(100% - 31.2rem);min-width: 36rem;max-width: 66rem !important;padding-right: 1.5rem;right: 0;bottom: 0;margin-top: -3.2rem;margin-left: auto;top: -1px;transition: 300ms ease;}
.wp-block-fuel-menu-wrapper { background: none; }
.primary-menu .menu-label:hover, .primary-menu .sub-menu-trigger[aria-expanded=true] {background: none;}
.primary-menu .menu-item-home .menu-label:hover .menu-label-svg svg path {fill: #fff;}
.primary-menu .menu-item-search .menu-label:hover .menu-label-svg svg path, .primary-menu .menu-item-search .menu-label[aria-expanded=true] .menu-label-svg svg path { stroke: #fff; }
.primary-menu-wrapper.is-pinned {background: var(--primary-color);width: 100%;max-width: none !important;transition: 300ms ease;}
.primary-menu .menu-label { border-radius: 1.5rem 1.5rem 0 0; }
.primary-menu-wrapper.is-pinned .primary-menu .menu-label:hover,
.primary-menu-wrapper.is-pinned .primary-menu .sub-menu-trigger[aria-expanded=true] { border-radius: 0; }
.wp-block-fuel-menu-wrapper .sub-menu {width: 100vw;max-width: 96rem;left: auto;}
.wp-block-fuel-menu-wrapper .sub-menu-trigger[aria-expanded=true]+.sub-menu {height: 100vh;height: 100dvh;max-height: 26rem;}
.wp-block-fuel-menu-wrapper .menu-item-search .sub-menu-trigger[aria-expanded=true]+.sub-menu {height: auto;max-height: none;padding-bottom: 0;}
.wp-block-fuel-menu-wrapper .menu-item-search .sub-menu:after {}
.wp-block-fuel-menu-wrapper .sub-menu-trigger[aria-expanded=true]+.sub-menu {height: 100vh;height: 100dvh;max-height: 26rem;}
/* About Menu */
.about-menu-columns {gap: 0 2.4rem;}
.about-menu-bio-img {max-width: 8.7rem;border-radius: 0 4rem 0 3.7rem;overflow: hidden;margin: 0 auto 1rem;}
.sub-menu .about-menu-bio-name {font-style: normal;text-align: center;font-size: 0.9rem;margin: 0 0 0;font-family: 'Raleway', sans-serif;}
.sub-menu .about-menu-bio-creds {font-style: normal;text-align: center;font-size: 0.7rem;margin: 0 0 0;}
.about-menu-bio-img {max-width: 10.8rem;border-radius: 0 4rem 0 3.7rem;overflow: hidden;margin: 0 0 1rem 3.4rem;}
.sub-menu .about-menu-bio-name {font-style: normal;text-align: center;font-size: 1rem;margin: 0 0 0 3.4rem;font-family: 'Raleway', sans-serif;max-width: 10.8rem;}
.sub-menu .about-menu-bio-creds {font-style: normal;text-align: center;font-size: 0.8rem;margin: 0 0 0 3.4rem;max-width: 10.8rem;}
/* About Menu Slogan */
.menu-slogan-column .menu-slogan-container {margin-bottom: 6rem;position: relative;display: inline-block;}
.svcs-menu-columns .menu-slogan-column .menu-slogan-container {margin-top: 3rem;}
.menu-slogan-container:after {content: '';background: url('data:image/svg+xml,');position: absolute;right: 0;bottom: -0.5rem;left: 1rem;height: 2px;margin: auto;background-position: right;transform: rotateY(180deg);}
.menu-slogan-container .wp-block-heading {font-size: 2rem;font-weight: 400;border-bottom: none;padding-bottom: 0.4rem;margin: 0;}
.menu-slogan-container p {margin-top: 0;margin-bottom: 0;font-size: 1.4rem;font-style: normal;}
/* Our Providers */
.primary-menu .sub-menu a.bio-box {padding: 0;margin: 0;}
.primary-menu .sub-menu a.bio-box .bio-image { margin: 0; border: none; border-radius: 50%; aspect-ratio: auto; }
.primary-menu .sub-menu a.bio-box .bio-image img { border-radius: 50%; }
.primary-menu .sub-menu a.bio-box .bio-label { margin-top: 1.2rem; }
/* Location Menu */
.menu-locations-section { padding: 0 0 0; }
.menu-locations-section .location-list-detailed {display: flex;flex-wrap: wrap;gap: clamp(0.8rem, 4vw, 3.2rem);}
.menu-locations-section .location-list-detailed .location-box {width: auto;display: flex;}
.menu-locations-section .loc-title:after { display: none; }
.menu-locations-section .locations-section-image-column {align-items: flex-start;text-align: left; }
.menu-locations-section .locations-section-image-column .locations-section-map-image {width: auto;max-width: 17rem;}
/* Services Menu */
.svc-menu .wp-block-columns {gap: 0 6.5rem;}
.svcs-menu-columns { gap: 0 2.4rem; }
.svc-menu-text-col { max-width: 14rem; }
.svc-menu-quote-col { text-align: left; }
.svcs-menu-quote-container {display: inline-block;position: relative;padding: 3.2rem 0;}
.svc-menu-quote.wp-block-heading {font-size: 2.8rem;position: relative;margin: 0;animation-delay: 500ms;padding-bottom: 0;font-weight: 400;font-family: 'Raleway', san-serif;border-bottom: none !important;background: none;}
.svc-menu-quote-bg {position: absolute;top: -1.8rem;right: -1.8rem;bottom: -1.8rem;left: 30%;margin: auto;width: 100%;z-index: -1;}
.svc-menu .wp-block-fuel-sub-menu-tab-panel .wp-block-column { border-left-color: var(--accent-color); }
/* Search */
.menu-item-search .wp-block-search {padding: 0;width: 100%;max-width: 30rem;}
.menu-item-search .wp-block-search__button {padding: 0.45rem 0.75rem;background: var(--primary-color);border-left: none;transition: background-color 0.3s, color 0.3s;}
.menu-item-search .wp-block-search__button:hover, .menu-item-search .wp-block-search__button:focus-visible {background: var(--wp--preset--color--lt-blue);color: #fff;}
}
/* Makes sub-menu full height on computer when width is less than 18rem */
@media (max-width: 22.49em) {
.sub-menu { height: 100% !important; }
}
@media (min-width: 91.25em) { /* 1460px */
.primary-menu-wrapper { padding-right: 3rem; }
.menu-slogan-column .menu-slogan-container {margin-left: 3.6rem;}
.wp-block-fuel-sub-menu:has(.menu-locations-section) { padding-left: calc(50% - 34.8rem); }
.menu-locations-section .locations-section-columns.wp-block-columns { margin-left: 0 !important;; gap: 0 5rem; }
.menu-locations-section .locations-section-image-column .locations-section-map-image { margin-left: 0; }
}