.single-post .site-header-grad-bg,
.single-resources .site-header-grad-bg {
    padding-bottom: 0;
}

.single-post .single-meta,
.single-resources .single-meta {
    color: #000;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.45;
    margin-bottom: 4rem;
    text-align: center;
}

.single-post .single-meta span,
.single-resources .single-meta span {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0 1rem;
    display: inline-block;
}

.single-post .single-meta span + .single-meta-break,
.single-resources .single-meta span + .single-meta-break {
    display: block;
    margin-top: 1rem;
}

@media (max-width: 1029px) {
    .single-post .site-header--fade,
    .single-post .site-header--transparent,
    .single-resources .site-header--fade,
    .single-resources .site-header--transparent {
        --site-header-bg: var(--navy-200);
        --site-header-bg-image: none;
        background: var(--navy-200);
    }

    .single-post .site-header--fade .site-header-grad-bg,
    .single-post .site-header--transparent .site-header-grad-bg,
    .single-resources .site-header--fade .site-header-grad-bg,
    .single-resources .site-header--transparent .site-header-grad-bg {
        padding: 0;
    }
}

@media (min-width: 1030px) {
    .single-post,
    .single-resources {
        --single-hero-min-height: 350px;
        --single-hero-overlap: clamp(80px, calc(var(--single-hero-min-height) * 0.35), 140px);
    }

    .single-post .page-hero,
    .single-resources .page-hero {
        min-height: var(--single-hero-min-height);
    }

    .single-post .nav-breadcrumb,
    .single-resources .nav-breadcrumb {
        color: #fff;
        margin: 0;
        position: static;
        z-index: 1;
        background-color: transparent;
    }

    .single-post .nav-breadcrumb a,
    .single-resources .nav-breadcrumb a {
        color: #fff;
        text-decoration: underline;
    }

    .single-post .nav-breadcrumb a:hover,
    .single-resources .nav-breadcrumb a:hover {
        text-decoration: underline;
    }

    .single-post .sec-single,
    .single-resources .sec-single {
        padding-top: 0;
        margin-top: calc(2rem - var(--single-hero-overlap));
    }

    .single-post .sec-single .container div[class*='col-'],
    .single-resources .sec-single .container div[class*='col-'] {
        background-color: #fff;
        padding-top: 6rem;
    }

    .single-post .sec-single .single-content,
    .single-resources .sec-single .single-content {
        max-width: 69rem;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0;
        padding-left: 0;
    }

    .single-post .sec-single .single-content h1,
    .single-resources .sec-single .single-content h1 {
        font-size: 5.8rem;
        font-weight: 900;
        line-height: 1.3;
        display: block;
        text-align: center;
    }

    .single-post .sec-single .single-content h2,
    .single-resources .sec-single .single-content h2 {
        font-size: 4.8rem;
        font-weight: 900;
        letter-spacing: 0.096rem;
    }

    .single-post .sec-single .single-content h3,
    .single-resources .sec-single .single-content h3 {
        font-size: 2.4rem;
        font-weight: 600;
        line-height: 1.35;
    }

    .single-post .page-hero {
        background-color: #0a2f6c;
    }

    .single-post .nav-breadcrumb .breadcrumb_last {
        color: #bdbdbd;
    }

    .single-resources .page-hero {
        background-color: #1160ca;
    }

    .single-resources .nav-breadcrumb .breadcrumb_last {
        color: #dde2e5;
    }
}