/**
 * Events Hero Fix
 * This CSS file contains direct overrides for the events hero section
 */

/* Target the events hero section specifically */
#events-hero-section {
    background-color: var(--events-color, #198754) !important;
    background-image: none !important;
}

/* Target the hero section on the events page */
body.events-page .hero-section {
    background-color: var(--events-color, #198754) !important;
    background-image: none !important;
}

/* Remove all ::before pseudo-elements */
.hero-section::before,
#events-hero-section::before,
body.events-page .hero-section::before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

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

/* Override any other styles that might be affecting the hero section */
.hero-section[id="events-hero-section"] {
    background-color: var(--events-color, #198754) !important;
}

/* Target by attribute */
[id="events-hero-section"] {
    background-color: var(--events-color, #198754) !important;
}