/* ===========================
   LOADER
=========================== */

#loader {

    transition: opacity .5s ease;

}

#loader.loader-hidden {

    opacity: 0;

    pointer-events: none;

}

/* ===========================
   SCROLL REVEAL
=========================== */

.reveal {

    opacity: 0;

    transform: translateY(24px);

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

}

.reveal.visible {

    opacity: 1;

    transform: translateY(0);

}


/* ===========================
   NAVBAR SCROLL STATE
=========================== */

nav.scrolled {

    background: rgba(5, 5, 5, .85);

    border-color: rgba(255, 255, 255, .1);

}