.elementor-36 .elementor-element.elementor-element-da14a91{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--z-index:10002;}.elementor-36 .elementor-element.elementor-element-1cebd80{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-36 .elementor-element.elementor-element-8a00014{text-align:start;}.elementor-36 .elementor-element.elementor-element-8a00014 img{width:29%;}.elementor-36 .elementor-element.elementor-element-400b178{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-36 .elementor-element.elementor-element-b6c51b2 .elementor-menu-toggle{margin:0 auto;}.elementor-36 .elementor-element.elementor-element-b6c51b2 .elementor-nav-menu .elementor-item{font-family:"Inconsolata", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-36 .elementor-element.elementor-element-b6c51b2 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-b6c51b2 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-b6c51b2 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-0efd3f6{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-da14a91{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-36 .elementor-element.elementor-element-1cebd80{--width:48%;}.elementor-36 .elementor-element.elementor-element-8a00014 img{width:34%;}.elementor-36 .elementor-element.elementor-element-400b178{--width:48%;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-36 .elementor-element.elementor-element-da14a91{--content-width:1240px;}.elementor-36 .elementor-element.elementor-element-1cebd80{--width:20%;}.elementor-36 .elementor-element.elementor-element-400b178{--width:80%;}.elementor-36 .elementor-element.elementor-element-0efd3f6{--width:20%;}}/* Start custom CSS for container, class: .elementor-element-da14a91 *//* ==========================================================
   7 BNCC BATTALION — PROFESSIONAL HEADER
   Elementor Header CSS
   CSS ID: bncc-header
   ========================================================== */


#bncc-header {
    --bncc-green-dark: #06291f;
    --bncc-green: #0b3a2b;
    --bncc-gold: #f5c744;

    position: relative;
    z-index: 9999;

    background:
        linear-gradient(
            90deg,
            #06291f 0%,
            #0a3427 55%,
            #0b3a2b 100%
        ) !important;

    border-bottom: 1px solid rgba(245, 199, 68, 0.20) !important;

    box-shadow:
        0 4px 18px rgba(0, 24, 16, 0.10) !important;

    overflow: hidden;
}


/* remove old giant header circles */

#bncc-header::before {
    content: "";
    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 92% 10%,
            rgba(255,255,255,0.035) 0,
            transparent 170px
        );

    opacity: 1;
}


/* clean gold line */

#bncc-header::after {
    content: "";

    position: absolute;
    left: 50%;
    bottom: 0;

    transform: translateX(-50%);

    width: min(1180px, 90%);
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(245,199,68,.45),
            transparent
        );

    opacity: .9;
}



/* ==========================================================
   HEADER CHILD CONTAINERS
   ========================================================== */

#bncc-header > .e-con-inner {
    width: 100%;
    align-items: center;
}


/* ==========================================================
   LOGO
   ========================================================== */

#bncc-header .elementor-widget-theme-site-logo img,
#bncc-header .elementor-widget-site-logo img,
#bncc-header .elementor-widget-image img {
    width: auto;
    max-height: 64px;

    object-fit: contain;

    transition:
        transform 0.25s ease,
        filter 0.25s ease;
}


#bncc-header .elementor-widget-theme-site-logo a:hover img,
#bncc-header .elementor-widget-site-logo a:hover img,
#bncc-header .elementor-widget-image a:hover img {
    transform: scale(1.04);

    filter:
        drop-shadow(0 5px 10px rgba(0, 0, 0, 0.15));
}


/* ==========================================================
   DESKTOP NAVIGATION
   ========================================================== */

#bncc-header .elementor-nav-menu {
    align-items: center;
}


#bncc-header .elementor-nav-menu > li {
    position: relative;
}


#bncc-header .elementor-nav-menu > li > a {
    position: relative;

    color: rgba(255, 255, 255, 0.82) !important;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;

    letter-spacing: 0.01em;

    padding: 16px 18px !important;

    background: transparent !important;

    transition:
        color 0.25s ease,
        background-color 0.25s ease;
}


/* Menu hover */

#bncc-header .elementor-nav-menu > li > a:hover,
#bncc-header .elementor-nav-menu > li > a.elementor-item-active {
    color: var(--bncc-gold) !important;
}


