/* ============================================
   VICKAYOR SCHOOLS - CUSTOM THEME OVERRIDE
   Primary: #7B3F00 (Rich Brown)
   Accent:  #A0522D (Sienna)
   Light:   #D2905A (Light Brown)
   Dark:    #3E1F00 (Deep Brown)
   White:   #FFFFFF
   ============================================ */

/* --- Global accent color replacements --- */
p a { border-bottom-color: #A0522D; }
p a:hover { background: #A0522D; }
::selection { background: #D2905A; color: #fff; }
p::selection { background: #D2905A; color: #fff; }

/* --- Nav hover --- */
.main_nav_item a:hover { color: #7B3F00; }

/* --- Header side panel --- */
.header_side { background: #7B3F00; }

/* --- Hamburger hover --- */
.hamburger_container:hover i { color: #7B3F00; }

/* --- Mobile menu hover --- */
.menu_item a:hover { color: #7B3F00; }
.menu_social_item a i:hover { color: #7B3F00; }
.menu_close_container:hover .menu_close,
.menu_close_container:hover .menu_close::after { background: #7B3F00; }

/* --- Hero slider highlight word --- */
.hero_slide_content h1 span { background: #7B3F00; }

/* --- Slider nav buttons --- */
.hero_slider_nav:hover { background: #7B3F00; }
.hero_slider_nav:hover span { color: #FFFFFF; }

/* --- Hero boxes --- */
.hero_box:hover { background: #7B3F00; }
.svg path { fill: #7B3F00; }

/* --- Section title bar --- */
.section_title h1::before { background: #7B3F00; }

/* --- Course price box --- */
.course_price { background: #7B3F00; }

/* --- Register section --- */
.register_section { background: #7B3F00; }

/* --- Search form focus & button --- */
.input_field:focus { border-color: #7B3F00; }
.search_submit_button { background: #7B3F00; }

/* --- Testimonials quote & dots --- */
.quote { color: #7B3F00; }
.testimonial_name { color: #D2905A; }
.testimonials_slider .owl-dot.active span { background: #7B3F00 !important; }

/* --- Events date box --- */
.event_date { border-color: #7B3F00; }
.event_day { color: #7B3F00; }
.event_month { color: #7B3F00; }
.event_name a:hover { color: #7B3F00; }

/* --- Newsletter subscribe button --- */
.newsletter_email:focus { outline-color: #7B3F00; }
.newsletter_submit_btn { background: #7B3F00; }

/* --- Footer links hover --- */
.footer_list_item a:hover { color: #D2905A; }
.footer_social .menu_social_item a i:hover { color: #D2905A; }

/* --- Programmes/Academics section badge --- */
.programme_badge {
    display: inline-block;
    background: #7B3F00;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 12px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

/* --- Stats milestones bar --- */
.milestone_bar {
    background: #7B3F00;
}

/* --- About section strip --- */
.about_strip {
    background: #7B3F00;
    padding: 60px 0;
}
.about_strip h2, .about_strip p { color: #fff; }

/* --- Utility --- */
.brown { color: #7B3F00; }
.bg_brown { background: #7B3F00; }

/* ---- Inner Page Banner (all pages except homepage) ---- */
.inner_page_banner {
    width: 100%;
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.inner_page_banner .banner_title {
    background: #7B3F00;
    color: #fff;
    padding: 18px 40px;
    margin-bottom: 40px;
    margin-left: 0;
    display: inline-block;
}
.inner_page_banner .banner_title h1 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1;
    white-space: nowrap;
}

/* Tablet */
@media (max-width: 991px) {
    .inner_page_banner {
        height: 280px;
    }
    .inner_page_banner .banner_title {
        padding: 15px 28px;
        margin-bottom: 30px;
    }
    .inner_page_banner .banner_title h1 {
        font-size: 36px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .inner_page_banner {
        height: 220px;
        align-items: center;
        justify-content: center;
    }
    .inner_page_banner .banner_title {
        margin-bottom: 0;
        margin-left: 0;
        text-align: center;
        padding: 12px 22px;
        max-width: 90%;
    }
    .inner_page_banner .banner_title h1 {
        font-size: 26px;
        white-space: normal;
        word-break: keep-all;
        line-height: 1.3;
    }
}