/*
Theme Name: The Leader Child
Theme URI: https://starlinetechnology.com/
Template: theleader
Author: Starline Technology
Author URI: https://starlinetechnology.com/
Description: Responsive SEO friendly custom theme.
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready
Version: 1.0.0.1771654434
Updated: 2026-02-21 11:58:54

*/

/* Full Banner & Header Dark Blue Theme */
.banner-redesign {
    /* background-color: #002d5b !important;  */
    background-color: #030506 !important;
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* 1. Force the entire header area to the dark blue color */
header.header.style-1.custom-header-bg {
    background-color: #002147 !important; /* This is a deep Navy Blue */
    border: none !important;
}

/* 2. Remove any default background from the container or nav inside the header */
.custom-header-bg .container,
.custom-header-bg .navbar {
    background-color: transparent !important;
}

/* 3. Ensure the dropdown menu is dark blue like the header */
.custom-header-bg .navbar-collapse {
    background-color: #002147 !important;
}

/* Force all child elements in navbar to have dark blue background */
.custom-header-bg .navbar-collapse,
.custom-header-bg .navbar-collapse .navbar-nav,
.custom-header-bg .navbar-collapse .nav,
.custom-header-bg .navbar-collapse .navbar-nav .nav-item,
.custom-header-bg .navbar-collapse .navbar-nav .nav-link,
.custom-header-bg .navbar-collapse ul,
.custom-header-bg .navbar-collapse li {
    background-color: #002147 !important;
}

@media (max-width: 991px) {
    .custom-header-bg .navbar-collapse {
        background-color: #002147 !important;
        padding: 20px;
        margin-top: 10px;
    }
    
    .custom-header-bg .navbar-collapse .nav,
    .custom-header-bg .navbar-collapse .navbar-nav,
    .custom-header-bg .navbar-collapse .navbar-nav .nav-item,
    .custom-header-bg .navbar-collapse .navbar-nav .nav-link,
    .custom-header-bg .navbar-collapse ul,
    .custom-header-bg .navbar-collapse li {
        background-color: #002147 !important;
    }
}

/* 4. Make all text white so it pops against the dark blue */
.custom-header-bg .site-title a,
.custom-header-bg .site-description,
.custom-header-bg .navbar-nav li a {
    color: #ffffff !important;
}

/* 5. Space out the content on the homepage now that the banner is gone */
.home #content {
    margin-top: 30px;
}


/* 1. Change the Page Header background to match your Dark Blue */
.page-header {
    background-color: #002147 !important;
    background-image: none !important; /* Removes default background images if any */
}

/* 2. Change or remove the black overlay */
.page-header .overlay {
    background: #002147 !important; /* Solid Dark Blue */
    opacity: 1 !important; /* Ensure it's not see-through */
}

/* 3. Ensure the Page Title text inside that box is White */
.page-header-content h1, 
.page-header-content h2,
.page-header-content #breadcrumbs,
.page-header-content #breadcrumbs a {
    color: #ffffff !important;
}

/* 4. Optional: Reduce the height if it feels too big */
.page-header {
    padding: 60px 0 !important; /* Adjust these numbers to make the box thinner or thicker */
}

.home #content {
    margin-top: 74px;
}