/* =========================================================
   MODEVO HEADER DROPDOWN — FINAL HARD FIX
   ========================================================= */

.cms-site-header {
    position: relative;
    z-index: 99999 !important;
    overflow: visible !important;
}

.cms-site-header .container-fluid,
.cms-site-header .row,
.cms-site-header .main__navigation,
.cms-site-header .main__navigation > ul,
.cms-site-header .main__navigation > ul > li {
    overflow: visible !important;
}


/* =========================================================
   DESKTOP — HOVER, FOCUS AND CLICK
   ========================================================= */

@media (min-width: 1200px) {

    .cms-site-header
    .main__navigation
    > ul
    > li.dropdown-nav {

        position: relative !important;
        vertical-align: middle;
    }


    .cms-site-header
    .main__navigation
    > ul
    > li.dropdown-nav
    > a {

        display: inline-flex !important;
        align-items: center;
        gap: 8px;
    }


    .cms-site-header
    .main__navigation
    > ul
    > li.dropdown-nav
    > a::after {

        content: "\f107";

        display: inline-block;

        margin-left: 2px;

        font-family: FontAwesome;
        font-size: 13px;
        line-height: 1;

        transition:
            transform .2s ease,
            color .2s ease;
    }


    .cms-site-header
    .main__navigation
    > ul
    > li.dropdown-nav:hover
    > a::after,

    .cms-site-header
    .main__navigation
    > ul
    > li.dropdown-nav:focus-within
    > a::after,

    .cms-site-header
    .main__navigation
    > ul
    > li.dropdown-nav.cms-dropdown-open
    > a::after {

        transform: rotate(180deg);
        color: #ff842b;
    }


    /*
     * Original theme uses:
     * ul.dropdown { display: none; }
     *
     * Therefore display:block!important is required.
     */
    .cms-site-header
    .main__navigation
    > ul
    > li.dropdown-nav
    > ul.dropdown {

        position: absolute !important;

        top: calc(100% - 1px) !important;
        left: 0 !important;
        right: auto !important;

        display: block !important;

        width: 280px !important;
        min-width: 280px !important;

        height: auto !important;
        max-height: 70vh;

        margin: 0 !important;
        padding: 16px 20px !important;

        overflow-x: hidden;
        overflow-y: auto;

        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 0 0 12px 12px;

        background: #0e0d23 !important;

        box-shadow:
            0 20px 50px rgba(0, 0, 0, .45);

        text-align: left !important;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transform: translateY(10px);

        transition:
            opacity .2s ease,
            visibility .2s ease,
            transform .2s ease;

        z-index: 999999 !important;
    }


    .cms-site-header
    .main__navigation
    > ul
    > li.dropdown-nav:hover
    > ul.dropdown,

    .cms-site-header
    .main__navigation
    > ul
    > li.dropdown-nav:focus-within
    > ul.dropdown,

    .cms-site-header
    .main__navigation
    > ul
    > li.dropdown-nav.cms-dropdown-open
    > ul.dropdown {

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: translateY(0) !important;
    }


    .cms-site-header
    .main__navigation
    > ul
    > li.dropdown-nav
    > ul.dropdown
    > li {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 10px 0 !important;

        border-bottom:
            1px solid
            rgba(255, 255, 255, .12);

        text-align: left !important;
    }


    .cms-site-header
    .main__navigation
    > ul
    > li.dropdown-nav
    > ul.dropdown
    > li:last-child {

        border-bottom: 0;
    }


    .cms-site-header
    .main__navigation
    > ul
    > li.dropdown-nav
    > ul.dropdown
    > li
    > a {

        display: block !important;

        width: 100% !important;

        padding: 0 !important;

        color: #ffffff !important;

        font-size: 14px !important;
        font-weight: 500;
        line-height: 1.5;

        white-space: normal;
        overflow-wrap: anywhere;

        transition:
            color .2s ease,
            padding-left .2s ease;
    }


    .cms-site-header
    .main__navigation
    > ul
    > li.dropdown-nav
    > ul.dropdown
    > li
    > a:hover,

    .cms-site-header
    .main__navigation
    > ul
    > li.dropdown-nav
    > ul.dropdown
    > li
    > a:focus-visible {

        color: #ff842b !important;
        padding-left: 6px !important;
    }

}


/* =========================================================
   MOBILE / TABLET ACCORDION
   ========================================================= */

@media (max-width: 1199px) {

    .cms-site-header
    .mob-menu.open
    li.dropdown-nav
    > ul.dropdown {

        position: static !important;

        display: none !important;

        width: 100% !important;
        max-width: 420px !important;

        height: auto !important;

        margin: 14px auto 0 !important;
        padding: 15px 20px !important;

        border-radius: 9px;

        background: #121126 !important;

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: none !important;

        box-shadow: none;
    }


    .cms-site-header
    .mob-menu.open
    li.dropdown-nav.cms-dropdown-open
    > ul.dropdown {

        display: block !important;
    }


    .cms-site-header
    .mob-menu.open
    li.dropdown-nav
    > a {

        cursor: pointer;
    }


    .cms-site-header
    .mob-menu.open
    li.dropdown-nav
    > a::after {

        content: "\f107";

        display: inline-block;

        margin-left: 10px;

        font-family: FontAwesome;

        transition: transform .2s ease;
    }


    .cms-site-header
    .mob-menu.open
    li.dropdown-nav.cms-dropdown-open
    > a::after {

        transform: rotate(180deg);
    }


    .cms-site-header
    .mob-menu.open
    ul.dropdown
    li {

        display: block !important;

        width: 100% !important;

        margin: 0 0 10px !important;
        padding: 0 0 10px !important;

        border-bottom:
            1px solid
            rgba(255, 255, 255, .10);

        text-align: center;
    }


    .cms-site-header
    .mob-menu.open
    ul.dropdown
    li:last-child {

        margin-bottom: 0 !important;
        padding-bottom: 0 !important;

        border-bottom: 0;
    }


    .cms-site-header
    .mob-menu.open
    ul.dropdown
    li
    a {

        display: block !important;

        padding: 5px 0 !important;

        color: #ffffff !important;

        white-space: normal;
        overflow-wrap: anywhere;
    }

}