/* --------------------------------

1. Auto-Hiding Navigation - Simple

-------------------------------- */
.cd-auto-hide-header,
.cd-auto-hide-nav{
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: #ffffff;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.cd-auto-hide-header::after,
.cd-auto-hide-nav::after{
    clear: both;
    content: "";
    display: block;
}
.cd-auto-hide-header.is-hidden,
.cd-auto-hide-nav.is-hidden{
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
@media only screen and (min-width: 768px) {
    .cd-auto-hide-header {
        display: none;
    }

    .cd-auto-hide-nav{
        height: 60px;
    }
}