/* ==================================================
   1. GLOBAL SETTINGS & BACKGROUND
   ================================================== */

@media (min-width: 1200px) {
    .container {
        width: 1171px;
    }
}

/* Set Main Background to Cream */
body, 
#main, 
.ic-app, 
#wrapper,
#main.product-results,
#search-form .search-form-filters {
    background-color: #fef4c4 !important;
    background-image: none !important;
}

/* ==================================================
   2. TOP BANNER (Orange to Red)
   ================================================== */

/* TARGET HEIGHT ADJUSTMENT: 
   Reduced height to 70px to better match the black search bar. 
   If this is still not perfect, you can change the "70px" below 
   to "65px" or "75px" to micro-adjust. */
#nmped-banner {
    width: 100%;
    height: 70px; /* Adjusted from 90px */
    
    /* Gradient: Orange (#f4784e) to Red (#c64c43) */
    background: linear-gradient(90deg, #f4784e 50%, #c64c43 50%) !important;
    
    margin-bottom: 0;
    display: block;
}

/* Clean up hero region spacing */
.feature-region {
    min-height: 0;
    background-image: none;
}

/* ==================================================
   3. NAVIGATION LINKS (Dark Teal)
   ================================================== */

/* Custom Logo Positioning (Keep Top Left) */
#app-header .logo-customized { 
    margin: 10px 0; 
}
#header-menu { 
    padding-top: 25px; 
}
#header-menu-container { 
    position: relative; 
    bottom: 5px; 
    font-size: 18px; 
}

/* Standard Header Links (Login, etc.) */
#header-menu-container > a {
    display: inline-block; 
    margin-bottom: 4px; 
    font-weight: normal;
    text-align: center; 
    vertical-align: middle; 
    cursor: pointer;
    background-image: none; 
    border: 1px solid transparent; 
    white-space: nowrap;
    padding: 5px 10px; 
    font-size: 18px; 
    line-height: 1.428571429;
    border-radius: 4px; 
    -webkit-user-select: none; 
    
    /* COLOR UPDATE: Dark Teal */
    color: #225c61 !important; 
    text-decoration: none !important;
}

#header-menu-container > a:hover { 
    color: #f4784e !important; /* Orange on Hover */
}

/* Custom Injected Links (Catalog Home, etc.) */
#page-links { 
    display: inline-block; 
    padding-right: 5px; 
}
#page-links a { 
    display: inline-block; 
    margin-right: 10px; 
    font-size: 18px; 
    
    /* COLOR UPDATE: Dark Teal */
    color: #225c61 !important; 
    text-decoration: none !important; 
}

#page-links a:hover { 
    color: #f4784e !important; /* Orange on Hover */
}

/* The Pipe Separator "|" */
#page-links .piped-list>li:after { 
    content: "|" !important; 
    color: #225c61 !important; /* Dark Teal */
    padding-left: 5px; 
}
#page-links .piped-list>li:before { 
    display: none; 
    margin-right: 0; 
}

/* ==================================================
   4. LOGIN PAGE OVERRIDES
   ================================================== */

/* Main Background: Cream */
body.ic-Login-Body #wrapper { 
    background-color: #fef4c4ff !important; 
    background-image: none !important; 
}

/* Login Box Background: Gold */
body.ic-Login-Body .ic-Login__Body { 
    background-color: #edc872ff !important; 
}

/* Login Page Text/Links: Dark Teal */
body.ic-Login-Body label, 
body.ic-Login-Body .ic-Label,
body.ic-Login-Body .ic-Login__link, 
body.ic-Login-Body .ic-Login__links a,
body.ic-Login-Body #login_forgot_password, 
body.ic-Login-Body .ic-Form-control--checkbox label,
body.ic-Login-Body .ic-Login__actions .Button, 
body.ic-Login-Body .ic-Login__actions button,
body.ic-Login-Body #footer-links a, 
body.ic-Login-Body #footer-epilogue a,
body.ic-Login-Body #footer-epilogue .external { 
    color: #225c61ff !important; 
}

body.ic-Login-Body .ic-Login__actions .Button, 
body.ic-Login-Body .ic-Login__actions button { 
    border-color: #225c61ff !important; 
}

/* ==================================================
   5. GENERAL CLEANUP
   ================================================== */
#search-refine-button--refine { display: none !important; }
.product-image .image-container { margin-bottom: 10px; margin-top: 15px; height: 200px; }
.Dropdown__ToggleText.fs-exclude { font-size: 18px; }
.css-1x7wuul-view-heading { margin: 16px 0px 1.5rem; }
#product-page[data-course-id="66788"] .hero-head + p { display: none; }