/**
 * Direct Hero Override CSS
 * This file contains direct overrides for the hero sections
 */

/* Remove all background colors and images from hero sections */
.hero-section {
    background-image: none !important;
    background: none !important;
}

/* Remove all ::before pseudo-elements */
.hero-section::before {
    display: none !important;
}

/* News Page Hero Section */
body.news-page .hero-section {
    background-color: var(--news-color, #0071bc) !important;
}

/* Events Page Hero Section */
body.events-page .hero-section {
    background-color: var(--events-color, #198754) !important;
}

/* Announcements Page Hero Section */
body.announcements-page .hero-section {
    background-color: var(--announcements-color, #ffc107) !important;
}

/* Force white text in hero sections */
.hero-section h1, 
.hero-section h2, 
.hero-section h3, 
.hero-section h4, 
.hero-section h5, 
.hero-section h6, 
.hero-section p, 
.hero-section div {
    color: white !important;
}