/* --- BEYOND THE HORIZON GROUP | MASTER CSS --- */
/* VERSION: 5.1 - INDEPENDENT CORNER PINNING */
/* LAST UPDATED: FEB 18, 2026 | 1:40 PM EST */

/* 1. GLOBAL HEADER BAR */
.mobile_header {
    display: block !important; 
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 70px !important;
    background-color: #222222 !important; 
    z-index: 999998 !important;
}

.header_wrapper { display: none !important; }

/* 2. THE 3-BAR MENU (PIN TO FAR LEFT CORNER) */
.mobile-trigger {
    display: flex !important;
    position: fixed !important; /* Pulls it out of the logo's way */
    left: 0 !important;         /* Pinned to the wall */
    top: 0 !important;          /* Pinned to the top */
    width: 60px !important;     /* Creates a clickable box */
    height: 70px !important;    /* Matches header height */
    align-items: center !important;
    justify-content: center !important;
    z-index: 1000001 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mobile-trigger i, .mobile-trigger:before {
    color: #ffffff !important;
    font-size: 28px !important;
}

/* 3. THE LOGO (PIN TO FAR RIGHT CORNER) */
.mobile_header .logo {
    position: fixed !important;
    right: 15px !important;
    top: 15px !important;
    left: auto !important;
    margin: 0 !important;
    z-index: 999999 !important;
    max-width: 60% !important;
}

.mobile_header .logo img {
    max-height: 35px !important;
    width: auto !important;
}

/* 4. CONTENT SPACING */
#main-content, .main_wrapper, .elementor, #wrapper_950 {
    margin-top: 70px !important;
}

/* 5. MOBILE HOMEPAGE TEXT SHRINK */
@media (max-width: 767px) {
    .home .elementor-section:first-of-type {
        min-height: 60vh !important;
        padding-top: 40px !important;
    }
    .home .elementor-widget-heading .elementor-heading-title {
        font-size: 19px !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }
}