/* =========================================================
   HOMEPAGE MOBILE HAMBURGER
   Desktop untouched
========================================================= */

@media (max-width:921px){

    /* Header must anchor dropdown */
    body.home .wb-top,
    body.home .wb-header,
    body.home .wb-top-v9{
        position:relative !important;
        overflow:visible !important;
        z-index:99990 !important;
    }


    /* -----------------------------------------------------
       CLOSED MENU
    ----------------------------------------------------- */

    body.home .wb-nav-v10{
        display:none !important;
    }


    /* -----------------------------------------------------
       OPEN MENU
       Existing JS adds .is-open
    ----------------------------------------------------- */

    body.home .wb-nav-v10.is-open{
        display:block !important;

        position:absolute !important;

        top:100% !important;
        left:0 !important;
        right:0 !important;

        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding:8px 12px 12px !important;

        background:#ffffff !important;

        border-top:1px solid #ece8e5 !important;
        border-bottom:1px solid #e8e4e1 !important;

        border-radius:0 0 10px 10px !important;

        box-shadow:
            0 12px 28px rgba(24,30,36,.14)
            !important;

        z-index:999999 !important;

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

        max-height:calc(100vh - 110px) !important;
    }


    /* -----------------------------------------------------
       UL MUST BE VERTICAL
    ----------------------------------------------------- */

    body.home .wb-nav-v10.is-open > ul,
    body.home .wb-nav-v10.is-open .wb-real-menu{
        display:flex !important;

        flex-direction:column !important;
        flex-wrap:nowrap !important;

        align-items:stretch !important;
        justify-content:flex-start !important;

        gap:0 !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        list-style:none !important;
    }


    /* -----------------------------------------------------
       EACH MENU ITEM FULL WIDTH
    ----------------------------------------------------- */

    body.home .wb-nav-v10.is-open li{
        display:block !important;

        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;

        border-bottom:1px solid #f0ece9 !important;

        list-style:none !important;
    }

    body.home .wb-nav-v10.is-open li:last-child{
        border-bottom:0 !important;
    }


    /* -----------------------------------------------------
       LINKS
    ----------------------------------------------------- */

    body.home .wb-nav-v10.is-open li > a{
        display:flex !important;

        width:100% !important;
        min-height:47px !important;

        align-items:center !important;
        justify-content:flex-start !important;

        margin:0 !important;
        padding:12px 14px !important;

        color:#222a31 !important;

        background:#ffffff !important;

        font-family:Poppins,Arial,sans-serif !important;
        font-size:14px !important;
        line-height:1.35 !important;

        font-weight:600 !important;

        text-align:left !important;
        white-space:normal !important;

        border:0 !important;
        border-radius:6px !important;

        text-decoration:none !important;
    }

    body.home .wb-nav-v10.is-open li > a:hover,
    body.home .wb-nav-v10.is-open li > a:focus{
        color:#f45112 !important;
        background:#fff5ef !important;
    }


    /* Active page */
    body.home .wb-nav-v10.is-open li > a.active{
        color:#f45112 !important;
        background:#fff5ef !important;
    }


    /* Prevent horizontal strip / clipping */
    body.home .wb-nav-v10.is-open,
    body.home .wb-nav-v10.is-open ul,
    body.home .wb-nav-v10.is-open li{
        transform:none !important;
        translate:none !important;
        overflow-x:hidden !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:544px){

    body.home .wb-nav-v10.is-open{
        padding:7px 10px 10px !important;
    }

    body.home .wb-nav-v10.is-open li > a{
        min-height:45px !important;

        padding:11px 12px !important;

        font-size:13.5px !important;
    }

}