/************ MOBILE MENU ************/
@media only screen and (max-width: 50.99rem) {
    /* Safari browser tint and overscroll use the page canvas background. */
    @media (display-mode: browser) {
        body.site,
        body.site #g-page-surround {
            background-color: var(--primary-color);
        }
    }
    body #g-offcanvas {
        box-sizing: border-box;
        top: 0;
        bottom: 0;
        width: min(21rem, calc(100vw - 4.5rem));
        height: 100%;
        height: 100dvh;
        padding: 0 0 calc(1.25rem + env(safe-area-inset-bottom, 0px));
        background: linear-gradient(160deg, rgba(var(--default-white-rgb), .055), transparent 60%), var(--primary-color);
        border: 0;
        border-right: 1px solid rgba(var(--default-white-rgb), .12);
        box-shadow: .75rem 0 2rem rgba(var(--default-black-rgb), .25);
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: rgba(var(--default-white-rgb), .2) transparent;
    }
    .g-offcanvas-open body.g-offcanvas-left #g-page-surround {
        left: 0 !important;
        transform: translate3d(min(21rem, calc(100vw - 4.5rem)), 0, 0) !important;
    }
    body #g-offcanvas::before {
        content: '';
        position: static;
        display: block;
        height: 3.5rem;
        margin: 1.25rem 1.25rem .75rem;
        background: url('/images/pub/agnes/brandmark.png') left center / 9rem auto no-repeat;
    }
    body #g-offcanvas > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
    }
    body #g-offcanvas #g-mobilemenu-container {
        margin: 0;
        font-family: var(--body-font-family);
        font-weight: 500;
    }
    body #g-offcanvas #g-mobilemenu-container .g-toplevel {
        padding: .25rem 1rem 1rem !important;
    }
    body #g-offcanvas #g-mobilemenu-container .g-toplevel > li:not(li:last-child),
    body #g-offcanvas #g-mobilemenu-container .g-sublevel > li {
        border: 0;
    }
    body #g-offcanvas #g-mobilemenu-container :is(.g-toplevel, .g-sublevel) > li > .g-menu-item-container {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        min-height: 3.25rem;
        margin: 0 0 .5rem;
        padding: .875rem 1rem;
        border: 1px solid transparent;
        border-radius: 1rem;
        background: rgba(var(--default-white-rgb), .035);
        color: var(--default-white);
        font: 500 1rem/1.4 var(--body-font-family);
        letter-spacing: normal;
        transition: background-color .2s ease, border-color .2s ease, transform .25s ease;
    }
    body #g-offcanvas #g-mobilemenu-container .g-toplevel li > .g-menu-item-container > .g-menu-item-content {
        min-width: 0;
        padding: 0;
        color: inherit;
        line-height: 1.4;
        word-break: normal;
    }
    body #g-offcanvas #g-mobilemenu-container :is(.g-toplevel, .g-sublevel) > li > .g-menu-item-container .g-menu-item-content > .g-menu-item-title {
        color: inherit;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4;
    }
    body #g-offcanvas #g-mobilemenu-container .g-parent > .g-menu-item-container {
        padding-right: 3.5rem;
    }
    body #g-offcanvas #g-mobilemenu-container :is(.g-toplevel, .g-sublevel) > li:hover,
    body #g-offcanvas #g-mobilemenu-container :is(.g-toplevel, .g-sublevel) > li.active,
    body #g-offcanvas #g-mobilemenu-container :is(.g-toplevel, .g-sublevel) > li.g-selected {
        background: transparent;
    }
    body #g-offcanvas #g-mobilemenu-container .g-slide-out > li > .g-menu-item-container {
        opacity: 0;
        pointer-events: none;
    }
    body #g-offcanvas #g-mobilemenu-container li.active > .g-menu-item-container,
    body #g-offcanvas #g-mobilemenu-container li.g-selected > .g-menu-item-container {
        background: rgba(var(--secondary-color-rgb), .18);
        border-color: rgba(var(--secondary-color-rgb), .45);
        color: var(--tertiary-color);
    }
    body #g-offcanvas #g-mobilemenu-container .g-menu-item-container:hover {
        background: rgba(var(--default-white-rgb), .09);
        border-color: rgba(var(--default-white-rgb), .16);
    }
    body #g-offcanvas #g-mobilemenu-container .g-menu-item-container:focus-visible,
    body #g-offcanvas .g-social a:focus-visible {
        outline: 2px solid var(--tertiary-color);
        outline-offset: 2px;
    }
    body #g-offcanvas #g-mobilemenu-container :is(.g-toplevel, .g-sublevel) > li.g-parent > .g-menu-item-container > .g-menu-parent-indicator {
        position: absolute;
        display: grid;
        place-items: center;
        top: 50%;
        right: .5rem;
        width: 2.75rem;
        height: 2.75rem;
        margin: 0;
        padding: 0;
        transform: translateY(-50%);
        border: 0;
        border-radius: .75rem;
        background: rgba(var(--default-white-rgb), .065);
        color: inherit;
    }
    body #g-offcanvas #g-mobilemenu-container :is(.g-toplevel, .g-sublevel) > li.g-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
        background: rgba(var(--default-white-rgb), .12);
        color: var(--default-white);
    }
    body #g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator::after {
        width: auto;
        color: inherit;
        font-size: .875rem;
    }
    body #g-offcanvas #g-mobilemenu-container .g-toplevel .g-dropdown {
        background: var(--primary-color);
        border: 0;
        transition: transform .25s ease;
    }
    body #g-offcanvas #g-mobilemenu-container ul .g-dropdown-column {
        width: 100%;
    }
    body #g-offcanvas #g-mobilemenu-container .g-sublevel {
        padding: .25rem 1rem 1rem !important;
    }
    body #g-offcanvas #g-mobilemenu-container .g-sublevel > .g-go-back > .g-menu-item-container {
        margin-bottom: 1rem;
        background: transparent;
        border-color: rgba(var(--default-white-rgb), .16);
        color: var(--tertiary-color);
    }
    body #g-offcanvas #g-mobilemenu-container :is(.g-toplevel, .g-sublevel) > li > .g-menu-item-container:has(.g-social) {
        width: fit-content;
        min-height: 0;
        margin-top: .875rem;
        padding: 0;
        border: 0;
        background: transparent;
    }
    body #g-offcanvas .g-social .g-social-items a {
        display: grid;
        place-items: center;
        width: 3rem;
        height: 3rem;
        margin: 0;
        padding: 0;
        border: 1px solid rgba(var(--default-white-rgb), .16);
        border-radius: 50%;
        background: var(--secondary-color);
        color: var(--default-white);
        font-size: 1.25rem;
    }
    body #g-offcanvas .g-social .g-social-items a span {
        margin: 0;
    }
    body .g-offcanvas-toggle {
        width: 2.75rem;
        height: 2.75rem;
        background: rgba(var(--default-white-rgb), .08);
        color: var(--default-white);
        border: 1px solid rgba(var(--default-white-rgb), .16);
        border-radius: .875rem;
        box-shadow: none;
    }
    .g-offcanvas-open body #g-mobile-fixed-nav {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    .g-offcanvas-open body #g-mobile-fixed-nav * {
        pointer-events: none !important;
    }
    @media (prefers-reduced-motion: reduce) {
        body #g-offcanvas #g-mobilemenu-container .g-menu-item-container,
        body #g-offcanvas #g-mobilemenu-container .g-toplevel .g-dropdown {
            transition: none;
        }
    }
}