/* Custom underline */

#bncc-header .elementor-nav-menu > li > a::before {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 7px;

    width: 0;
    height: 2px;

    transform: translateX(-50%);

    background: var(--bncc-gold);

    border-radius: 30px;

    opacity: 1 !important;

    transition: width 0.25s ease;
}


#bncc-header .elementor-nav-menu > li > a:hover::before,
#bncc-header .elementor-nav-menu > li > a.elementor-item-active::before {
    width: 28px;
}


/* Disable Elementor default after pointer */

#bncc-header .elementor-nav-menu > li > a::after {
    display: none !important;
}


/* ==========================================================
   IMPORTANT FIX
   HAMBURGER HIDDEN ON DESKTOP / LAPTOP / TABLET
   ========================================================== */

#bncc-header .elementor-menu-toggle,
#bncc-header .e-n-menu-toggle,
#bncc-header button.elementor-menu-toggle {
    display: none !important;
}


/* ==========================================================
   CTA BUTTON
   ========================================================== */

#bncc-header .elementor-button {
    position: relative;

    min-height: 44px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    padding: 12px 24px;

    color: var(--bncc-green-dark) !important;

    background: var(--bncc-gold) !important;

    border: 1px solid var(--bncc-gold) !important;
    border-radius: 7px;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 0.01em;

    box-shadow:
        0 7px 20px rgba(0, 0, 0, 0.13);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background-color 0.25s ease;
}


/* Shine */

#bncc-header .elementor-button::before {
    content: "";

    position: absolute;

    top: 0;
    left: -130%;

    width: 80%;
    height: 100%;

    background: linear-gradient(
        110deg,
        transparent,
        rgba(255, 255, 255, 0.5),
        transparent
    );

    transform: skewX(-20deg);

    transition: left 0.55s ease;
}


#bncc-header .elementor-button:hover {
    transform: translateY(-2px);

    background: #ffd85a !important;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.18);
}


#bncc-header .elementor-button:hover::before {
    left: 145%;
}


#bncc-header .elementor-button-content-wrapper,
#bncc-header .elementor-button-text,
#bncc-header .elementor-button-icon {
    position: relative;
    z-index: 2;
}


/* ==========================================================
   DESKTOP DROPDOWN / SUBMENU
   ========================================================== */

#bncc-header .sub-menu {
    padding: 8px !important;

    background: rgba(7, 42, 30, 0.98) !important;

    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 9px !important;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.22) !important;

    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}


#bncc-header .sub-menu li a {
    min-width: 190px;

    padding: 11px 15px !important;

    color: rgba(255, 255, 255, 0.78) !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 5px;

    font-size: 13px;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        padding-left 0.2s ease;
}


#bncc-header .sub-menu li a:hover {
    padding-left: 19px !important;

    color: var(--bncc-gold) !important;

    background: rgba(255, 255, 255, 0.06) !important;
}


/* ==========================================================
   LAPTOP / TABLET
   Hamburger will STILL remain hidden
   ========================================================== */

@media (min-width: 768px) and (max-width: 1200px) {

    #bncc-header {
        min-height: 78px;
    }

    #bncc-header .elementor-widget-theme-site-logo img,
    #bncc-header .elementor-widget-site-logo img,
    #bncc-header .elementor-widget-image img {
        max-height: 56px;
    }

    #bncc-header .elementor-nav-menu > li > a {
        padding-left: 11px !important;
        padding-right: 11px !important;

        font-size: 13px;
    }

    #bncc-header .elementor-button {
        padding: 10px 17px;

        font-size: 12px;
    }

    /* Force hamburger OFF */

    #bncc-header .elementor-menu-toggle,
    #bncc-header .e-n-menu-toggle,
    #bncc-header button.elementor-menu-toggle {
        display: none !important;
    }
}


/* ==========================================================
   MOBILE ONLY
   Width: 767px and below
   ========================================================== */

