/* Text block.
   Paragraph styles come from h-post/paragraph.
   Title styles are separate and come from h-post/title.
   rem matches the frontend html font-size of 10px. */

.article-landing--long p {
    margin-top: 0;
    margin-bottom: 0;
    max-width: initial;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.6em;
}

.article-landing--long p:not(:last-child) {
    margin-bottom: 2rem;
}

.article-landing--long h1,
.article-landing--long h2,
.article-landing--long h3,
.article-landing--long h4,
.article-landing--long h5 {
    margin-top: 15rem;
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;
}

.article-landing--long h1 {
    margin-bottom: 4rem !important;
    font-weight: 700;
    font-size: 7rem;
    line-height: 1em;
    text-transform: uppercase;
}

.article-landing--long h2 {
    margin-bottom: 4rem !important;
    font-weight: 700;
    font-size: 4rem;
    line-height: 1.2em;
    text-transform: uppercase;
}

.article-landing--long h3 {
    margin-bottom: 4rem !important;
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 1.2em;
    text-transform: uppercase;
}

.article-landing--long h4 {
    margin-bottom: 4rem !important;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.2em;
    text-transform: uppercase;
}

.article-landing--long h5 {
    margin-bottom: 4rem !important;
    font-size: 2rem;
}

.article-landing--long h6 {
    margin-top: 0;
    margin-bottom: 5rem;
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.2em;
    text-transform: uppercase;
}

@media (max-width: 1219px) {
    .article-landing--long h1 {
        font-size: 5.6rem;
    }
}

@media (max-width: 1024px) {
    .article-landing--long h1 {
        font-size: 4rem;
    }

    .article-landing--long h2 {
        font-size: 3.2rem;
    }

    .article-landing--long h3 {
        font-size: 2.4rem;
    }
}

@media (max-width: 767px) {
    .article-landing--long h1,
    .article-landing--long h2,
    .article-landing--long h3,
    .article-landing--long h4,
    .article-landing--long h5 {
        margin-top: 10rem;
    }

    .article-landing--long h1 {
        font-size: 3.2rem;
    }

    .article-landing--long h2 {
        font-size: 2.8rem;
    }

    .article-landing--long h3 {
        font-size: 2.2rem;
    }
}

@media (max-width: 479px) {
    .article-landing--long h1 {
        font-size: 2.8rem;
    }

    .article-landing--long h2 {
        font-size: 2.4rem;
    }

    .article-landing--long h3,
    .article-landing--long h4 {
        font-size: 1.8rem;
    }

    .article-landing--long p {
        font-size: 1.6rem;
    }
}

@media (max-width: 767px) {
    .article-landing--long p br {
        display: none;
    }
}