/* =========================================================
   SMART HEADER
   DOWN  = HIDE
   UP    = SHOW IMMEDIATELY
========================================================= */

/* =========================================================
   SMART HEADER - SMOOTH HIDE / SHOW
========================================================= */

#header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;

    transform: translateY(0);

    /* Smooth movement */
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);

    will-change: transform;
}


/* =========================================================
   HEADER HIDDEN - SCROLL DOWN
========================================================= */

#header.header-hidden {
    transform: translateY(-100%);
}


/* =========================================================
   HEADER VISIBLE - SCROLL UP
========================================================= */

#header.header-visible {
    transform: translateY(0);
}


/* =========================================================
   HERO SPACE FOR FIXED HEADER
========================================================= */

#hero,
#brandHero {
    margin-top: 80px;
}


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

@media (max-width: 767px) {

    #hero {
        margin-top: 80px;
    }

}






/* =========================================================
   PROTECT WEBSITE FROM AUTO SEO PLUGIN CSS
========================================================= */

/* Restore normal box sizing */
html,
body,
body * {
    box-sizing: border-box;
}

/* Keep SEO plugin widget styling isolated */
.plugin-box,
.plugin-box *,
.plugin__modal,
.plugin__modal * {
    box-sizing: border-box;
}

/* Protect common website form elements */
body input:not([class*="plugin"]),
body textarea:not([class*="plugin"]),
body select:not([class*="plugin"]),
body button:not([class*="plugin"]) {
    font-family: inherit;
}

/* Prevent plugin styles from affecting website links/buttons */
body a:not([class*="plugin"]) {
    text-decoration: inherit;
}