/* =========================================
   Subheader - Mobile Background Fix
   ========================================= */

@media only screen and (max-width: 767px) {

    #subheader {
        min-height: 180px;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        padding-bottom: 40px;
    }

    #subheader h1 {
        margin-top: 55px;
        margin-bottom: 20px;
    }

}

/* =========================================================
   Mobile Header Fix
   Scoped only to .mobile-header-fix
   ========================================================= */

@media only screen and (max-width: 767px) {

    /* -----------------------------------------
       Header
       ----------------------------------------- */

    header.mobile-header-fix {
        height: auto !important;
        min-height: 62px;
        background: #111111;
        position: fixed;
        overflow: visible !important;
    }


    /* -----------------------------------------
       Header Row
       ----------------------------------------- */

    header.mobile-header-fix .header-row {
        position: relative;
        display: block !important;
        min-height: 62px;
    }


    /* -----------------------------------------
       Logo
       ----------------------------------------- */

    header.mobile-header-fix #logo {
        float: left;
        height: 62px !important;
        display: flex;
        align-items: center;
        margin: 0;
    }

    header.mobile-header-fix #logo a {
        display: flex;
        align-items: center;
    }

    header.mobile-header-fix #logo .logo-img {
        max-height: 62px;
        width: auto;
        display: block;
    }


    /* -----------------------------------------
       Mobile Menu Button
       ----------------------------------------- */

    header.mobile-header-fix #menu-btn {
        display: block !important;

        position: absolute !important;

        top: 13px;
        right: 10px;

        float: none !important;

        width: 36px;
        height: 36px;

        margin: 0 !important;
        padding: 6px;

        z-index: 3000;

        background: transparent;
    }

    header.mobile-header-fix #menu-btn:before {
        font-size: 24px;
        line-height: 24px;
    }


    /* -----------------------------------------
       Hide desktop-only extra button
       ----------------------------------------- */
    header.mobile-header-fix .col-extra {
        display: none !important;
    }


    /* -----------------------------------------
       Menu Wrapper
       ----------------------------------------- */
    header.mobile-header-fix .menu-wrap {
        width: 100% !important;
        max-width: 100% !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    header.mobile-header-fix .menu-wrap nav {
        width: 100% !important;
        display: block !important;
    }

    /* -----------------------------------------
       Expanded Menu
       ----------------------------------------- */
    header.mobile-header-fix.header-mobile {
        min-height: 62px;
        height: auto !important;
    }

    /* -----------------------------------------
       Menu Items Container
       ----------------------------------------- */
    header.mobile-header-fix.header-mobile #mainmenu > li {
        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        display: block !important;

        border-bottom: 1px solid #333333;
    }

    /* -----------------------------------------
       Menu Links
       ----------------------------------------- */
    header.mobile-header-fix.header-mobile #mainmenu > li > a {
        display: block;

        width: 100% !important;

        padding: 13px 0 !important;

        margin: 0 !important;

        text-align: left;

        font-size: 11px;

        line-height: 20px;

        letter-spacing: 3px;

        text-transform: uppercase;

        color: #eceff3 !important;

        background: transparent !important;
    }

    /* Hover / Active */
    header.mobile-header-fix.header-mobile #mainmenu > li > a:hover,
    header.mobile-header-fix.header-mobile #mainmenu > li.current > a {
        color: var(--primary-color-1) !important;
        background: transparent !important;
    }

    /* -----------------------------------------
       Remove theme's last-item extra margin
       ----------------------------------------- */
    header.mobile-header-fix.header-mobile #mainmenu > li:last-child {
        margin-bottom: 0 !important;
    }


    /* -----------------------------------------
       Close Button Position
       ----------------------------------------- */
    header.mobile-header-fix.header-mobile #menu-btn {
        top: 13px;
        right: 10px;

        position: absolute !important;

        z-index: 5000;
    }

}