/*
Fuel6 Theme: Fuel6 Walker Menu
Version: 6.4.0
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Shared Menu Styles
# Mobile Menu
# Desktop Menu
# Notifications Menu
# Open/Close Sub-Menus
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Shared Menu Styles
--------------------------------------------------------------*/
body {
--menu-height: 2.9rem; /* Change the height of the top level menu */
}
.fuel6-walker-menu {
position: static;
& .menu-link {display: block;page-break-inside: avoid;cursor: pointer;}
& .menu-link[aria-expanded]::after {content: '';display: inline-block;margin-left: 0.4rem;margin-top: 0.1rem;width: 0.3rem;height: 0.55rem;transition: 300ms ease;background-size: contain;background-image: url('data:image/svg+xml,');}
/* Top level styling */
& > .lvl-1 {
display: flex;justify-content: center;gap: 0 0.5rem;
& > li {
flex: 1 1 auto;
& > .menu-link {
display: flex;justify-content: center;align-items: center;height: var(--menu-height);width: 100%;max-width: 5rem;
&:is(:hover, :focus-visible, [aria-expanded="true"]) {background: var(--white) !important;color: var(--black) !important;}
}
}
}
& .sub-menu.lvl-2 {
display: grid;position: absolute;inset: var(--sub-menu-lvl-2-inset, auto 0);z-index: 1;visibility: hidden;clip-path: rect(0 100% 0 0);transition: clip-path 0.5s ease, visibility 0.5s ease;overflow: auto;max-height: var(--sub-menu-max-height, calc(100vh - 12rem));background: var(--grey-gradient);
& .menu-link {display: flex;justify-content: space-between;align-items: center;}
& .menu-label-text {flex: 1 1 auto;}
}
& .sub-menu-content {
grid-area: 1 / 1;position: relative;padding: 2rem 1rem 5rem;background-size: contain;background-repeat: no-repeat;background-position: bottom right;background-image: url('data:image/svg+xml,');
& .menu-link {margin-left: -0.4rem;}
& a:not(.notice, .wp-element-button, .button) {color: var(--wp--preset--color--sub-menu-color);}
& a:is(.menu-link, .back-link) {padding: 0.3rem 0.8rem;}
}
& .sub-menu-content.lvl-2 {z-index: 3;}
& .menu-title {margin: 0.5rem 0 1rem 0.2rem;padding-bottom: 0.6rem;font-weight: 500;font-family: var(--content-font);color: var(--wp--preset--color--sub-menu-color);font-size: var(--wp--preset--font-size--content);}
& .sub-menu-content.lvl-2, & .sub-menu-content.lvl-3 .sub-menu {display: grid;grid-auto-flow: column;align-content: flex-start;justify-content: center;gap: 0 clamp(1rem, -21rem + 40vw, 3rem);transition: height 0.5s, visibility 0.5s;}
& .sub-menu-content:not(:has(.menu-item:nth-child(2))) .synced-pattern {width: 59rem;max-width: calc(100vw - 3rem);}
.full-width-content .sub-menu-content {display: block;padding: 0;}
.full-width-content .sub-menu-content:not(:has(.menu-item:nth-child(2))) .synced-pattern {width: 100%;max-width: unset;}
& .sub-menu-content.lvl-3 .sub-menu {height: 0;overflow: hidden;visibility: hidden;opacity: 0;transform: translateX(var(--distance, 1.5rem));transition: visibility 0s ease .6s, opacity .3s ease-in-out, transform .6s ease-in-out;padding-left: var(--contain-padding);padding-right: var(--contain-padding);}
& .sub-menu-content.lvl-3 .sub-menu > *:not(.back-link) {grid-area: 2 / auto; }
/* Hide empty lists - when sub menu only has sycned blocks, also hide SVGs inside back link */
& .sub-menu-content-column:has(> li:nth-child(2):empty) {display: none;}
/* Search */
.wp-block-search__input {border-radius: 0 !important;border-color: #BFD294;color: var(--white);}
}
/* Menu Location */
#menu_location_section {
/* Info Panel */
.infoPanel-padding .button {background: var(--button-gradient);background-color: #32373c;border-radius: 0;border-width: 0;color: var(--primary-color);font-family: inherit;font-size: inherit;font-style: inherit;font-weight: 400;letter-spacing: inherit;line-height: normal;padding-top: 0.8rem;padding-right: 1.6rem;padding-bottom: 0.8rem;padding-left: 1.6rem;text-decoration: none;text-transform: inherit;position: relative;transition: 500ms ease;}
.infoPanel-padding .button:after { content: ''; width: 0.4rem; height: 0.8rem; position: absolute; top: 0; right: 1rem; bottom: 0; margin: auto; transition: 500ms ease; transform: translateX(-0.3rem); opacity: 0; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('data:image/svg+xml,'); }
.infoPanel-padding:is(:hover, :focus-visible) .button { background: var(--button-hover-gradient); padding-right: 1.9rem; padding-left: 1.3rem; }
.infoPanel-padding:is(:hover, :focus-visible) .button:after { transform: translateX(0); opacity: 1; }
.map-nav-item-btn:after {content: '';position: absolute;inset: auto 1.2rem auto auto;width: 0.5rem;height: 0.8rem;background-size: contain;background-repeat: no-repeat;background-image: url('data:image/svg+xml,');}
.filter-controls .get-my-location.button {margin: auto;padding: 0.2rem 1rem;color: var(--primary-color);background: var(--button-gradient);}
.filter-controls .get-my-location.button:is(:hover, :focus-visible) { background: var(--white); }
.map-info-panel {background: var(--grey-gradient);}
.map-back { background: rgba(0,0,0,0.15); }
.map-back:is(:hover, :focus-visible) {
background: var(--button-gradient);color: var(--primary-color);
svg { color: var(--primary-color); }
}
.map-loc-header {
background: none;
h3 {color: var(--white) !important;font-size: 1rem;font-weight: 500;}
}
.map-loc-info .icon-item { color: var(--primary-color) !important; }
.map-info {
:not(.button,svg) { color: var(--white) !important; }
:not(.button,svg) path { fill: #676B6E; }
:not(.button,svg) path:last-of-type { fill: #F2DC67; }
.hours-rows { display: flex; flex-wrap: wrap; }
.hours-row { width: 100%; }
}
.hours-note { font-style: italic; font-size: 0.8rem; }
.map-loc-footer { padding-bottom: 1rem; }
}
/*--------------------------------------------------------------
# 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);}
#menu_styling_wrapper:after {content: '';background: rgba(0,0,0,0.35);position: absolute;inset: 0;z-index: -1;}
.wp-block-group:has( > .fuel6-walker-menu) {position: fixed;inset: auto 0 0;padding-bottom: env(safe-area-inset-bottom) !important;z-index: 20;box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2); transition: bottom 0.5s ease;}
.wp-block-group:has( > .wp-block-buttons) { max-width: 32rem; margin: auto; }
.fuel6-walker-menu {
/* Mobile App Bar */--sub-menu-lvl-2-inset: auto 0 calc(var(--menu-height) + 0rem) 0;
& li.depth-0 {justify-content: center;display: flex;max-width: fit-content;}
& li.depth-0 > .menu-link {
min-width: 3rem;flex-direction: column;color: var(--white);padding: 1.6rem 0.15rem;
& > .menu-label-text {display: block;font-size: 0.7rem;}
&[aria-expanded]::after {display: none;}
}
/* Submenu */
& .sub-menu-content.lvl-2::before {content: url('data:image/svg+xml,');background: #5B5E60;display: block;width: fit-content;margin: 0.3rem auto 0.5rem;padding: 0.5rem 0.5rem 0;position: relative;z-index: 1;}
& .sub-menu:has(.sub-menu.active) .sub-menu-content.lvl-2::before { display: none; }
& .sub-menu-content.lvl-3 > .sub-menu::before {content: url('data:image/svg+xml,');background: #5B5E60;display: block;width: fit-content;margin: 0.3rem auto 0.5rem;padding: 0.5rem 0.5rem 0;position: relative;z-index: 1;}
& .sub-menu-content.lvl-2::after,
& .sub-menu-content.lvl-3 .sub-menu::after{ content: '';height: 1px;width: calc(100% - 2rem);background: var(--wp--preset--color--sub-menu-color);position: absolute;inset: 1.5rem 0 auto 0;margin: auto;}
/* Submenu button styling */
& .sub-menu-content .wp-block-group :is(.wp-element-button, .button) {color: var(--primary-color);background: var(--button-gradient);border: none;border-radius: 0;}
/* Submenu button hover styling */
& .sub-menu-content .wp-block-group :is(.wp-element-button, .button):is(:hover, :focus-visible) {background: linear-gradient(45deg, var(--white), var(--white));}
& .sub-menu.lvl-2 {
clip-path: rect(100% 100% 100% 0);--sub-menu-max-height: calc(100dvh - var(--menu-height));overscroll-behavior: contain;
& .menu-title {margin: 1rem 0 0;padding: 0.5rem 1rem;background: rgba(0, 0, 0, 0.1);border: none;}
& .menu-link {
padding: 0.3rem 1rem 0.3rem 1.8rem;display: flex;justify-content: space-between;align-items: center;
.menu-label-text {flex: 1 1 auto;}
}
& a:not(.wp-element-button, .button):is(:hover, :focus-visible) {background: rgba(0,0,0,0.15);color: var(--white);}
}
& .sub-menu-content:not(:has(.menu-item:nth-child(2))) .synced-pattern { max-width: 100vw; }
& .sub-menu-content:is(.lvl-2, .lvl-3), & .sub-menu-content.lvl-3 .sub-menu { display: flex;flex-direction: column;padding: 0;overflow: hidden;}
/* Add line above sycned pattern group block */
.synced-pattern-about-menu-pic {display: flex;justify-content: center;padding: 1.2rem 1rem !important;}
/* Our Providers Sub Menu - Mobile */
.sub-menu .bio-list {
padding-bottom: 1.5rem;
.bio-box {position: relative;overflow: visible;padding: 0.5rem 1rem;margin-left: 0rem;width: calc(100% - 0rem);background: rgba(103,107,110,0.75) !important;}
.bio-box:nth-child(even) {background: rgba(255,255,255,0.15) !important;}
.bio-box:before {/* content: ""; */background: var(--brand-gradient);position: absolute;inset: -0.2rem;border-radius: 1.4rem 0 0 0;padding: .05em;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.bio-box::after {width: 0.35rem;height: 0.6rem;inset: 0 1.5rem 0 auto;background-size: contain;--link-svg: url('data:image/svg+xml,');}
.bio-box:is(:hover,:focus) {
background: var(--white) !important;
&:after, .bio-name, .bio-cred {color: var(--primary-color) !important;}
}
.bio-image {border-radius: 0.7rem 0 0 0;width: 3rem;height: 4rem;}
.bio-name {margin-bottom: 0.25rem;color: var(--white);}
.bio-cred {color: var(--white);}
}
/* Location */
#menu_location_section {
margin-top: 0;padding: 0 0.8rem 1.5rem;
.locations-title {margin-bottom: 2.4rem;margin-left: 0.7rem !important;position: relative;}
.locations-title:after {content: '';width: 2.8rem;height: 2px;background: var(--primary-color);position: absolute;right: 0;bottom: -0.9rem;left: 0;}
.wp-block-fuel-interactive-map {background: transparent;max-height: 22rem;margin-top: 0;}
.wp-block-fuel-interactive-map:before {content: "";background: var(--brand-gradient);position: absolute;inset: -0.1rem;padding: .05em;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.map-nav-item {height: calc(100% / 3);border-bottom: 1px solid var(--white);border-left: 4px solid grey;}
.map-filter-panel {background: var(--grey-gradient);border: none;}
.map-filter-panel summary {background-color: rgba(0,0,0,0.15) !important;color: var(--white);}
.map-filter-panel summary:after {width: 1.3rem;height: 1.3rem;clip-path: none;inset: auto 0.8rem auto auto;background-color: unset;background-size: contain;background-image: url('data:image/svg+xml,');}
.map-filter-panel[open] summary:after { background-image: url('data:image/svg+xml,'); }
.map-filter-panel summary::-webkit-details-marker, .map-filter-panel summary::marker { display: none !important; }
.map-filter-panel summary:is(:hover,:focus-visible) {background-color: #9F9F9F !important; }
.map-nav-item-btn {background: var(--grey-gradient);height: 100%;color: var(--white);transition: 300ms ease;}
.map-nav-item-btn:is(:hover,:focus,.map-active) { background: linear-gradient(45deg, var(--primary-color), var(--primary-color)); color: var(--white); }
.map-mobile-view-bar {color: var(--white);background: var(--grey-gradient);}
.map-mobile-view-bar:after {content:'';width: 0.9rem;height: 0.75rem;display: inline-block;margin-left: 0.4rem;vertical-align: -0.1rem;background-image: url('data:image/svg+xml,');}
.map-mobile-view-bar:is(:hover, :focus) {background: var(--accent-color);}
.filter-contents {justify-content: center;background-color: rgba(0, 0, 0, 0.15) !important;padding-bottom: 1rem;}
.filter-controls { color: var(--white); font-size: 0.75rem; }
}
/* Menu CTA - Mobile */
.menu-cta-container { position: relative; }
.menu-cta-container:before {content: '';height: 1px;position: absolute;inset: 1.6rem 0 auto;background: var(--brand-gradient);}
.menu-cta-container > p { font-size: 1rem !important; }
.menu-cta-aud-hear-container { text-align: center;margin-top: 1rem;margin-bottom: 1.5rem;}
.menu-cta-aud-hear-top {font-size: 1rem;position: relative;line-height: normal;}
.menu-cta-aud-hear-top:after {content: '';width: 10rem;height: 0.8rem;position: absolute;right: 0;bottom: -0.2rem;left: 0;margin: auto;z-index: -1;background-image: url('data:image/svg+xml,');}
.menu-cta-aud-hear-bottom { font-size: 1.2rem; line-height: normal; }
}
}
@media (min-width: 45em) { /* 720px */
.fuel6-walker-menu > .lvl-1 { gap: 0 1rem; }
.fuel6-walker-menu > .lvl-1 > li > .menu-link {padding: 1.6rem 1.3rem;max-width: none;min-width: 5rem;}
}
@media (min-width: 50em) { /* 800px */
#menu_location_section .wp-block-fuel-interactive-map { height: 20rem; }
#menu_location_section .wp-block-fuel-interactive-map:before { inset: -0.4rem; }
}
/*--------------------------------------------------------------
# Desktop Menu
--------------------------------------------------------------*/
@media (min-width: 68.5em) {
#menu_styling_wrapper { z-index: 99; }
.fuel6-walker-menu {
border-top: 1px solid var(--content-color);max-width: none !important;margin-right: 3rem !important;margin-left: 3rem !important;
/* Submenu single column positioning */
& .menu-single .sub-menu {min-width: 29rem;width: 100%;max-width: none;}
& .menu-single .sub-menu-content.lvl-2 {display: block;}
/* Two column layout for Submenu column */
& .menu-span-2 { column-count: 2;}
& .menu-span-2 .menu-title {column-span: all; }
/* Position sub-menu based on new position-anchor property */
@supports (anchor-name: --notices) {
& .menu-single .sub-menu.depth-0 {position-anchor: var(--name);position-area: bottom span-right;position: fixed;}
}
.sub-menu.lvl-2:not(:has(#notification_content)) {--sub-menu-lvl-2-inset: 3.2rem 0 auto;}
/* Fallback sub-menu positioning if position-anchor not supported */
@supports not (anchor-name: --notices) {
& .menu-single .sub-menu.depth-0 { --sub-menu-lvl-2-inset: auto; transform: translateX(-18.7rem); }
}
/* Sub-menu chevron */
& .depth-0 > .menu-link > .menu-label-svg svg {font-size: 1.4rem;max-width: none;}
& .sub-menu.lvl-2 .menu-link[aria-expanded]:hover::after {transform: translateX(0.3rem);}
& .back-link {width: fit-content;margin-bottom: 1rem;margin-left: -0.8rem;}
& .sub-menu-content.lvl-3 .sub-menu .sub-menu-content-column {column-count: 3;column-gap: 2rem; }
& .sub-menu-content.lvl-3 .sub-menu .menu-title {column-span: all; }
& .hide-label .menu-link::after, & .hide-label .menu-link .menu-label-text, & .menu-item:not(.hide-label) .menu-label-svg { position: absolute; opacity: 0; height: 0; width: 0;}
/* Menu Hoverstate Overline */
& .menu-link {position: relative;color: var(--primary-color);}
& .menu-link[aria-expanded]::after {content: '';display: inline-block;margin-left: 0.4rem;margin-top: 0.1rem;width: 0.5rem;height: 0.5rem;transition: 300ms ease;background-size: contain;background-image: url('data:image/svg+xml,');}
& .menu-link:is(:hover, :focus-visible, [aria-expanded="true"]) {background: unset !important;}
& .menu-notifications > .menu-link { overflow: visible; }
& .lvl-1 > li {display: flex;justify-content: center;max-width: fit-content;}
& .lvl-1 > li > .menu-link {max-width: fit-content;}
& .menu-title { color: var(--white); position: relative; }
& .menu-title:after {content: ''; height: 1px;position: absolute;inset: 1.6rem 0 auto;background: var(--brand-gradient);}
& .sub-menu-content a:not(.notice, .wp-element-button, .button) { color: var(--white); }
& a:is(.menu-link, .back-link):is(:hover, :focus-visible) { color: var(--white) !important; background: rgba(0,0,0,0.15) !important; }
& .sub-menu-content.lvl-2 .menu-link[aria-expanded]::after {width: 0.3rem;height: 0.55rem;background-size: contain;background-image: url('data:image/svg+xml,');}
& .sub-menu-content.lvl-2 {
gap: 3.2rem;
& > .menu-item {min-width: 12.5rem;}
}
& > .lvl-1 > li > .menu-link:is(:hover, :focus-visible, [aria-expanded="true"]) {background: unset !important;}
.synced-pattern-about-menu-pic { margin-top: 1.8rem; }
/* Our Providers Sub Menu - Desktop */
.sub-menu-content.lvl-3:has(#submenu-2) { padding-right: 0; padding-left: 0; }
#submenu-2 { padding-right: 1.5rem; padding-left: 1.5rem; }
.sub-menu .bio-list {
gap: 2rem;
.bio-box {padding: 0.4rem;max-width: 12.8rem;flex: none;margin: 0;}
.bio-box:before { content: ""; background: var(--brand-gradient); position: absolute; inset: -0.2rem; border-radius: 1.4rem 0 0 0; padding: .05em; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.bio-image {width: 100%;min-height: 13.7rem;border-radius: 1.2rem 0 0 0;aspect-ratio: 1 / 1.07;}
.bio-image .wp-post-image {object-position: top;}
.bio-label {
background: var(--grey);padding: 0.5rem 0;
.bio-name { color: var(--primary-color); margin-bottom: 0.25rem; }
.bio-cred { color: var(--blue); }
}
}
/* Menu Location - Desktop */
.menu-item:has(#menu_location_section) .sub-menu-content .synced-pattern-location-section {width: 96rem;max-width: 96rem;}
.sub-menu-content:has(#menu_location_section) { padding: 0 !important; }
#menu_location_section {
.map-filter-panel { background: var(--grey-gradient); border: none; }
.map-filter-panel summary { background-color: rgba(0, 0, 0, 0.15) !important; color: var(--white); }
.map-filter-panel summary::-webkit-details-marker, .map-filter-panel summary::marker { display: none !important; }
.map-filter-panel summary:after { width: 1.3rem; height: 1.3rem; clip-path: none; background-color: unset; background-size: contain; background-image: url('data:image/svg+xml,'); }
.filter-contents { justify-content: center; background-color: rgba(0, 0, 0, 0.15) !important; padding-bottom: 1rem; }
.filter-controls { color: var(--white); font-size: 0.75rem; }
.map-nav-item { height: calc(100% / 3); border-bottom: 1px solid var(--white); border-left: 4px solid grey; }
.map-nav-item-btn { background: var(--grey-gradient); height: 100%; color: var(--white); transition: 300ms ease; }
.map-nav-item-btn:is(:hover,:focus,.map-active) { background: linear-gradient(45deg, var(--primary-color), var(--primary-color)); color: var(--white); }
.wp-block-fuel-interactive-map {margin: 0;max-width: none;}
}
/* Services */
#submenu-4 { gap: 0 7.3rem; }
/* Menu CTA - Desktop */
#submenu-5, #submenu-6, #submenu-7 {gap: 0 5rem;padding-left: calc(50vw - 36.5rem);padding-right: calc(50vw - 36.5rem);}
.menu-cta-container {position: relative;padding-top: 0 !important;margin-top: 2rem;}
.menu-cta-container:before {content: '';width: 1px;position: absolute;inset: 0 auto 0 -1.6rem;background-size: cover;background-image: url('data:image/svg+xml,');}
.menu-cta-container > p {margin-top: 0.5rem;}
.menu-cta-aud-hear-container {margin-top: 1.8rem;}
.menu-cta-aud-hear-top {font-size: 1.2rem;position: relative;line-height: normal;display: inline-block;margin-bottom: 0.6rem;}
.menu-cta-aud-hear-top:after {content: '';width: 11.6rem;height: 0.9rem;position: absolute;inset: 0 -0.9rem -1rem;margin: auto;z-index: -1;background-size: contain;background-image: url('data:image/svg+xml,');}
.menu-cta-aud-hear-bottom {font-size: 1.8rem;line-height: normal;margin: 0 0 0 1.2rem !important;}
/* Search */
.wp-block-search__inside-wrapper { width: 100%; max-width: 32rem; }
.wp-block-search__input {background: var(--white);color: var(--primary-color);border: none;border-radius: 0.2rem 0 0 0.2rem !important;}
.wp-block-search__button {border: none;background: var(--button-gradient);color: var(--primary-color); }
.wp-block-search__button:is(:hover, :focus-visible) { background: var(--primary-color); color: var(--white); }
}
/* Lava Lamp */
.is-style-lava-lamp.above .lvl-1 {position: relative;justify-content: space-between;}
.is-style-lava-lamp.above .lvl-1::before {background: var(--accent-color);top: -0.25rem;left: 0;}
.header:is(.is-pinned, .show-sticky) .is-style-lava-lamp .lvl-1::before {top: auto;bottom: var(--lavaHeight);bottom: 0;z-index: 2;}
}
@media (min-width: 82.5em) {
.fuel6-walker-menu {
margin-right: 5.5rem !important;margin-left: 5.5rem !important;padding-right: 3rem !important;padding-left: 3rem !important;
#submenu-5, #submenu-6, #submenu-7 {padding-left: calc(50vw - 40rem);padding-right: calc(50vw - 40rem);}
}
}
/*--------------------------------------------------------------
# Notifications Menu
--------------------------------------------------------------*/
#notification_content { display: block; }
.menu-notifications .menu-title { display: none; }
.menu-notifications #notices {padding: 0 1rem 1rem;}
.menu-notifications li {margin-bottom: 0.4rem;background: var(--white);overflow: hidden;}
.menu-notifications li:has(a.notice) { background: none; }
.menu-notifications .notice {color: var(--primary-color) !important;background: none !important;}
.menu-notifications .notice:before {content: '';background: var(--button-gradient);position: absolute;inset: 0 0 0 calc(100% - 1.5rem);z-index: -1;transition: 300ms ease;}
.menu-notifications .notice:after {content: '';background: var(--white);position: absolute;inset: 0;z-index: -2;}
.menu-notifications .notice:is(:hover, :focus-visible):before { inset: 0 0 0; }
.menu-notifications li .linkIcon {background: none;}
/* Notifications Mobile Menu */
@media (max-width: 68.49em) {
.menu-notifications .menu-title { display: none; }
}
/* Notification Desktop Menu */
@media (min-width: 68.5em) {
#notification_content {padding: 2.4rem 2rem;}
.menu-notifications .menu-title {display: block;margin-top: 0;}
.menu-notifications #notices { padding: 0; }
}
/*--------------------------------------------------------------
# Open/Close Sub-Menus
--------------------------------------------------------------*/
/* Main sub menu opener (opens wrapper that contains all sub-menus) */
body.js-active .fuel6-walker-menu .menu-link[aria-expanded=true] + .sub-menu, /* JS */
body:not(.js-active) .fuel6-walker-menu ul.lvl-1 > li:has(:target) > .sub-menu /* NO JS*/ {visibility: visible;clip-path: rect(0 100% 110% 0);overflow-x: hidden;}
/* Close sub menus inside main sub menu wrapper */
body:not(.js-active) .fuel6-walker-menu .sub-menu-content:not(:target, :has(.sub-menu:target)) /* NO JS*/ { visibility: hidden;z-index: -1;}
/* Pre-Animate lvl-2 sub-menu on open - fade down*/
body.js-active .fuel6-walker-menu .sub-menu-content.lvl-2 {opacity: 0;transform: translateY(var(--fadein-direction,-1.5rem));transition: 300ms ease;}
/* Animate lvl-2 sub-menu on open - fade down*/
body.js-active .fuel6-walker-menu .sub-menu-content.lvl-2.active {opacity: 1;transform: translateY(0);transition: 300ms ease;}
/* Open sub menus inside main sub menu wrapper */
body.js-active .fuel6-walker-menu .active, /* JS */ body.js-active .fuel6-walker-menu.lvl-2 .sub-menu-content:has(.active), /* JS */ body:not(.js-active) .fuel6-walker-menu .sub-menu-content:has(:target, .sub-menu:target) /* NO JS */ {visibility: visible;}
/* 3rd level fade-in-right animation when 3rd level opened */
body.js-active .fuel6-walker-menu .sub-menu-content.lvl-3 .sub-menu.active, /* JS */
body:not(.js-active) .fuel6-walker-menu .sub-menu-content.lvl-3 :target /* NO JS */ {opacity: 1;height: 100%;transform: translateX(0);visibility: visible;transition: visibility 0s ease 0s, opacity .3s ease-in-out, transform .6s ease-in-out;position: relative;z-index: 3;/* background: var(--wp--preset--color--sub-menu-background); */}
/* 2nd level fade-in-left animation when 3rd level closed */
body.js-active .fuel6-walker-menu .sub-menu.lvl-2 .sub-menu-content.lvl-2 > * { opacity: 1;transform: translateX(0);transition: visibility 0s ease 0s, opacity .3s ease-in-out, transform .6s ease-in-out;}
/* When 3rd level open, make 2nd level content hidden and setup for fade-in-left animation when 3rd level closed */
body.js-active .fuel6-walker-menu .sub-menu.lvl-2:has(.sub-menu-content.lvl-3 .active) .sub-menu-content.lvl-2 > * { opacity: 0;height: 0;overflow: hidden;visibility: hidden;transform: translateX(var(--distance, -1.5rem));transition: visibility 0s ease .6s, opacity .3s ease-in-out, transform .6s ease-in-out;}
/* Blanket when menu open */
.entry-wrapper .entry-content:first-child:before, main > .entry-content:first-child:before {/* content: ''; */position: fixed;inset: 0;width: 100%;height: 100%;margin: auto;transition: background-color 0.3s;pointer-events: none;z-index: 19;}
body:has(.fuel6-walker-menu .menu-link[aria-expanded=true]) .entry-content:before { background: rgba(0, 0, 0, 0.5); pointer-events: unset; }