/**
 * Header Styling Fix CSS - Version 1.0.4
 */

/* Force dark blue background for the entire header area */
.site-header,
.elementor-location-header,
header#site-header,
.elementor-location-header .elementor-section.elementor-section-boxed > .elementor-container,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container {
    background-color: #000080 !important; /* Dark blue */
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove white background from potential wrappers */
.elementor-location-header .elementor-column,
.elementor-location-header .elementor-widget-wrap,
.elementor-location-header .elementor-widget,
.elementor-nav-menu__container,
.elementor-nav-menu--main {
    background-color: transparent !important;
}

/* Ensure body doesn't push content down */
body {
    margin-top: 0 !important;
}

/* 
 * FIX ACTIVE MENU ITEM BACKGROUND 
 * Removing the white box around the current page link
 */
.elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-nav-menu--main .elementor-item.highlighted,
.elementor-nav-menu--main .elementor-item:hover,
.elementor-nav-menu--main .elementor-item:focus,
.elementor-nav-menu--main .current-menu-item > a,
.elementor-nav-menu--main .current_page_item > a {
    background-color: transparent !important; /* Force transparent */
    background: transparent !important;
    color: #ffffff !important; /* Keep text white */
    border: none !important;
    box-shadow: none !important;
}

/* General Menu items styling */
.site-header a,
.elementor-location-header a,
.elementor-nav-menu--main .elementor-item {
    color: #ffffff !important;
    background-color: transparent !important; /* Ensure transparent background */
}

/* Remove margins from menu structure */
.elementor-nav-menu--main ul,
.elementor-nav-menu--main li {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Adjust link padding for spacing but no margins */
.elementor-nav-menu--main .elementor-item {
    padding: 10px 15px !important; /* Keep click area reasonable */
    margin: 0 !important;
}

/* Fix for any white gap above/below header */
.elementor-location-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
}