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

.atco-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;

    background:rgba(10,10,10,.82);
    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);

    border-bottom:1px solid rgba(255,255,255,.06);
    box-shadow:0 10px 35px rgba(0,0,0,.18);

    transition:
        background .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

/* =====================================================
   SCROLLED
===================================================== */

.atco-header.scrolled{

    background:rgba(10,10,10,.90);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

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

    box-shadow:0 12px 40px rgba(0,0,0,.22);

}

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

.atco-logo{

    display:flex;
    align-items:center;

}

.atco-logo img{

    display:block;
    height:auto;

    transition:
        transform .35s ease,
        opacity .35s ease;

}

.atco-logo:hover img{

    transform:scale(1.04);

}

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

.atco-menu{

    display:flex;
    justify-content:flex-end;
    align-items:center;

}

/* =====================================================
   DESKTOP NAVIGATION
===================================================== */

.atco-menu .ekit-menu-nav{

    display:flex;
    align-items:center;

}

.atco-menu .ekit-menu-nav li{

    list-style:none;
    margin:0;
    padding:0;

}

.atco-menu .ekit-menu-nav li a{

    color:#F5F5F5 !important;

    text-transform:uppercase;

    font-size:16px;
    font-weight:600;

    letter-spacing:2.6px;

    opacity:.82;

    transition:
        color .35s ease,
        opacity .35s ease,
        transform .35s ease;

}

.atco-menu .ekit-menu-nav li a:hover{

    color:#C7A46A !important;

    opacity:1;

    transform:translateY(-2px);

}

.atco-menu .current-menu-item>a{

    color:#C7A46A !important;

    opacity:1;

}

/* =====================================================
   TABLET
===================================================== */

@media (max-width:1024px){

    .atco-header{

        min-height:82px;

        padding:0 40px;

        background:rgba(10,10,10,.82);

    }

    .atco-logo img{

        width:155px;

    }

    /* Hamburger button */

    .atco-menu .elementskit-menu-hamburger{

        width:80px !important;
        height:80px !important;

        padding:0 !important;

        border:none;

        background:transparent;

    }

    /* Hamburger lines */

    .atco-menu .elementskit-menu-hamburger-icon{

        width:60px !important;

        height:7px !important;

        margin:5px 0 !important;

        border-radius:50px;

        background:#ffffff;

    }
 
     .elementskit-menu-offcanvas-elements {

        top:15.5vh !important;

        min-height:345px !important;

        box-sizing: border-box !important;

        padding-left:50px !important;


    }

}

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

@media (max-width:767px){

    .atco-header{

        min-height:72px;

        padding:0 20px;

    }

    .atco-logo img{

        width:125px;

    }

    .atco-menu .elementskit-menu-hamburger{

        width:56px !important;
        height:56px !important;

    }

    .atco-menu .elementskit-menu-hamburger-icon{

        width:30px !important;

        height:2.5px !important;

        margin:4px 0 !important;

    }

    .elementskit-menu-offcanvas-elements {

        min-height:48vh !important;
        padding-left:40px !important;
        top:14.3vh !important;

    }

}