/************ PWA GLASS QUICKLINKS ************/
#g-mobile-fixed-nav .pwa-quicklinks-toggle[hidden] {
    display: none;
}
@media only screen and (max-width: 50.99rem) and (display-mode: standalone) {
    body #g-mobile-fixed-nav {
        box-sizing: border-box;
        position: fixed;
        left: .75rem;
        right: .75rem;
        bottom: calc(.75rem + env(safe-area-inset-bottom, 0px));
        width: auto;
        max-width: 34rem;
        height: auto;
        margin: 0 auto;
        padding: .5rem;
        transform: none;
        background: rgba(var(--primary-color-rgb), .94);
        color: var(--default-white);
        border: 1px solid rgba(var(--default-white-rgb), .3);
        border-radius: 2rem;
        box-shadow: 0 .75rem 2rem rgba(var(--default-black-rgb), .28), inset 0 1px 0 rgba(var(--default-white-rgb), .35), inset 0 -1px 0 rgba(var(--default-white-rgb), .08);
        -webkit-backdrop-filter: blur(24px) saturate(160%);
        backdrop-filter: blur(24px) saturate(160%);
    }
    @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
        body #g-mobile-fixed-nav {
            background: linear-gradient(135deg, rgba(var(--default-white-rgb), .16), rgba(var(--default-white-rgb), .025) 55%, rgba(var(--secondary-color-rgb), .1)), rgba(var(--primary-color-rgb), .62);
        }
    }
    #g-mobile-fixed-nav .mobile-fixed-nav {
        height: auto;
        overflow: visible;
    }
    body #g-mobile-fixed-nav.pwa-quicklinks-ready {
        left: auto;
        right: max(.75rem, calc((100% - 34rem) / 2));
        width: min(34rem, calc(100% - 1.5rem));
        height: var(--pwa-dock-height, calc(5rem + 2px));
        margin: 0;
        overflow: hidden;
        transition: width .45s cubic-bezier(.22, 1, .36, 1);
    }
    #g-mobile-fixed-nav.pwa-quicklinks-ready .mobile-fixed-nav {
        position: absolute;
        top: .5rem;
        left: .5rem;
        width: var(--pwa-panel-width, calc(min(34rem, 100vw - 1.5rem) - 1rem - 2px));
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        transition: opacity .22s ease .12s, transform .35s cubic-bezier(.22, 1, .36, 1), visibility 0s;
    }
    body #g-mobile-fixed-nav.is-collapsed {
        width: var(--pwa-dock-height, calc(5rem + 2px));
    }
    #g-mobile-fixed-nav.is-collapsed .mobile-fixed-nav {
        opacity: 0;
        visibility: hidden;
        transform: translateX(1rem);
        pointer-events: none;
        transition-delay: 0s, 0s, .22s;
    }
    #g-mobile-fixed-nav .pwa-quicklinks-toggle {
        box-sizing: border-box;
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: .5rem;
        border: 0;
        border-radius: inherit;
        background: transparent;
        color: var(--default-white);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .2s ease, visibility 0s .2s;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }
    #g-mobile-fixed-nav.is-collapsed .pwa-quicklinks-toggle {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition-delay: .12s, 0s;
    }
    body #g-offcanvas {
        top: 40pt;
        height: calc(100% - 40pt);
        height: calc(100dvh - 40pt);
        padding-top: .75rem;
    }
    body #g-offcanvas::before {
        display: none;
    }
    #g-mobile-fixed-nav .pwa-quicklinks-toggle svg {
        fill: currentColor;
    }
    #g-mobile-fixed-nav .pwa-quicklinks-toggle:focus-visible {
        outline: 2px solid var(--tertiary-color);
        outline-offset: -5px;
    }
    #g-mobile-fixed-nav .g-blockcontent-subcontent {
        gap: .25rem;
    }
    #g-mobile-fixed-nav .g-blockcontent-subcontent-block {
        min-width: 0;
    }
    #g-mobile-fixed-nav .g-blockcontent-subcontent-block-content {
        box-sizing: border-box;
        position: relative;
        min-height: 4rem;
        gap: .35rem;
        padding: .5rem .125rem;
        background: transparent;
        border: 1px solid transparent;
        border-radius: 1.5rem;
        transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
    }
    #g-mobile-fixed-nav .g-blockcontent-subcontent-title-icon {
        color: var(--default-white);
        font-size: 1.25rem;
        line-height: 1;
        text-shadow: 0 1px 4px rgba(var(--default-black-rgb), .25);
    }
    #g-mobile-fixed-nav .g-blockcontent-subcontent-title,
    #g-mobile-fixed-nav .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        border: 0;
        color: var(--default-white);
        font-family: var(--body-font-family);
        font-size: clamp(.625rem, 2.8vw, .75rem);
        font-weight: 600;
        line-height: 1.25;
        text-transform: none;
        font-variant-caps: normal;
        letter-spacing: normal;
    }
    #g-mobile-fixed-nav .g-blockcontent-buttons,
    #g-mobile-fixed-nav .g-blockcontent-buttons a {
        border-radius: 1.5rem;
    }
    .site-home #g-mobile-fixed-nav .g-blockcontent-subcontent-block-content:has(a[href='/']),
    #g-mobile-fixed-nav .g-blockcontent-subcontent-block-content:has(a[aria-current='page']) {
        background: rgba(var(--default-white-rgb), .14);
        border-color: rgba(var(--default-white-rgb), .18);
    }
    .site-home #g-mobile-fixed-nav .g-blockcontent-subcontent-block-content:has(a[href='/']) .g-blockcontent-subcontent-title-icon,
    #g-mobile-fixed-nav .g-blockcontent-subcontent-block-content:has(a[aria-current='page']) .g-blockcontent-subcontent-title-icon {
        color: var(--tertiary-color);
    }
    #g-mobile-fixed-nav .g-blockcontent-subcontent-block-content:focus-within {
        border-color: var(--tertiary-color);
        outline: 2px solid var(--tertiary-color);
        outline-offset: 1px;
    }
    #g-mobile-fixed-nav .g-blockcontent-subcontent-block-content:has(a:active) {
        background: rgba(var(--default-white-rgb), .2);
        transform: scale(.97);
    }
    body #g-container-footer {
        padding-bottom: calc(6.5rem + env(safe-area-inset-bottom, 0px)) !important;
    }
    @media (hover: hover) and (pointer: fine) {
        #g-mobile-fixed-nav .g-blockcontent-subcontent-block-content:hover {
            background: rgba(var(--default-white-rgb), .18);
            border-color: rgba(var(--default-white-rgb), .2);
        }
    }
    @media (prefers-reduced-motion: reduce) {
        body #g-mobile-fixed-nav.pwa-quicklinks-ready,
        #g-mobile-fixed-nav.pwa-quicklinks-ready .mobile-fixed-nav,
        #g-mobile-fixed-nav .pwa-quicklinks-toggle {
            transition: none;
        }
        #g-mobile-fixed-nav .g-blockcontent-subcontent-block-content {
            transition: none;
        }
        #g-mobile-fixed-nav .g-blockcontent-subcontent-block-content:has(a:active) {
            transform: none;
        }
    }
    @media (prefers-reduced-transparency: reduce) {
        body #g-mobile-fixed-nav {
            background: var(--primary-color);
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
        }
    }
}



@media(max-width:50.99rem){body .g-offcanvas-toggle{color:#182746;background:#faf7f0;}body #g-offcanvas::before{background-size:contain;background-position:center;filter:invert(1);}}