@media (max-width: 767px) {

    #bncc-header {
        min-height: 68px;
        overflow: visible !important;

        background:
            linear-gradient(
                115deg,
                var(--bncc-green-dark),
                var(--bncc-green)
            );

        box-shadow:
            0 5px 18px rgba(0, 30, 20, 0.15);
    }


    /* ------------------------------------------
       MOBILE LOGO
       ------------------------------------------ */

    #bncc-header .elementor-widget-theme-site-logo img,
    #bncc-header .elementor-widget-site-logo img,
    #bncc-header .elementor-widget-image img {
        max-height: 50px;
    }


    /* ------------------------------------------
       HAMBURGER — MOBILE ONLY
       ------------------------------------------ */

    #bncc-header .elementor-menu-toggle,
    #bncc-header .e-n-menu-toggle,
    #bncc-header button.elementor-menu-toggle {
        width: 44px !important;
        height: 44px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;

        color: var(--bncc-gold) !important;

        background:
            rgba(255, 255, 255, 0.055) !important;

        border:
            1px solid rgba(255, 255, 255, 0.15) !important;

        border-radius: 7px !important;

        box-shadow: none !important;

        transition:
            background-color 0.25s ease,
            border-color 0.25s ease,
            color 0.25s ease;
    }


    #bncc-header .elementor-menu-toggle:hover,
    #bncc-header .elementor-menu-toggle:focus,
    #bncc-header .e-n-menu-toggle:hover,
    #bncc-header .e-n-menu-toggle:focus {
        color: var(--bncc-gold) !important;

        background:
            rgba(255, 255, 255, 0.10) !important;

        border-color:
            rgba(244, 201, 78, 0.45) !important;
    }


    /* Hamburger icon */

    #bncc-header .elementor-menu-toggle svg,
    #bncc-header .elementor-menu-toggle i,
    #bncc-header .e-n-menu-toggle svg,
    #bncc-header .e-n-menu-toggle i {
        color: inherit !important;
        fill: currentColor !important;

        font-size: 21px !important;
    }


    /* ------------------------------------------
       MOBILE DROPDOWN
       ------------------------------------------ */

    #bncc-header .elementor-nav-menu--dropdown {
        margin-top: 12px !important;

        padding: 8px !important;

        background:
            rgba(7, 42, 30, 0.99) !important;

        border:
            1px solid rgba(255, 255, 255, 0.10) !important;

        border-radius: 8px !important;

        box-shadow:
            0 18px 40px rgba(0, 0, 0, 0.24) !important;

        overflow: hidden;

        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }


    #bncc-header .elementor-nav-menu--dropdown .elementor-item {
        min-height: 46px;

        display: flex;
        align-items: center;

        padding: 11px 15px !important;

        color:
            rgba(255, 255, 255, 0.82) !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 5px;

        font-size: 14px;
        font-weight: 500;

        transition:
            color 0.2s ease,
            background-color 0.2s ease,
            padding-left 0.2s ease;
    }


    #bncc-header .elementor-nav-menu--dropdown .elementor-item:hover,
    #bncc-header .elementor-nav-menu--dropdown .elementor-item-active {
        padding-left: 20px !important;

        color: var(--bncc-gold) !important;

        background:
            rgba(255, 255, 255, 0.06) !important;
    }


    /* Mobile CTA */

    #bncc-header .elementor-button {
        min-height: 42px;

        padding: 10px 15px;

        font-size: 12px;
    }


    #bncc-header::after {
        width: 94%;
    }
}


/* ==========================================================
   VERY SMALL MOBILE
   ========================================================== */

@media (max-width: 480px) {

    #bncc-header {
        min-height: 64px;
    }


    #bncc-header .elementor-widget-theme-site-logo img,
    #bncc-header .elementor-widget-site-logo img,
    #bncc-header .elementor-widget-image img {
        max-height: 46px;
    }


    #bncc-header .elementor-menu-toggle,
    #bncc-header .e-n-menu-toggle {
        width: 42px !important;
        height: 42px !important;
    }
}


/* ==========================================================
   ACCESSIBILITY
   ========================================================== */

#bncc-header a:focus-visible,
#bncc-header button:focus-visible {
    outline: 2px solid var(--bncc-gold);
    outline-offset: 3px;
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    #bncc-header *,
    #bncc-header *::before,
    #bncc-header *::after {
        transition: none !important;
    }
}/* End custom CSS */