body:has(#globalNav) {
    padding-top: 0;
}

#globalNav {
    display: none;
}

/* Base. */

#ezlNavbar {
    --_font-family: var(--ff-branding);
    --_color-secondary: var(--cl-secondary);
    --_color-tertiary: var(--cl-tertiary);
    --_color-tertiary-light: color-mix(in srgb, var(--_color-tertiary) 50%, var(--_color-white));
    --_color-quaternary: #b1cde7;
    --_color-quaternary-light: #ebf2f9;
    --_color-quaternary-dark: #3f84c5;
    --_color-gray-lightest: var(--cl-gray-1);
    --_color-gray-dark: var(--cl-gray-4);
    --_color-white: var(--cl-white);
    --_color-black: var(--cl-black);
    --_vertical-rhythm: var(--w-vertical-rhythm);
    --_brand-logo-simplygo-mobile-height: 34px;
    --_brand-logo-ezlink-mobile-height: 22px;
    --_brand-logo-desktop-height-xl: 21px;
    --_brand-logo-desktop-height-xxl: 25px;
    --_brand-logo-container-desktop-width-xl: 116px;
    --_brand-logo-container-desktop-width-xxl: 155px;
    --_offcanvas-max-width: 25rem;
    --_offcanvas-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    --_nav-items-gap-desktop: 48px;
    --_dropdown-menu-width-desktop: 300px;
    --_dropdown-menu-shadow-desktop: 0 4px 5px 0 rgba(0, 0, 0, 0.05), 0 13px 18px 0 rgba(0, 0, 0, 0.05);
    --_dropdown-menu-border-desktop: 1px solid var(--_color-quaternary);

    font-family: var(--_font-family);
    background-color: var(--_color-white);
}

#ezlNavbar .container {
    padding-top: 0;
    padding-bottom: 0;
}

/* Reset. */

#ezlNavbar button:focus {
    box-shadow: none;
}

#ezlNavbar button:focus-visible {
    outline: revert;
}

/* Navbar branding. */

#ezlNavbar .navbar-brand {
    width: auto;
}

#ezlNavbar .navbar-brand img {
    margin: 0;
    padding: 0;
}

#ezlNavbar .navbar-brand .navbar-logo-mobile {
    display: flex;
    gap: 1rem;
    align-items: center;
}

#ezlNavbar .navbar-brand .navbar-logo-mobile .brand-simplygo {
    height: var(--_brand-logo-simplygo-mobile-height);
}

#ezlNavbar .navbar-brand .navbar-logo-mobile .brand-ezlink {
    height: var(--_brand-logo-ezlink-mobile-height);
}

#ezlNavbar .navbar-brand .navbar-logo-mobile .brand-separator::before {
    content: "";
    display: block;
    height: var(--_brand-logo-simplygo-mobile-height);
    border-left: 1px solid color-mix(in srgb, var(--_color-gray-lightest) 95%, var(--_color-black));
}

#ezlNavbar .navbar-brand .navbar-logo-desktop {
    display: none;
    height: auto !important;
}

/* Navbar. */

#ezlNavbar .navbar-nav {
    justify-content: center;
}

/* Menu. */

#ezlNavbar .offcanvas {
    width: 100%;
    padding: var(--bs-navbar-padding-y) calc(var(--bs-navbar-padding-y) * 2);
    border: 0;
}

#ezlNavbar .offcanvas:is(.show, .showing) {
    box-shadow: var(--_offcanvas-shadow);
}

#ezlNavbar .offcanvas-body {
    overflow-x: clip;
}

#ezlNavbar .offcanvas-body hr {
    margin: calc(var(--_vertical-rhythm) * 2) -2rem calc(var(--_vertical-rhythm) * 2);
    border-width: 1px;
    border-color: var(--_color-gray-lightest);
}

/* Menu - Scrolling. */

#ezlNavbar .offcanvas-body::-webkit-scrollbar {
    width: 3px;
    height: 5px;
}

#ezlNavbar .offcanvas-body::-webkit-scrollbar-thumb {
    background: var(--_color-secondary);
    border-radius: 20px;
}

#ezlNavbar .offcanvas-body::-webkit-scrollbar-track {
    background: var(--_color-gray-lightest);
    border-radius: 20px;
}

/* Menu - Open Trigger. */

#ezlNavbar .navbar-toggler {
    width: auto;
    height: auto;
    border: 0;
    margin: 0;
    font-size: inherit;
    padding: 4px;
}

