/*
Fuel Theme
Version: 6.3.7
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Shared Menu Styles
# Mobile Menu
# Desktop Menu
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Shared Menu Styles
--------------------------------------------------------------*/
.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 1.2rem;
    margin-left: -1.2rem;
    margin-bottom: 0.5rem;
    font-size: clamp(0.9rem, 4vw, 1rem);
    text-decoration: none;
    line-height: 1.4;
}

.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(--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;
    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-circle-pics {
    position: relative;
}

.menu-circle-pics figure:first-of-type {
    position: relative;
    z-index: 1;
}

.menu-circle-pics figure:last-of-type {
    position: absolute;
    top: 2rem;
    left: 2rem;
    width: 11rem;
}

.menu-circle-pics figure:last-of-type::before {
    content: '';
    width: 100%;
    aspect-ratio: 1/1;
    border: 1px solid var(--white);
    border-radius: 50%;
    position: absolute;
    top: -0.2rem;
    left: -0.2rem;
}

.menu-notifications li {
    background-color: var(--primary-color);
    color: var(--white);
    overflow: hidden;
}

.menu-notifications li::before {
    left: 0.9rem;
    z-index: 2;
}

.linkIcon {
    background: var(--accent-color);
    color: var(--white);
}

.menu-notifications a {
    overflow: hidden;
}

.menu-notifications ul a::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--accent-color);
    position: absolute;
    top: 0;
    left: calc(100% - 1rem);
    z-index: -1;
    transition: left 300ms;
}

.menu-notifications a:is(:hover, :focus-visible)::after {
    left: 0;
}

.menu-notifications.wp-block-fuel-menu-item .notice {
    background-color: var(--white);
    color: var(--primary-color);
}

