/* =========================================
   HEADER
   ========================================= */

.header{

    background:#fff;
    position:sticky;
    top:0;
    z-index:999;
}



/* =========================================
   NAVBAR LAYOUT
   ========================================= */

.navbar{

    max-width:1200px!important;

    margin:0 auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    height:90px;

    padding:15px 75px;
}



/* =========================================
   LOGO
   ========================================= */

.nav-logo{

    display:flex;

    align-items:center;

    margin-right:8px;
}


.nav-logo a{

    display:flex;

    align-items:center;

    font-size:20px;

    font-weight:700;

    color:var(--primary);
}


.nav-logo img{

    width:75px;

    margin-right:6px;
}



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

.nav-menu{

    display:flex;

    flex-direction:row;

    align-items:center;

    position:static;
}


.nav-menu > li{

    position:relative;
}


.nav-menu > li > a{

    display:block;

    padding:32px 14px;

    font-size:14px;

    font-weight:600;

    text-transform:uppercase;

    color:#333;

    white-space:nowrap;
}


.nav-menu > li > a:hover{

    color:var(--primary);
}



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

.nav-menu .submenu{

    position:absolute;

    top:100%;

    left:0;

    min-width:230px;

    background:#fff;

    display:none;

    border-top:3px solid var(--primary);

    box-shadow:0 10px 25px rgba(0,0,0,0.12);

    z-index:9999;
}


.nav-menu > li:hover > .submenu{

    display:block;
}


.submenu li a{

    display:block;

    padding:12px 15px;

    border-bottom:1px solid #eee;

    font-size:14px;
}


.submenu li a:hover{

    background:var(--primary);

    color:#fff;
}



/* =========================================
   MOBILE TOGGLE DEFAULT
   ========================================= */

#menuToggle{

    display:none !important;
}


#menuToggle i{

    font-size:28px;

    color:#0054A6;

    line-height:1;
}



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

body.menu-open{

    overflow:hidden;

    position:fixed;

    width:100%;
}