/* =========================
1. FULL WIDTH BANNER
========================= */
.custom-header-banner {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    display: block !important;
}

.custom-header-banner img {
    width: 100% !important;
    height: auto;
    display: block;
}

/* =========================
2. HIDE TITLE & NUKE WHITE SPACE
========================= */
/* Hide the text */
.pkp_site_name {
    display: none !important;
}

/* Pull the green bar UP to cover the white space */
.pkp_navigation_primary_wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: translateY(-30px) !important; /* Adjust this number if needed */
    position: relative !important;
    z-index: 999 !important;
}

/* Push the page content DOWN so it doesn't hide behind the green bar */
.pkp_site_content, .pkp_structure_content {
    padding-top: 30px !important; 
}

/* =========================
3. MENU STYLING
========================= */
.pkp_navigation_primary > li {
    display: inline-block !important;
    float: none !important;
}

.pkp_navigation_primary > li > a {
    padding: 0;
}

.pkp_navigation_primary > li > a:hover {
    color: #003366;
    text-decoration: underline;
}

/* =========================
4. CUSTOM BLOCKS MARGINS
========================= */
.pkp_block {
    margin-bottom: 0px !important;
    padding: 0 !important;
}

.pkp_block p {
    margin: 0 !important;
}

/* =========================
5. FIX HIGHLIGHTS OVERLAP
========================= */
/* Push highlights below navigation */
.pkp_page_index .cmp_announcements_highlight {
    margin-top: 20px !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Remove excessive spacing inside highlight slider */
.cmp_announcements_highlight article {
    margin-top: 0 !important;
    padding-top: 0 !important;
}