/* LSF 20230519 - START */
button > * {
    pointer-events: none;
}

/* Hamburger Button */
.hamburger-button.active .line-1,
.hamburger-button[aria-expanded="true"] .line-1 {
    --tw-translate-y: 0px;
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hamburger-button.active .line-2,
.hamburger-button[aria-expanded="true"] .line-2 {
    --tw-translate-x: 0.75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
}

.hamburger-button.active .line-3,
.hamburger-button[aria-expanded="true"] .line-3 {
    --tw-translate-y: 0px;
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* Accessible Menu */
ul.accessible-menu.menu-is-open {
    display: block;
}

@media (min-width: 1200px) {
    ul.accessible-menu.menu-is-open {
        display: flex;
    }

    ul.accessible-menu > li {
        display: flex;
    }
}
ul.accessible-menu li {
    margin: 0px;
}

@media (max-width: 1199px) {
    ul.accessible-menu li button {
        width: 100%;
        border-bottom: 1px solid;
        border-radius: 2px;
        border-collapse: collapse;
        border-color: rgba(247, 248, 250, 0.2);
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 3rem;
        padding-right: 1rem;
        font-size: 1rem;
        font-weight: 500;
        --tw-text-opacity: 1;
        /* color: rgb(17 24 39 / var(--tw-text-opacity)); */
        /*background: #034AD8;*/
        background-color: #021C51;
        color: white;
        background-position: 1rem 50%;
    }

    /*ul.accessible-menu ul.accessible-menu__sub-menu li button {
        padding-top: 0.15rem;
        padding-bottom: 0.15rem;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }*/
}


@media (min-width: 1200px) {
    ul.accessible-menu li button {
        /*width: 100%;
        border-bottom-width: 2px;
        padding-top: 1rem;
        padding-bottom: -1rem;*/
        margin-left: 1rem;
        margin-right: 1rem;
        font-size: 1rem;
        font-weight: 500;
        --tw-text-opacity: 1;
        color: #F7F8FA;
        
    }
}


@media (min-width: 1200px) {
    ul.accessible-menu li button {
        width: auto;
    }

    ul.accessible-menu li button {
        border-bottom-width: 0px;
    }

    ul.accessible-menu li button {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }
}


ul.accessible-menu li:last-child button {

}

ul.accessible-menu button:focus,
ul.accessible-menu ul li a:focus {
    /*position: relative;
    --tw-text-opacity: 1;
    color: rgb(187 209 253 / var(--tw-text-opacity));*/
    /*text-decoration: underline;
    text-underline-offset: 8px;*/
    /*border-radius: 1px;*/
    /*outline-style: solid;
    outline-width: 2px;*/
    /*outline-offset: 2px;
    outline-color: #1e3a8a;*/
}

ul.accessible-menu button:hover {
    --tw-text-opacity: 1;
    /*color: rgb(0 255 255 / var(--tw-text-opacity));*/
    color: rgb(95 147 252 / var(--tw-text-opacity));
}

ul.accessible-menu button[aria-expanded="true"] {
    --tw-text-opacity: 1;
    /*color: rgb(0 255 255 / var(--tw-text-opacity));*/
    /*color: rgb(95 147 252 / var(--tw-text-opacity));*/
    color: rgb(39 128 247 / var(--tw-text-opacity));
}

ul.accessible-menu button[aria-expanded="true"] svg {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

ul.accessible-menu ul li a:focus {
    /*outline-offset: 2px;*/
}

ul.accessible-menu ul li a:hover {
    --tw-text-opacity: 1;
    color: rgb(30 58 138 / var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

/* Submenu */
ul.accessible-menu ul.accessible-menu__sub-menu {
    top: calc(100% + 1px);
    visibility: hidden;
    margin: 0px;
    display: block;
    list-style-type: none;
}

ul.accessible-menu ul.accessible-menu__sub-menu > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

ul.accessible-menu ul.accessible-menu__sub-menu {
    border-bottom-right-radius: 0.250rem; /* 0.375 */
    border-bottom-left-radius: 0.250rem; /* 0.375 */
    --tw-bg-opacity: 1;
    background-color: #F7F8FA; /*rgb(255 255 255 / var(--tw-bg-opacity));*/
    padding: 1rem;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1200px) {
    ul.accessible-menu ul.accessible-menu__sub-menu {
        position: absolute;
    }

    ul.accessible-menu ul.accessible-menu__sub-menu {
        right: 0px;
    }

    ul.accessible-menu ul.accessible-menu__sub-menu > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem * var(--tw-space-y-reverse));
    }

    ul.accessible-menu ul.accessible-menu__sub-menu {
        padding: 1.5rem; /* LSF - sub-menu height  1.5rem */
        width: 100vw;
        max-width: 1440px;
        right: -112px;
        text-align: right;
        background-color: #F7F8FA;
    }
}

ul.accessible-menu ul.accessible-menu__sub-menu li {
    font-size: 1rem;
    font-weight: 500;
}

ul.accessible-menu ul.accessible-menu__sub-menu li a {
    display: block;
}

@media (min-width: 1024px) {
    ul.accessible-menu ul.accessible-menu__sub-menu li a {
        display: inline-block;
    }
}

ul.accessible-menu ul.accessible-menu__sub-menu--mega button:hover {
    --tw-text-opacity: 1;
    color: #021C51;
}

ul.accessible-menu ul.accessible-menu__sub-menu button:hover {
    --tw-text-opacity: 1;
    color: #021C51;
}

@media (min-width: 1200px) {
    ul.accessible-menu ul.accessible-menu__sub-menu--mega {
        /*width: calc(100vw + 12px);*/
        max-width: 1440px;
        /*right: -112px;*/
        text-align: right;
    }
}

        ul.accessible-menu ul.accessible-menu__sub-menu--mega > :not([hidden]) ~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            /*margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));*/
        }

    @media (min-width: 1024px) {
        ul.accessible-menu ul.accessible-menu__sub-menu--mega {
            display: grid;
        }

        ul.accessible-menu ul.accessible-menu__sub-menu--mega {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        ul.accessible-menu ul.accessible-menu__sub-menu--mega {
            gap: 2rem;
        }

        ul.accessible-menu ul.accessible-menu__sub-menu--mega > :not([hidden]) ~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(0px * var(--tw-space-y-reverse));
        }
    }

    ul.accessible-menu ul.accessible-menu__sub-menu--mega span {
        margin-bottom: 0.5rem;
        display: block;
        font-size: 1rem;
        font-weight: 500;
        --tw-text-opacity: 1;
        color: rgb(75 85 99 / var(--tw-text-opacity));
    }

    @media (min-width: 1024px) {
        ul.accessible-menu ul.accessible-menu__sub-menu--mega span {
            margin-bottom: 1.5rem;
        }

        ul.accessible-menu ul.accessible-menu__sub-menu--mega span {
            font-size: 1rem;
        }
    }

    ul.accessible-menu ul.accessible-menu__sub-menu--mega ul {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 0.75rem;
    }

    
    @media (max-width: 1199px) {
        ul.accessible-menu {
            min-height: 75vh;
            max-height: 98vh;
            overflow-y: scroll;
        }
    }


@media (max-width: 1199px) {
    ul.accessible-menu ul.accessible-menu__sub-menu
    ul.accessible-menu ul.accessible-menu__sub-menu--mega {
        border: 0px;
        /*padding: 1.5rem;
        width: 100vw;
        max-width: 1440px;
        right: -112px;
        text-align: right;
        background-color: #F7F8FA;*/
    }
}