/* =========================================
   MOBILE: taller header video with crop
========================================= */
@media screen and (max-width: 768px) {

    .wp-custom-header,
    .custom-header,
    .custom-header-media,
    #wp-custom-header,
    .header-image {
        position: relative !important;
        height: 560px !important;
        min-height: 650px !important;
        max-height: 650px !important;
        overflow: hidden !important;
        z-index: 1 !important;
    }

    .wp-custom-header video,
    .wp-custom-header iframe,
    #wp-custom-header video,
    #wp-custom-header iframe,
    .custom-header video,
    .custom-header iframe,
    .custom-header-media video,
    .custom-header-media iframe {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: auto !important;
        height: 100% !important;
        min-width: 100% !important;
        max-width: none !important;
        transform: translate(-50%, -50%) !important;
        z-index: 1 !important;
    }

    .wp-custom-header img,
    #wp-custom-header img,
    .custom-header img,
    .custom-header-media img,
    .header-image img {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: auto !important;
        height: 100% !important;
        min-width: 100% !important;
        max-width: none !important;
        transform: translate(-50%, -50%) !important;
        z-index: 1 !important;
    }
}

/* =========================================
   HEADER OVER VIDEO (TRANSPARENT)
========================================= */
.home .site-header,
.home #masthead,
.home .header-wrap,
.home .site-top-bar {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 100 !important;
    background: rgba(255, 255, 255, 0.35) !important;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    box-shadow: none !important;
    border: none !important;
}

/* =========================================
   REMOVE EXTRA BACKGROUNDS
========================================= */
.home .site-branding,
.home .header-right,
.home .header-left,
.home .site-top-bar,
.home .header-inner {
    background: transparent !important;
}

/* =========================================
   FORCE MOBILE HEADER CONTENT TO BE SEMI-TRANSPARENT
========================================= */
@media screen and (max-width: 768px) {
    .home #masthead > *,
    .home .site-header > *,
    .home .header-wrap > * {
        background-color: rgba(255, 255, 255, 0.7) !important;
    }
}

/* =========================================
   PREVENT HEADER FROM PUSHING CONTENT DOWN
========================================= */
.home .custom-header,
.home .wp-custom-header,
.home .custom-header-media,
.home #wp-custom-header {
    margin-top: 0 !important;
}

/* =========================================
   MOBILE MENU BUTTON CLEANUP
========================================= */
.home .menu-toggle {
    background: rgba(76, 168, 157, 0.95) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 10002 !important;
}

/* =========================================
   LOGO SIZE — MOBILE ONLY
========================================= */
@media screen and (max-width: 768px) {
    .home .site-branding img,
    .home .custom-logo-link img,
    .home .custom-logo,
    .home .site-header .custom-logo-link img,
    .home #masthead .custom-logo-link img,
    .home .site-header img {
        max-height: 90px !important;
        width: auto !important;
        height: auto !important;
    }
}

/* =========================================
   TIGHTEN HEADER SPACING
========================================= */
.home .site-header,
.home #masthead,
.home .header-wrap,
.home .site-top-bar {
    padding-top: 0 !important;
    padding-bottom: 6px !important;
}

.home .site-branding,
.home .custom-logo-link {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* =========================================
   MOBILE MENU PANEL ABOVE VIDEO
========================================= */
@media screen and (max-width: 768px) {

    .home .site-header,
    .home #masthead,
    .home .header-wrap,
    .home .header-inner,
    .home .main-navigation,
    .home .main-navigation > div,
    .home .menu-main-container {
        overflow: visible !important;
    }

    .home .main-navigation {
        position: relative !important;
        z-index: 10001 !important;
        background: transparent !important;
    }

    .home .main-navigation.toggled ul,
    .home .main-navigation.toggled .nav-menu,
    .home .main-navigation ul.menu,
    .home .main-navigation div ul.menu {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 10003 !important;
        background: #489e8d !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.10) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .home .main-navigation.toggled li,
    .home .main-navigation ul.menu li,
    .home .main-navigation div ul.menu li {
        background: transparent !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    }

    .home .main-navigation.toggled a,
    .home .main-navigation ul.menu a,
    .home .main-navigation div ul.menu a {
        display: block !important;
        color: #ffffff !important;
        background: transparent !important;
        padding: 16px 24px !important;
        line-height: 1.4 !important;
        opacity: 1 !important;
    }

    .home .main-navigation.toggled a:hover,
    .home .main-navigation.toggled a:focus,
    .home .main-navigation ul.menu a:hover,
    .home .main-navigation ul.menu a:focus {
        background: rgba(255, 255, 255, 0.10) !important;
        color: #ffffff !important;
    }

    .home .wp-custom-header,
    .home .custom-header,
    .home .custom-header-media,
    .home #wp-custom-header,
    .home .header-image {
        z-index: 1 !important;
    }
}