/*--------------------------------------------------------------
# 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);
        --wp--preset--color--menu-hover-bg: var(--wp--preset--color--accent) !important;
    }

    .primary-menu {
        position: static;
        inset: unset;
        box-shadow: unset;
    }

    .menu-styling-wrapper {
        position: fixed;
        inset: auto 0 0;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
    }

    .primary-menu .wp-block-fuel-menu-wrapper {
        border-top: 1px solid rgba(255, 255, 255, 0.35);
    }

    .primary-menu .wp-block-fuel-menu-item:nth-child(n+3) {
        border-left: 1px solid rgba(255, 255, 255, 0.35);
    }

    .wp-block-fuel-menu-wrapper .sub-menu {
        bottom: 3.2rem;
        box-shadow: none;
        max-height: calc(100dvh - 3.2rem);
        padding-bottom: 0;
    }

    .sub-menu::before {
        content: url("data:image/svg+xml,%3Csvg width='42' height='34' viewBox='0 0 42 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6508 22.9527C12.6508 22.9527 12.7824 23.9003 13.9406 24.8216C15.0988 25.7428 18.4153 25.5586 18.4153 25.5586L25.9171 24.7163L26.1013 22.9264H12.6245L12.6508 22.9527Z' fill='white'/%3E%3Cpath d='M12.8356 22.9263C12.8356 22.9263 14.9939 21.2417 18.8633 22.3472C18.8633 22.3472 17.3892 20.0835 16.2574 16.767C15.7836 15.3719 15.2835 13.9769 14.9939 12.4765C14.02 7.60696 14.1253 5.55385 14.4938 2.65845C14.4938 2.65845 11.8616 5.92236 10.4403 10.8446C9.01888 15.7931 10.1244 20.6626 12.8356 22.9V22.9263Z' fill='white'/%3E%3Cpath d='M14.3887 0.0789656C14.3887 0.0789656 14.4413 1.63196 14.4676 2.13207C14.494 2.63219 14.7835 2.29 14.7572 1.81621C14.7572 1.34242 14.7309 1.13184 14.7572 1.10552C14.7835 1.0792 14.9414 1.02655 15.1257 1.13184C15.1257 1.13184 15.152 1.15816 15.152 1.18448C15.152 1.21081 15.152 1.21081 15.152 1.21081C15.152 1.21081 15.231 1.21081 15.2836 1.21081C15.3889 1.21081 15.4942 1.13184 15.7048 1.15816C15.9153 1.18448 16.3365 1.28977 16.6524 1.05287C16.9682 0.815978 17.2314 0.473794 17.2314 0.473794C17.2314 0.473794 16.626 0.526437 16.2049 0.473794C15.7837 0.42115 15.7311 0.368506 15.6521 0.289541C15.5732 0.210575 15.2047 0 14.9151 0C14.6256 0 14.5203 0 14.3887 0.0789656Z' fill='white'/%3E%3Cpath d='M17.4683 23.1896V21.4786H18.1L18.1526 23.1106L17.4683 23.1896Z' fill='white'/%3E%3Cpath d='M18.2581 21.6365C18.2581 21.6365 21.9958 21.0837 24.9702 21.8734C24.9702 21.8734 22.1538 15.1086 21.5747 13.9242C20.943 12.6081 18.1002 7.08048 18.1002 7.08048C18.1002 7.08048 15.4154 2.15829 15.0469 1.8161C14.6783 1.47392 14.6783 1.44759 14.6257 1.50024C14.5731 1.55288 14.4678 1.63185 14.4678 1.84242C14.4678 2.053 14.8626 5.39588 15.0205 6.52772C15.1785 7.65956 16.4682 18.3462 17.1 19.6097C17.7317 20.8731 18.2581 21.6102 18.2581 21.6102V21.6365Z' fill='white'/%3E%3Cpath d='M1.01682 32.297C1.01682 32.297 2.14866 29.4279 3.91223 27.9802C5.67579 26.5062 7.38671 25.8218 10.3084 25.2954C13.2302 24.7689 17.3364 24.69 18.9947 24.532C20.6003 24.4004 23.1798 24.0582 25.7067 23.4792C26.8912 23.2159 27.9441 22.8738 29.0759 22.4263C32.2872 21.0575 33.498 19.5835 33.9981 18.6886C33.9981 18.6886 34.1034 18.6096 34.1297 18.7939C34.1561 18.9781 34.1824 19.5046 34.1297 20.1363C34.0771 20.768 33.9192 21.1628 33.577 21.6103C32.8136 22.6632 31.7608 23.6108 29.4971 24.3478C27.2334 25.0848 22.8113 25.6902 19.7317 25.7428C15.7834 25.8218 12.3089 25.5586 8.3343 26.7431C4.3597 27.9276 1.28004 32.2443 1.12211 32.4023C0.937855 32.4023 1.01682 32.3233 1.01682 32.3233V32.297Z' fill='white' stroke='white' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.0789 15.6353C40.0789 15.6353 40.7106 18.5833 38.9997 21.8736C37.2888 25.1638 34.8672 26.3483 33.8143 26.901C32.7614 27.4538 30.3398 28.2961 28.3393 28.5593C26.2073 28.8225 24.8912 28.7699 22.6275 28.5856C20.3638 28.4014 16.6524 27.6117 16.6524 27.6117C16.6524 27.6117 13.3885 26.901 11.0985 26.98C11.0985 26.98 10.2036 26.98 9.20333 27.1643C8.2031 27.3485 7.28183 27.6117 6.67643 27.9276C5.4393 28.5856 1.28044 31.6127 1.20148 32.2444C0.964582 32.1654 1.20148 32.0601 1.20148 32.0601C1.20148 32.0601 3.09665 28.6909 7.01861 27.059C9.57184 26.0851 10.6247 25.9271 13.757 25.8745C15.1258 25.8482 16.8367 25.9271 18.337 25.9535C20.2848 26.0061 21.9958 25.9535 23.5751 25.7955C26.2336 25.5323 29.9976 25.0585 32.7088 23.4792C32.7088 23.4792 35.2883 22.2684 36.815 20.2943C37.1308 19.9257 37.6836 19.2414 38.21 18.5044C38.7628 17.7147 39.2629 16.8461 39.4998 16.346C39.8683 15.7142 40.0526 15.451 40.0789 15.6616V15.6353Z' fill='white' stroke='white' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.9973 17.4252C28.9973 17.4252 29.4974 17.083 30.0501 17.3726C30.0501 17.3726 30.0238 16.8988 29.2078 17.0567C29.2078 17.0567 28.5498 16.4776 27.9707 16.5566C27.9707 16.5566 28.8656 16.8198 29.0236 17.4252H28.9973Z' fill='white'/%3E%3Cpath d='M25.8906 15.4771C25.8906 15.4771 25.8906 14.7927 26.6276 14.7138C26.6276 14.7138 26.3907 14.5822 26.1275 14.7138C25.8643 14.8454 25.8643 14.898 25.7853 15.1349C25.7853 15.1349 25.0483 14.8717 24.4692 15.635C24.4692 15.635 25.3379 15.056 25.9169 15.4771H25.8906Z' fill='white'/%3E%3Cpath d='M26.9177 13.8981C26.9177 13.8981 28.3391 13.5559 28.8655 13.8718C28.8655 13.8718 28.8655 13.5296 27.4441 13.4243C26.0227 13.319 27.2862 13.4243 27.2599 13.4243C27.2599 13.4243 27.2072 13.3717 27.1546 13.2664C27.0756 13.0821 26.9703 12.8716 26.8387 12.7663C26.7071 12.661 26.3123 12.3188 25.3384 12.2925C25.3384 12.2925 26.8914 12.582 26.9177 13.8718V13.8981Z' fill='white'/%3E%3Cpath d='M1.20113 32.0861C1.20113 32.1125 1.20113 32.1388 1.25377 32.1125C1.8855 31.4281 4.20182 29.0328 7.0709 28.7959C10.4401 28.5064 12.3616 28.5853 20.9162 31.5334C22.9693 32.1388 26.2069 33.218 29.1286 33.4286C32.0504 33.6391 34.472 32.9284 35.209 32.6652C36.5251 32.1125 39.131 30.928 40.3154 27.4009C40.9998 25.7426 40.9998 21.4258 40.9998 20.2939C40.9998 20.2676 40.9472 20.2413 40.9472 20.2939C40.7629 21.0046 40.1312 23.0051 37.9728 25.3214C36.6304 26.5585 35.9197 27.0323 34.314 27.8746C32.5768 28.6643 31.8135 28.9275 28.4443 29.1644C26.1806 29.2171 22.7587 29.1381 19.1526 28.3748C15.5465 27.6114 12.1247 26.9271 10.0716 27.164C7.64999 27.4272 3.20159 28.1642 1.1748 32.0598L1.20113 32.0861Z' fill='white' stroke='white' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        background: var(--wp--preset--color--sub-menu-background);
        display: inline-block;
        padding: 0.5rem 0.5rem 0;
        position: relative;
        z-index: 1;
    }

    .primary-menu .sub-menu a:is(.tab-link, .bio-box),
    .primary-menu .sub-menu .menu-item a {
        margin-right: -1rem;
        padding: 0.4rem 1rem;
        margin-left: -1rem;
        text-decoration: none;
    }

    .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;
    }

    .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(--light-blue);
        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);
    }

    .back-to-tabs-btn {
        display: block;
    }

    .about-menu-button {
        margin-top: 1rem !important;
        justify-content: flex-start !important;
        padding-left: 1.2rem !important;
    }

    .sub-menu .has-h-5-font-size {
        margin-left: 1.2rem !important;
        margin-top: 0;
    }

    .sub-menu .wp-block-column:has(.has-h-5-font-size) {
        padding-top: 1.5rem;
        padding-left: 0 !important;
        border-left: unset;
        border-top: 1px solid var(--white);
    }

    .sub-menu .wp-block-column:has(.has-h-5-font-size)>* {
        margin-left: 0 !important;
    }

    .sub-menu .wp-block-buttons {
        gap: 4px;
    }

    .sub-menu a {
        text-decoration: none;
    }

    .menu-circle-pics {
        width: 13rem;
        margin: 1rem auto !important;
        min-height: 15rem;
    }

    .sub-menu .mobile-item.wp-block-buttons svg {
        color: var(--accent-color);
    }

    /* Menu location list */
    .sub-menu .loc-title {
        margin-bottom: 0.5rem;
    }

    .sub-menu .address img {
        display: block;
        margin: auto;
    }

    .sub-menu .loc-wrap {
        max-width: 18rem;
    }

    .sub-menu .loc-wrap svg {
        width: 2rem;
        height: 2rem;
        margin-left: -0.5rem;
        margin-top: -0.2rem;
    }

    .sub-menu circle {
        display: none;
    }

    .sub-menu .location-box {
        padding-bottom: 2rem;
    }

    /* 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--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 .sub-menu-trigger[aria-expanded=true]::after {
        transform: rotate(-180deg);
    }

    .primary-menu .wp-block-fuel-menu-item .menu-label .menu-label-svg svg {
        width: unset;
        height: unset;
        font-size: 1.4rem;
    }

    .sub-menu .wp-block-columns {
        gap: 3rem;
    }

    .wp-block-fuel-sub-menu-tab-panels-wrapper::before {
        content: '';
        max-height: 18.5em;
        height: 100%;
        aspect-ratio: 559/467;
        background-image: url(../images/watermark.svg);
        background-size: cover;
        position: absolute;
        bottom: 2rem;
        right: 2em;
        z-index: -1;
    }

    .menu-locations .wp-block-fuel-sub-menu-tab-panels-wrapper::before,
    .menu-services .wp-block-fuel-sub-menu-tab-panels-wrapper::before {
        max-height: 12.2rem;
    }

    .menu-locations .loc-cols {
        gap: 6rem;
    }

    .menu-services .tablist:first-of-type {
        min-height: 18rem;
    }

    .menu-services .wp-block-columns:first-of-type {
        gap: clamp(2rem, 4.5vw, 4.5rem);
    }

    /* Center columns for first level */
    .sub-menu .wp-block-columns:first-child {
        /* justify-content: center; */
    }

    .sub-menu .wp-block-heading {
        border-bottom: 1px solid;
    }

    .back-to-tabs-btn {
        display: inline-block;
        margin-bottom: 0.5rem;
        text-decoration: none;
        padding: 0 0.7rem;
        margin-left: -0.7rem;
    }

    .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;
        min-width: fit-content;
    }

    /* 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;
    }

    .sub-menu .loc-wrap {
        display: flex;
        gap: 5rem;
    }

    .sub-menu .loc-info {
        display: flex;
        gap: 3rem;
    }

    .sub-menu .loc-wrap .icon-item {
        padding-left: 3.2em;
    }

    .sub-menu .loc-wrap svg {
        width: 2.4em;
        height: 2.4em;
        margin-top: -0.3em;
    }

    .sub-menu span.hours {
        margin-top: 0;
    }

    .menu-locations a.icon-item {
        text-decoration: none;
        margin-bottom: 1.5rem;
    }

    .menu-locations img {
        width: 13.75rem;
    }

    .sub-menu .loc-title {
        font-weight: bold;
        margin-top: 1.6rem;
    }

    .menu-services .tablist .wp-block-column {
        max-width: 37rem;
    }

    .sub-menu a.map-link:hover {
        transition: transform 300ms;
    }

    .sub-menu a.map-link:hover {
        background: unset !important;
        transform: scale(1.05);
    }

    body:not(.block-editor-iframe__body) .sub-menu .tabpanel:is(:target, .visible) {
        height: auto;
    }

    /* Notification Menu */
    #menu-item-notices .sub-menu {
        max-width: 31.5rem;
        width: 100%;
        right: 0;
        top: 100%;
    }

    .linkIcon {
        background: var(--accent-color);
        color: var(--white);
    }

    .menu-notifications a {
        overflow: hidden;
    }

    .menu-notifications a:is(:hover, :focus-visible)::after {
        left: 0;
    }

    .menu-notifications.wp-block-fuel-menu-item .tablist {
        padding: 3.2rem;
    }

    #notices a {
        z-index: 1;
        position: relative;
        text-decoration: none;
    }

    #notices a:hover {
        color: var(--white);
        background-color: var(--primary-color);
    }

    .tabpanel .wp-block-buttons__link::before {
        opacity: 1;
        left: -100% !important;
    }

    .wp-block-fuel-menu-wrapper .sub-menu .wp-block-buton__link {
        background-color: unset !important;
        transition: all 0s;
    }

    .wp-block-fuel-menu-wrapper .sub-menu .wp-block-button__link:is(:hover, :focus-visible) {
        background-color: unset !important;
        background: var(--wp--preset--gradient--link-gradient) !important;
    }

    .tabpanel .wp-block-buttons .wp-block-button__link.wp-block-button__link::before {
        opacity: 1;
        left: -100% !important;
        transition: left 300ms;
    }

    .tabpanel .wp-block-buttons .wp-block-button__link.wp-block-button__link:is(:hover)::before {
        left: 0 !important;
    }
}

/* Makes sub-menu full height on computer when width is less than 18rem */
@media (max-width: 22.49em) {
    .sub-menu {
        height: 100% !important;
    }
}