/**
 * Hero Height Fix
 * This CSS file standardizes the hero banner height across all pages
 */

/* Set a consistent height for all hero sections */
.hero-section {
    padding: 80px 0 !important; /* Reduced from 150px to 80px */
    min-height: auto !important;
    max-height: none !important;
}

/* Specific override for home page */
body:not(.news-page):not(.events-page):not(.announcements-page) .hero-section,
.hero-section.home-hero {
    padding: 80px 0 !important;
}

/* Specific override for news page */
body.news-page .hero-section {
    padding: 80px 0 !important;
}

/* Specific override for events page */
body.events-page .hero-section {
    padding: 80px 0 !important;
}

/* Specific override for announcements page */
body.announcements-page .hero-section {
    padding: 80px 0 !important;
}

/* Adjust hero section content for smaller height */
.hero-section h1 {
    font-size: 2.8rem !important;
    margin-bottom: 15px !important;
}

.hero-section p {
    font-size: 1.1rem !important;
    margin-bottom: 20px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-section {
        padding: 60px 0 !important;
    }

    .hero-section h1 {
        font-size: 2.2rem !important;
    }

    .hero-section p {
        font-size: 1rem !important;
    }
}

/* Ensure consistent height for single page hero sections */
body.news-page .hero-section.single-page,
body.events-page .hero-section.single-page,
body.announcements-page .hero-section.single-page {
    padding: 80px 0 !important;
}

/* Ensure all hero sections have the same height regardless of content */
.hero-section .container {
    min-height: auto !important;
    max-height: none !important;
}

/* Ensure all hero sections have the same vertical alignment */
.hero-section .row.align-items-center {
    min-height: auto !important;
    max-height: none !important;
}