/**
 * Page Header
 *
 * Title + deck text for interior pages.
 * Uses is-style-section-header heading with optional centered alignment.
 *
 * @package Condor
 */

/* ==========================================================================
   Base Page Header
   ========================================================================== */

.page-header .headline {
    padding-bottom: 0.5rem;
}

.page-header.aligncenter {
    text-align: center;
}

.page-header.aligncenter .headline,
.page-header.aligncenter .copy {
    margin: 0 auto;
}

.page-header.aligncenter .is-style-section-header::after {
    margin: 0.5rem auto 1rem auto;
}

/* ==========================================================================
   Contextual Spacing: After Hub Navigation
   ========================================================================== */

.hub-navigation + .page-header {
    padding-top: 2rem;
}

@media (min-width: 768px) {
    .hub-navigation + .page-header {
        padding-top: 3rem;
    }

    .hub-navigation + .page-header .headline,
    .hub-navigation + .page-header .copy {
        max-width: 66%;
    }
}

@media (min-width: 1024px) {
    .hub-navigation + .page-header .headline,
    .hub-navigation + .page-header .copy {
        max-width: 58%;
        padding-right: 2rem;
    }
}

/* ==========================================================================
   Sibling Spacing: Content After Page Header
   ========================================================================== */

.page-header + * {
    padding-top: 3rem;
}

@media (min-width: 1024px) {
    .page-header + * {
        padding-top: 6rem;
    }
}

/* ==========================================================================
   After Hero Photo
   ========================================================================== */

.hero-photo + .page-header {
    padding-top: 3rem;
}

@media (min-width: 1024px) {
    .hero-photo + .page-header {
        padding-top: 4rem;
    }
}