/*
SSLE Inner Page Title Space Aggressive Fix
This overwrites earlier hero spacing and makes title area compact.
*/

.inner-hero,
.page-hero,
.program-detail-hero,
section.inner-hero {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: flex !important;
    align-items: center !important;
}

.inner-hero .container,
.page-hero .container,
.program-detail-hero .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.inner-hero .hero-badge,
.page-hero .hero-badge,
.program-detail-hero .hero-badge {
    display: none !important;
}

.inner-hero h1,
.page-hero h1,
.program-detail-hero h1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.05 !important;
    font-size: 40px !important;
}

.inner-hero p,
.page-hero p,
.program-detail-hero p {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
}

/* remove decorative circle/extra graphic if it creates extra visual height */
.inner-hero::before,
.inner-hero::after,
.page-hero::before,
.page-hero::after {
    display: none !important;
}

/* For admin-created page.php pages */
body .inner-hero + section,
body .page-hero + section {
    margin-top: 0 !important;
}

@media (max-width: 768px) {
    .inner-hero,
    .page-hero,
    .program-detail-hero,
    section.inner-hero {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .inner-hero h1,
    .page-hero h1,
    .program-detail-hero h1 {
        font-size: 30px !important;
    }
}