/*
Fuel Theme
Version: 6.3.7
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Shared Menu Styles
# Mobile Menu
# Desktop Menu
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Shared Menu Styles
--------------------------------------------------------------*/
.wp-block-fuel-menu-wrapper .sub-menu {background: var(--accent-color);}
.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.tab-link, .primary-menu .sub-menu .menu-item a { position: relative; display: block; padding: 0.3rem 0.8rem; margin-left: -0.8rem; font-size: clamp(0.9rem, 4vw, 1rem); }
.wp-block-fuel-menu-wrapper .sub-menu a.tab-link:not(:has(span)) { padding-right: 2.4rem; }
.wp-block-fuel-sub-menu-tab-link span:first-child { padding-right: 1.6rem; }
.wp-block-fuel-sub-menu-tab-link::after {content: "";background: var(--white);clip-path: url(#menu_chevron);width: 0.6rem;height: 0.4rem;transform: rotate(270deg);margin: auto;position: absolute;inset: 0 1rem 0 auto;transition: transform 300ms;}
.wp-block-fuel-sub-menu-tab-panel { width: 100%; padding: 0 1rem; }
.entry-wrapper .entry-content:first-child:before, main>.entry-content:first-child:before {/* content: ''; */position: fixed;inset: 0;width: 100%;height: 100%;margin: auto;background: rgba(0, 0, 0, 0);transition: background-color 0.3s;pointer-events: none;z-index: 99;}
body:has(.sub-menu-trigger[aria-expanded=true]) .entry-content:before { background: rgba(0, 0, 0, 0.5); pointer-events: unset; }
.menu-notifications.wp-block-fuel-menu-item .notices-title { display: none; }
.wp-block-fuel-menu-wrapper {
.sub-menu a:is(:hover,:focus-visible),
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:focus-visible,
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover { background: rgba(255,255,255,0.3); color: var(--white); }
}
.menu-locations {
h3.wp-block-post-title { display: none; }
.loc-section-container .wp-block-group a { color: var(--white); }
& .location-cta svg path { fill: var(--white); }
.wp-block-buttons {display: block;padding-left: 2rem;}
.wp-block-buttons a:is(:hover,:focus-visible) { text-decoration: none !important; }
.loc-section-container .wp-block-group a:is(:hover, :focus-visible) {text-decoration: none;color: var(--white);}
}
.sub-menu .wp-block-heading {padding: 0.5rem 1rem;margin: 0;width: calc(100% + 2rem);color: var(--white);}
.menu-end-quote {text-align: center;color: var(--white);font-family: var(--title-font);font-size: clamp(1.6rem, 3.7vw, 2rem);}
.back-to-tabs-btn {display: block;padding: 0.5rem 1.5rem 0.5rem;margin-left: -1rem;color: var(--white) !important;}
.mobile-menu-buttons {
justify-content: center;
.wp-block-button {text-align: center;}
.wp-block-button .wp-block-button__link {border-color: var(--white) !important;border-radius: 0;background: none !important;color: var(--white) !important;padding: 0.5rem 1.7rem !important;max-width: fit-content;}
.wp-block-button .wp-block-button__link:is(:hover, :focus-visible) { background: var(--white) !important; color: var(--accent-color) !important; }
.wp-block-button .wp-block-button__link:before, .wp-block-button .wp-block-button__link:after { display: none; }
}
/* Notifications menu */
.menu-notifications.wp-block-fuel-menu-item .tablist {padding: 0 0;}
.menu-notifications li {background: none;border-bottom: 1px solid var(--white);margin: 0 !important;}
.menu-notifications li::before {left: 0.9rem;z-index: 2;top: 0;bottom: 0;margin: auto;}
/*--------------------------------------------------------------
# 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);
}
#menu_styling_wrapper { background: var(--brand-gradient); }
.primary-menu {/* position: static; *//* inset: unset; */box-shadow: unset;background: var(--primary-color);color: var(--white);}
.primary-menu .wp-block-fuel-menu-wrapper {border-bottom: 0.3rem solid var(--primary-color);}
.primary-menu .wp-block-fuel-menu-item:nth-child(n+3) {border: none;}
.wp-block-fuel-menu-wrapper .sub-menu {bottom: 3.2rem;box-shadow: none;max-height: calc(100dvh - 3.2rem);padding-bottom: 3rem;}
.sub-menu::before {content: url('data:image/svg+xml,');display: inline-block;padding: 0.5rem 0.5rem 0;position: relative;z-index: 1;}
.sub-animate { border-top: 1px solid var(--white); }
.primary-menu .sub-menu a:is(.tab-link, .bio-box), .primary-menu .sub-menu .menu-item a { margin-right: -1rem; padding: 0.3rem 1rem; margin-left: -1rem; }
.primary-menu .menu-label { min-width: 3.5rem; flex-direction: column; }
.primary-menu .wp-block-fuel-menu-item .menu-label .menu-label-svg svg { width: 1rem; height: 1rem; }
.sub-menu *:is(.tablist, .tabpanel) { padding: 0rem 1rem; margin: 0; }
.sub-menu *:is(.tablist, .tabpanel) > * {display: block;padding-top: 1.5rem;}
.wp-block-fuel-sub-menu .wp-block-columns { flex-wrap: wrap !important; }
.sub-menu .wp-block-heading {background: var(--primary-color);margin-left: -1rem;font-family: 'Crimson Pro', serif;font-weight: 400;font-size: 1.2rem;}
.wp-block-fuel-sub-menu .wp-block-column { flex-basis: 100% !important; }
.wp-block-fuel-sub-menu-tab-link:is(:hover, :focus-visible)::after {}
body:not(.block-editor-iframe__body) .sub-menu .tabpanel { overflow: visible; }
.menu-end-quote:before {content: '';height: 1px;width: 200%;max-width: none;background: var(--white);position: absolute;top: 0;right: auto;left: -2.7rem;z-index: 1;}
/* Menu location list */
.sub-menu .loc-title { margin-bottom: 0.5rem; }
.primary-menu .menu-label {border-left: 0.3rem solid var(--primary-color);height: 2.9rem;}
.primary-menu .wp-block-fuel-menu-item:last-of-type .menu-label {border-right: 0.3rem solid var(--primary-color);}
.primary-menu .menu-label:is(:hover, :focus-visible), .primary-menu .sub-menu-trigger[aria-expanded=true] {background: var(--accent-color);color: var(--white);}
.menu-about {
.wp-block-search {max-width: 15rem;min-width: 0;}
.wp-block-search__inside-wrapper { outline-color: var(--white); }
.wp-block-search__input {padding: 0.5rem !important;color: var(--content-color);}
.wp-block-search__button {width: 2rem;padding: 0;background-repeat: no-repeat;background-position: center;background-image: url('data:image/svg+xml,');}
.wp-block-search__button:is(:hover, :focus-visible) {background-color: var(--primary-color) !important;}
}
}
@media (min-width: 58.5em) {
.menu-locations .loc-section-container .wp-block-image { margin-top: 0; }
}
/*--------------------------------------------------------------
# Desktop Menu
--------------------------------------------------------------*/
@media (min-width: 68.5em) {
.primary-menu .wp-block-fuel-menu-item { --menu-height: 2.9rem; }
li:not(.menu-notifications, .mobile-label) .sub-menu-trigger {color: var(--white);overflow: hidden;margin: 0 2rem;font-family: 'Crimson Pro', serif;font-size: clamp(1.2rem,2vw,1.6rem);}
li:not(.menu-notifications, .mobile-label) .sub-menu-trigger::after {content: '';display: inline-block;margin-left: 0.5rem;margin-top: 0.3rem;width: 0.7rem;height: 0.7rem;transition: transform 0.3s;z-index: 1;background-image: url('data:image/svg+xml,');}
li:not(.menu-notifications, .mobile-label) .sub-menu-trigger::before {content: '';background: var(--accent-color);background: var(--Button-Fade, linear-gradient(0deg, rgba(9, 108, 152, 0.70) 7.76%, rgba(22, 140, 254, 0.70) 100%));width: calc(100% - 1.9rem);min-height: 0.4rem;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;margin: auto;transform: translateY(90%);transition: 300ms ease;}
.primary-menu .menu-label { transition: 300ms ease; }
.primary-menu .menu-label:is(:hover, :focus-visible), .primary-menu .sub-menu-trigger[aria-expanded=true] { background: none; }
.primary-menu .menu-home .menu-label:is(:hover, :focus-visible),
.primary-menu .menu-search .menu-label:is(:hover, :focus-visible),
.primary-menu .menu-notifications .menu-label:is(:hover, :focus-visible),
.primary-menu .menu-search .sub-menu-trigger[aria-expanded=true],
.primary-menu .menu-notifications .sub-menu-trigger[aria-expanded=true] {background: linear-gradient(0deg, rgba(9, 108, 152, 0.70) 7.75%, rgba(22, 140, 254, 0.70) 100%);}
.primary-menu .menu-label:focus-visible:before, .primary-menu .menu-label:hover:before, .primary-menu .sub-menu-trigger[aria-expanded=true]:before { transform: translateY(0%); }
.primary-menu-wrapper { background: var(--primary-color); border-top: 1px solid var(--white); }
.primary-menu {background: var(--primary-color);padding-right: 3rem;padding-left: 3rem;}
/* Sticky Menu */
.primary-menu-wrapper.is-pinned {
.menu-sticky-logo { display: block; }
.menu-home { display: none; }
}
.menu-sticky-logo { display: none; transition: 300ms ease; }
.primary-menu .menu-sticky-logo .menu-label:is(:hover, :focus-visible) { background: linear-gradient(0deg, rgba(9, 108, 152, 0.70) 7.75%, rgba(22, 140, 254, 0.70) 100%); }
.primary-menu .menu-sticky-logo .menu-label:is(:hover, :focus-visible) .menu-label-svg path { fill: var(--white); }
.menu-sticky-logo .menu-label-svg { height: 100%; align-content: center; }
.primary-menu .sub-menu-trigger[aria-expanded=true]::after {transform: rotate(45deg);}
.primary-menu .wp-block-fuel-menu-item .menu-label .menu-label-svg svg { width: unset; height: unset; font-size: 1.4rem; }
/* Center columns for first level */
.sub-menu .wp-block-columns:first-child { justify-content: center; }
.sub-menu .wp-block-column {max-width: fit-content;}
.sub-menu .wp-block-column:has(.wp-block-heading) {max-width: 20rem;}
.wp-block-fuel-menu-wrapper .sub-menu {background-repeat: no-repeat;background-position: right top;background-size: contain;background-image: url('data:image/svg+xml,');}
.sub-menu .wp-block-columns { gap: 3rem; }
.sub-menu .wp-block-heading {
padding: 0.5rem 0;margin-bottom: 2rem;position: relative;
&:before {content: '';background: var(--white);height: 1px;position: absolute;right: 1rem;bottom: -0.5rem;left: 0;}
&:after {content: '';background: var(--white);height: 6px;width: 6px;border-radius: 50%;position: absolute;right: 1rem;bottom: -12px;}
}
.primary-menu .sub-menu a.tab-link, .primary-menu .sub-menu .menu-item a {margin-left: -1rem;color: var(--white);}
.back-to-tabs-btn {display: inline-block;margin-bottom: 0.5rem;margin-left: -1.5rem;}
.wp-block-fuel-sub-menu-tab-link:hover::after { transform: translateX(0.3rem) rotate(270deg); }
.sub-menu .wp-block-column:has(.has-h-3-font-size) { margin: auto; }
#hl_panel .wp-block-column:has(.wp-block-heading), #ha-panel .wp-block-column:has(.wp-block-heading) { max-width: 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; }
.menu-label-text { z-index: 1; }
/* Locations Menu */
.menu-locations {
.loc-section-container {flex-wrap: nowrap; justify-content: space-between;}
.loc-section-container .hours {color: var(--white);white-space: nowrap;}
}
.wp-block-group:has(>.address.cover-link) { max-width: 19.5rem; }
/* Notification Menu */
#menu-item-notices .sub-menu { max-width: 25rem; width: 100%; right: clamp(1rem, 8vw - 4rem, 3rem); top: 100%; }
.menu-notifications li {color: var(--white);overflow: hidden;border-top: 1px solid var(--white);border-bottom: none;}
.menu-notifications li:last-of-type { border-bottom: 1px solid var(--white); }
.linkIcon {background: none;}
.menu-notifications a { overflow: hidden; }
.menu-notifications a::after {/* content: ''; */width: 100%;height: 100%;background-color: var(--wp--preset--color--menu-hover-bg);position: absolute;top: 0;left: calc(100% - 1rem);z-index: -1;transition: left 300ms;}
.menu-notifications a:is(:hover, :focus-visible)::after { left: 0; }
#notices a { z-index: 1; position: relative; }
#notices a:hover {background: rgba(255, 255, 255, 0.3);color: var(--white);}
}
/* 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: 82.5em) {
.primary-menu { padding-right: 0; padding-left: 0; max-width: 60rem; margin: auto; }
}