#ezlNavbar .navbar-toggler::before,
#ezlNavbar .navbar-toggler::after {
    content: none;
}

#ezlNavbar .navbar-toggler-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgba%2811, 1, 186, 1%29" class="bi bi-list" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/></svg>');
    width: 2em;
    aspect-ratio: 1;
}

/* Menu - Close Trigger. */

#ezlNavbar .offcanvas .btn-close {
    background: transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" class="bi bi-x-lg" viewBox="0 0 16 16"><path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>') center/24px auto no-repeat;
    opacity: 1;
    padding: 4px;
    height: 24px;
    width: 24px;
    translate: 0 -4px;
}

/* Menu - Links. */

#ezlNavbar .offcanvas:is(.show, .showing) li {
    margin: 0;
}

#ezlNavbar .nav-link>a[href],
#ezlNavbar .nav-link {
    font-size: 1rem;
    font-family: "Montserrat-Bold";
    color: var(--_color-black);
    text-decoration: none;
}

#ezlNavbar .nav-link:hover {
    color: var(--_color-secondary);
}

#ezlNavbar .nav-link:hover>a[href] {
    color: inherit;
}

/* Menu - Dropdowns. */

#ezlNavbar .dropdown-menu {
    border: 0;
    border-radius: 0;
}

#ezlNavbar .dropdown-toggle {
    overflow-x: hidden;
    text-overflow: ellipsis;
}

#ezlNavbar .dropdown-toggle::after {
    display: inline-block;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.46967 5.46967C8.76256 5.17678 9.23744 5.17678 9.53033 5.46967L15.5303 11.4697C15.8232 11.7626 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.23744 18.8232 8.76256 18.8232 8.46967 18.5303C8.17678 18.2374 8.17678 17.7626 8.46967 17.4697L13.9393 12L8.46967 6.53033C8.17678 6.23744 8.17678 5.76256 8.46967 5.46967Z" fill="black"/></svg>');
    margin-left: 0.255em;
    width: 24px;
    height: 24px;
    vertical-align: unset;
    border: 0;
}

#ezlNavbar .offcanvas:is(.show, .showing) .dropdown-toggle::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    transition: rotate 0.15s ease-in;
}

#ezlNavbar .offcanvas:is(.show, .showing) .dropdown-toggle.show::after {
    rotate: -180deg;
}

/* EZ-Link Menu. */

#ezlNavbar .offcanvas:is(.show, .showing) .menu-ezl .nav-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px 16px 0;
    width: 100%;
}

#ezlNavbar .offcanvas:is(.show, .showing) .menu-ezl .nav-link>a[href],
#ezlNavbar .offcanvas:is(.show, .showing) .menu-ezl .nav-link {
    font-size: 19px;
}

#ezlNavbar .offcanvas:is(.show, .showing) .menu-ezl .nav-link>a[href] {
    flex-grow: 1;
    text-align: left;

}

#ezlNavbar .offcanvas:is(.show, .showing) .menu-ezl .dropdown-menu .nav-link>a[href],
#ezlNavbar .offcanvas:is(.show, .showing) .menu-ezl .dropdown-menu .nav-link {
    font-size: 1rem;
}

#ezlNavbar .offcanvas:is(.show, .showing) .menu-ezl .dropdown-menu .dropdown-menu .nav-link>a[href],
#ezlNavbar .offcanvas:is(.show, .showing) .menu-ezl .dropdown-menu .dropdown-menu .nav-link {
    font-size: 1rem;
   font-family: "Montserrat-Regular";
}

/* SimplyGo Menu. */

#ezlNavbar .menu-simplygo .navbar-brand {
    display: inline-block;
    margin: 0 0 calc(var(--_vertical-rhythm) * 0.5);
}

#ezlNavbar .menu-simplygo .nav-link {
   font-family: "Montserrat-Bold";
}

/* Breakpoints. */

@media screen and (max-width: 1199px) {
    #ezlNavbar .dropdown-menu {
        padding: 0;
    }

    #ezlNavbar .dropdown-menu>li {
        padding-left: 1rem;
    }

    #ezlNavbar .nav-link.show[data-bs-toggle]::after {
        rotate: 0deg;
    }
}

@media screen and (min-width: 576px) {
    #ezlNavbar .offcanvas:is(.show, .showing) {
        max-width: var(--_offcanvas-max-width);
    }
}

