/* Trail Pack Pages - Hero Styling to Match About Page */

/* Hero Section - Reduced height, bottom-aligned for consistency */
.site-hero {
    height: 35vh !important;
    min-height: 300px !important;
}

.site-hero.overlay:before {
    height: 35vh !important;
    min-height: 300px !important;
}

.site-hero-inner {
    height: 35vh !important;
    min-height: 300px !important;
    align-items: flex-end !important;
    padding-bottom: 60px !important;
}

.site-hero-inner .col-md-10 {
    max-width: 800px !important;
}

.site-hero-inner .heading {
    font-size: 56px !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

/* Hero tagline styling */
.hero-tagline {
    font-size: 18px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    color: rgba(255, 255, 255, 0.95) !important;
}

@media (max-width: 991.98px) {
    .site-hero-inner .heading {
        font-size: 42px !important;
    }
    
    .hero-tagline {
        font-size: 16px !important;
    }
}

@media (max-width: 576px) {
    .site-hero {
        height: 250px !important;
        min-height: 250px !important;
    }
    
    .site-hero.overlay:before {
        height: 250px !important;
        min-height: 250px !important;
    }
    
    .site-hero-inner {
        height: 250px !important;
        min-height: 250px !important;
        padding-bottom: 40px !important;
    }
    
    .site-hero-inner .heading {
        font-size: 32px !important;
    }
    
    .hero-tagline {
        font-size: 14px !important;
    }
    
    .site-hero-inner .col-md-10 {
        text-align: center !important;
    }
}