/*
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 .menu-label { text-decoration: none; }
.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;text-decoration: none;}
.wp-block-fuel-sub-menu-tab-link span:first-child { padding-right: 1.5rem; }
.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; }
.sub-menu .loc-title {color: #fff;}
/*--------------------------------------------------------------
# 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-color: var(--wp--preset--color--sub-menu-background);display: inline-block;padding: 0.5rem 0.5rem;margin: 0.25rem 0 0;width: 2.6rem;: 32px;height: 2.6rem;position: relative;z-index: 1;}
.sub-menu::after {content: '';height: 1px;width: calc(100% - 2rem);background: var(--white);position: absolute;top: 1.5rem;right: 0;left: 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:is(:hover, :focus-visible), .primary-menu .sub-menu-trigger[aria-expanded=true] { background: var(--wp--preset--color--mobile-menu-hover-bg);}
.primary-menu .wp-block-fuel-menu-item .menu-label .menu-label-svg svg { width: 1rem; height: 1rem; }
.sub-menu .tablist, .sub-menu .tabpanel { padding-top: 0.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: var(--wp--preset--color--mobile-menu-hover-bg);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 { font-style: italic; line-height: 1.7; margin-left: 0 !important; }
.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%; }
.mobile-menu-home-link a { display: block; }
.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;color: var(--wp--preset--color--main-menu-hover-bg);}
/* Menu bio list */
.sub-menu .bio-list .bio-box.bio-box { margin-left: -1rem; width: calc(100% + 2rem); padding: 0.35rem 1rem; }
.sub-menu .bio-list .bio-box.bio-box:is(:hover,:focus-visible) { background: #fff; }
.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); }
/* Menu location list */
.sub-menu .loc-title {margin: 0 0 0.6rem;margin-right: -1rem;margin-left: -1rem;flex: auto;}
/* Menu Buttons */
.mobile-item .wp-block-button .wp-block-button__link {padding: 0.55rem 2rem;max-width: 30rem;}
.mobile-item .wp-block-button .wp-block-button__link svg {width: 0.9rem;height: 0.9rem;margin-right: 0.25rem;transform: translateY(-0.1rem);}
/* 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 { display: none; }
.menu-notifications li {background: var(--wp--preset--color--mobile-menu-hover-bg);}
.menu-notifications .notice { text-decoration: none; }
.linkIcon { background: rgba(255, 255, 255, 0.1); }
.menu-notifications.wp-block-fuel-menu-item #notices a:is(:hover,:focus-visible) { background: #fff; color: var(--wp--preset--color--main-menu-hover-bg); }
}
/*--------------------------------------------------------------
# Desktop Menu
--------------------------------------------------------------*/
@media (min-width: 68.5em) {
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.3rem; width: 0.6rem; height: 0.4rem; transition: transform 0.3s; }
.primary-menu .menu-label:focus-visible, .primary-menu .menu-label:hover, .primary-menu .sub-menu-trigger[aria-expanded=true] { background: var(--wp--preset--color--main-menu-hover-bg); }
.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 {background: url('data:image/svg+xml,') bottom right/18rem no-repeat;}
.sub-menu .wp-block-heading {border-bottom: 1px solid;color: inherit;}
.back-to-tabs-btn { display: inline-block; margin-bottom: 0.5rem; }
.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--ten-pct-primary); }
.menu-locations .location-list-detailed .location-box {gap: 0 3rem;}
.menu-locations .location-list-detailed .map-link { max-width: 24rem; }
/* 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; }
/* 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 li:has(a) {background: none;}
.menu-notifications .notice { background: var(--wp--preset--color--menu-background); }
.menu-notifications .notice {text-decoration: none;}
.linkIcon {background: var(--wp--preset--color--notification-linkicon-bg);}
.linkIcon svg path { stroke: #fff; }
.menu-notifications.wp-block-fuel-menu-item #notices a:is(:hover,:focus-visible) { background: var(--wp--preset--color--ten-pct-primary); }
.menu-notifications.wp-block-fuel-menu-item #notices a:is(:hover,:focus-visible) .linkIcon {background: var(--wp--preset--color--ten-pct-primary);}
.menu-notifications.wp-block-fuel-menu-item #notices a:is(:hover,:focus-visible) .linkIcon svg path {stroke: var(--wp--preset--color--primary);}
}
@media (min-width: 100em) { /* 1600px */
.menu-locations .location-list-detailed .location-box { justify-content: space-between; gap: 0; }
}
/* Makes sub-menu full height on computer when width is less than 18rem */
@media (max-width: 22.49em) { /* 359px */
.sub-menu { height: 100% !important; }
}
@media (min-width: 68.5em) and (max-height: 43.75em) { /* 1096px / 700px */
#physicians_panel.tabpanel, #audiologists_panel.tabpanel {padding-top: 0;}
#physicians_panel .back-to-tabs-btn, #audiologists_panel .back-to-tabs-btn {margin-bottom: 0;font-size: 0.9rem;}
#physicians_panel .bio-list, #audiologists_panel .bio-list { margin-top: 0; }
#physicians_panel .bio-list .bio-box, #audiologists_panel .bio-list .bio-box { padding: 0 1rem; }
}