@media screen and (min-width: 1200px) {
    #globalNav {
        display: block;
    }

    /* Base. */

    #ezlNavbar {
        background-color: var(--_color-tertiary);
        padding: 0;
    }

    /* Branding. */

    #ezlNavbar .navbar-brand {
        width: var(--_brand-logo-container-desktop-width-xl);
        margin-right: 1.5rem;
        padding: calc(var(--bs-navbar-brand-padding-y) + 8px) 0;
    }

    #ezlNavbar .navbar-brand .navbar-logo-mobile {
        display: none;
    }

    #ezlNavbar .navbar-brand .navbar-logo-desktop {
        display: block;
    }

    #ezlNavbar .navbar-brand .navbar-logo-desktop .brand-ezlink {
        height: var(--_brand-logo-desktop-height-xl);
    }

    /* Navbar. */

    #ezlNavbar .offcanvas,
    #ezlNavbar .offcanvas-body {
        padding: 0;
    }

    #ezlNavbar .offcanvas-body {
        overflow-x: unset;
    }

    #ezlNavbar .menu-ezl .nav-link {
        padding: 21px 0;
    }

    #ezlNavbar .menu-ezl>.navbar-nav>li:has(.dropdown-menu.show)>.nav-link {
        box-shadow: none !important;
        color: var(--_color-secondary);
        background-color: transparent;
    }

    #ezlNavbar .menu-ezl>.navbar-nav>li:has(.dropdown-menu.show)>.nav-link>a[href] {
        color: inherit;
    }

    /* Navbar - Dropdowns. */

    #ezlNavbar .menu-ezl>.navbar-nav>.dropdown>.dropdown-toggle::after {
        content: none;
    }

    #ezlNavbar .dropdown-toggle {
        padding-right: 0;
    }

    #ezlNavbar .dropdown-menu {
        --_dropdown-menu-padding: 1rem;

        width: var(--_dropdown-menu-width-desktop);
        border: var(--_dropdown-menu-border-desktop);
        background-color: var(--_color-tertiary-light);
        padding: var(--_dropdown-menu-padding);
        margin: 0;
        box-shadow: var(--_dropdown-menu-shadow-desktop);
    }

    #ezlNavbar .dropdown-menu .dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;

    }

    #ezlNavbar .dropdown-menu .dropdown-menu-end {
        left: calc(-100% - (var(--_dropdown-menu-padding) * 2));
    }

    #ezlNavbar .dropdown li {
        position: relative;
    }

    #ezlNavbar .dropdown-menu .nav-link {
        position: relative;
        background-color: transparent;
        display: flex;
        justify-content: space-between;
        padding: 12px;
        line-height: 1.5rem;
    }

    #ezlNavbar .dropdown-menu .nav-link,
    #ezlNavbar .dropdown-menu .nav-link>a[href] {
        font-size: 13px;
        font-family: "Montserrat-Regular";
        width: 100%;
        text-align: left;
    }

    #ezlNavbar .dropdown-menu button.nav-link {
        transition: none;
        pointer-events: none;
    }

    #ezlNavbar .dropdown-menu button.nav-link>a[href] {
        pointer-events: all;
    }

    #ezlNavbar .dropdown-menu button.nav-link:not(:has(a[href])) {
        cursor: default;
    }

    #ezlNavbar .dropdown li:hover>.nav-link,
    #ezlNavbar .dropdown li:hover>.nav-link>a[href] {
        background-color: var(--_color-quaternary-light);
        color: var(--_color-quaternary-dark);
        border-radius: 5px;
    }

    /* EZ-Link Menu. */

    #ezlNavbar .menu-ezl .navbar-nav {
        align-items: center;
        gap: var(--_nav-items-gap-desktop);
    }

    #ezlNavbar .menu-ezl li {
        margin: 0;
    }

    #ezlNavbar .menu-ezl>.navbar-nav>li>.nav-link {
        font-size: 1rem;
        padding: 1rem 0.5rem;
    }

    /* SimplyGo Menu. */

    #ezlNavbar .menu-simplygo {
        display: none;
    }
}

@media screen and (min-width: 1400px) {
    #ezlNavbar .navbar-brand {
        width: var(--_brand-logo-container-desktop-width-xxl);
    }

    #ezlNavbar .navbar-brand .navbar-logo-desktop .brand-ezlink {
        height: var(--_brand-logo-desktop-height-xxl);
    }
}