/* 1. Set the main header background and remove the red line */
.page-header, 
.page-header.clearfix {
    background: #2e3192 !important;
    background-color: #2e3192 !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

/* 2. Make all header text, icons, and menus white */
.page-header,
.page-header a,
.page-header .header-menu > li > a,
.page-header .user-menu-info,
.page-header .header-search-icon,
.page-header .header-logo {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* 3. Style the menu hover states so they look interactive */
.page-header .header-menu > li > a:hover,
.page-header .header-menu > li.active > a {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-radius: 4px;
}

/* 4. Fix the search bar visibility */
.page-header .header-search-input {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: white !important;
}