/*
 * Heading scale for rich text body copy on posts and news articles.
 * Sizes and weights follow the designer's Header Suggestions (18/09/2026):
 * h2 is a smaller version of the main article heading at ~1.5x body copy,
 * h3 and h6 share the uppercase style used for section titles (charcoal and
 * blue respectively), h4 is bold sentence case, h5 is lighter than h3.
 * Scoped to article body copy so heading styling elsewhere is unaffected.
 */

.single-news .entry-content h2,
.single-news .entry-content h3,
.single-news .entry-content h4,
.single-news .entry-content h5,
.single-news .entry-content h6,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6 {
    margin: 35px 0 10px;
    color: var(--color_black_text);
    text-align: inherit;
    line-height:1.1;
}

.single-news .entry-content h2,
.single-post .entry-content h2 {
    margin: 40px 0 15px;
    font-family: var(--font_ItemsWid_Bold);
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: none;
}

.single-news .entry-content h3,
.single-post .entry-content h3 {
    font-family: var(--font_Lato_Bold);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
}

.single-news .entry-content h4,
.single-post .entry-content h4 {
    font-family: var(--font_Lato_Regular);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.020em;
    text-transform: uppercase;
}

.single-news .entry-content h5,
.single-post .entry-content h5 {
    font-family: var(--font_Lato_Regular);
    font-size: 16.5px;
    font-weight: 700;
    letter-spacing: 0.060em;
    text-transform: uppercase;
    color: var(--color_blue);
}

.single-news .entry-content h6,
.single-post .entry-content h6 {
    font-family: var(--font_Lato_Regular);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.060em;
    text-transform: uppercase;
}

/*
@media (max-width: 767px) {

    .single-news .entry-content h2,
    .single-post .entry-content h2 {
        font-size: 26px;
    }
}
*/
