/**
 * Shared 2026 page header band (crimson title bar with h1/h2 + intro paragraph).
 *
 * First file of the shared 2026 stylesheets: rules that more than one template
 * needs live here instead of being copied into each template's inline <style>.
 * Enqueued site-wide from functions.php (jamdxstarter_scripts); every selector is
 * scoped to a header class, so it does nothing on pages without the band.
 *
 * Two markup variants share one spec:
 *   .h26-std-header  - legacy 2022 templates (container-fluid > container > row > col)
 *                      Broadcasting, Speaking, Insights, Contact, Podcast, CIPR (default)
 *   .h26-media-hero  - 2026 templates (section > .h26-container)
 *                      Advisory (page-work-2026), Media Library (page-media-2026),
 *                      Broadcasting 2026, Insights 2026 (v2/)
 */

.h26-std-header,
.h26-media-hero {
    background: #631313 !important;
    color: #fff;
    padding: 100px 0 !important;
    border: 0 !important;
    margin: 0;
}

.h26-std-header > .container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 24px;
}

.h26-std-header .row {
    margin: 0;
}

.h26-std-header [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.h26-std-header .title-header,
.h26-std-header .title-header2,
.h26-std-header h1,
.h26-std-header h2,
.h26-media-hero h1 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 46px !important;
    line-height: 1.15;
    color: #fff !important;
    text-align: left;
    margin: 0 0 30px !important;
    padding: 0 !important;
}

.h26-std-header p,
.h26-std-header .p-header,
.h26-media-hero p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #fff !important;
    max-width: 640px;
    margin: 0;
    padding: 0;
}

.h26-std-header .fb-ideas-buttons {
    margin: 28px 0 0 !important;
}

/* 2026 templates: h2s are never uppercase (overrides legacy 2022 rules that
   uppercase some h2s). */
.page-2026 h2,
.h26-std-header h2 {
    text-transform: none;
}