/* =====================================
   MENU
===================================== */

.main-nav{
    background:var(--progres-menu-bg,#0f2f97);
}

.main-menu{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:25px;
    margin:0;
    padding:0;
    list-style:none;
}

.main-menu li{
    position:relative;
}

.main-menu li a{
    color:var(--progres-menu-text,#fff);
}

.main-menu li a:hover{
    color:var(--progres-menu-hover,#ffd400);
}

.main-menu .sub-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:220px;
    background:#0f2f97;
    z-index:999;
    padding:10px;
}

.main-menu li:hover > .sub-menu{
    display:block;
}

.main-menu .sub-menu li{
    width:100%;
}

.main-menu .sub-menu a{
    padding:10px;
}

@media(max-width:768px){

    .main-menu{
        flex-direction:column;
        align-items:flex-start;
        gap:0;
    }

    .main-menu li{
        width:100%;
    }

    .main-menu li a{
        width:100%;
        padding:12px;
    }

}

/* ===== FIX MENU PROGRESNEWS ===== */

.main-nav{
    display:block !important;
    visibility:visible !important;
    position:relative !important;
    z-index:999 !important;
    background:var(--progres-menu-bg,#0f2f97) !important;
}

.main-nav .container{
    display:flex;
    justify-content:center;
}

.main-menu{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:30px;
    margin:0;
    padding:0;
}

.main-menu li{
    display:block;
    width:auto !important;
}

.main-menu li a{
    display:block;
    color:#fff;
    font-size:15px;
    font-weight:600;
    padding:14px 0;
}

/* ===================================
   MOBILE HAMBURGER MENU
=================================== */

.mobile-toggle{
    display:none;
    background:none;
    border:none;
    cursor:pointer;
}

.mobile-toggle span{
    display:block;
    width:28px;
    height:3px;
    background:#fff;
    margin:5px 0;
    border-radius:2px;
}

@media(max-width:768px){

    .mobile-toggle{
        display:block;
        margin:0 auto;
    }

    .main-nav{
        display:none !important;
    }

    .main-nav.active{
        display:block !important;
    }

    .main-nav .container{
        display:block;
    }

    .main-menu{
        flex-direction:column !important;
        align-items:center !important;
        gap:0 !important;
        padding:10px 0;
    }

    .main-menu li{
        width:100%;
        text-align:center;
    }

    .main-menu li a{
        padding:14px;
        border-bottom:1px solid rgba(255,255,255,.15);
    }

}

/* ==========================
   MOBILE HAMBURGER FINAL
========================== */

.mobile-toggle{
    display:none;
}

@media(max-width:768px){

    .mobile-toggle{
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:5px;
        background:none;
        border:none;
        cursor:pointer;
    }

    .mobile-toggle span{
        width:28px;
        height:3px;
        background:#fff;
        border-radius:3px;
        display:block;
    }

    .main-nav{
        display:none !important;
    }

    .main-nav.active{
        display:block !important;
    }

    .main-nav .container{
        display:block !important;
    }

    .main-menu{
        flex-direction:column !important;
        align-items:center !important;
        gap:0 !important;
    }

    .main-menu li{
        width:100%;
        text-align:center;
    }

    .main-menu li a{
        display:block;
        padding:14px;
        border-bottom:1px solid rgba(255,255,255,.15);
    }

}

@media(max-width:768px){

    .main-nav{
        display:none !important;
    }

    .main-nav.active{
        display:block !important;
        width:100%;
        background:#0f2f97;
    }

}

/* =====================================
   NAVIGATION HAMBURGER
===================================== */

.main-nav .nav-wrap{
    display:flex;
    align-items:center;
}

.main-nav .nav-menu-toggle{
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin-right:10px;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
}

.main-nav .nav-menu-toggle span{
    display:block;
    width:22px;
    height:3px;
    margin:3px 0;
    border-radius:2px;
    background:#fff;
}

.main-nav .main-menu{
    flex:0 1 auto;
}

@media (min-width:769px){

    .main-nav .nav-menu-toggle{
        display:none;
    }

}

@media (max-width:768px){

    .main-nav .nav-wrap{
        display:block;
    }

    .main-nav .nav-menu-toggle{
        display:none;
    }

}

/* =================================
   MOBILE FIX PROGRESNEWS
================================= */

@media (max-width:768px){

    /* Menu */

    .main-menu{
        justify-content:center;
        gap:15px;
    }
}