/* Type scale v03 (heading option 3, Modern Poppins, 18px body). Loaded from the Top Level- v2 layout.
   Scoped to the main page area: the header, dropdown panels, footer and the v03 cards keep their own styles.
   Restyles the H1 to H6 tags only; the .h1 to .h6 classes are left as they are, since pages use them for non-heading text.
   Sets font, size, weight, line height and case only. Heading colors are left alone so white text on dark heroes stays white. */

/* Sizes: phone first, then tablet (40em / 640px) and desktop (64em / 1024px) */
.v02 {
    --t-h1: 40px; --t-h2: 28px; --t-h3: 22px; --t-h4: 19px; --t-h5: 16px; --t-h6: 12px;
    --t-body: 16px; --t-lead: 18px;
}
@media (min-width: 40em) {
    .v02 { --t-h1: 56px; --t-h2: 34px; --t-h3: 25px; --t-h4: 22px; --t-h5: 18px; --t-h6: 13px; --t-body: 17px; --t-lead: 20px; }
}
@media (min-width: 64em) {
    .v02 { --t-h1: 72px; --t-h2: 40px; --t-h3: 28px; --t-h4: 24px; --t-h5: 20px; --t-h6: 13px; --t-body: 18px; --t-lead: 22px; }
}

/* H1: Anton, uppercase. Includes the page heroes and project page titles, which have their own rules today. */
.v02 main h1, .v02 main h1.h1,
.v02.projectpage main h1,
.v02 #hero.IsVsn02 h1, .v02 #hero.IsVsn02 h1.title {
    font-family: Anton, Impact, sans-serif;
    font-size: var(--t-h1);
    font-weight: 400;
    line-height: 1.05;
    text-transform: uppercase;
    letter-spacing: 0;
}

/* H2 to H6: Poppins semibold, sentence case */
.v02 main h2, .v02 main h2.h2,
.v02 main h3, .v02 main h3.h3,
.v02 main h4, .v02 main h4.h4,
.v02 main h5, .v02 main h5.h5,
.v02 main h6, .v02 main h6.h6 {
    font-family: Poppins, Arial, sans-serif;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}
.v02 main h2, .v02 main h2.h2 { font-size: var(--t-h2); line-height: 1.2; }
.v02 main h3, .v02 main h3.h3 { font-size: var(--t-h3); line-height: 1.25; }
.v02 main h4, .v02 main h4.h4 { font-size: var(--t-h4); line-height: 1.3; }
.v02 main h5, .v02 main h5.h5 { font-size: var(--t-h5); line-height: 1.35; }
.v02 main h6, .v02 main h6.h6 {
    font-size: var(--t-h6);
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: .1em;
}

/* Body text */
.v02 main p,
.v02 main .rich-text {
    font-size: var(--t-body);
    line-height: 1.65;
}
.v02 main .rich-text li,
.v02.projectpage main .cell > ul li,
.v02.projectpage main .cell > ol li {
    font-size: var(--t-body);
    line-height: 1.65;
}

/* New editor styles: a larger intro paragraph, and a small red label above a heading */
.v02 main .lead {
    font-size: var(--t-lead);
    line-height: 1.55;
    font-weight: 400;
}
.v02 main .eyebrow {
    font-family: Poppins, Arial, sans-serif;
    font-size: var(--t-h6);
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #CD0202;
}

/* Keep long text to about 70 characters per line (40em is about 720px at 18px) */
.v02 main .rich-text p,
.v02 main .rich-text ul,
.v02 main .rich-text ol,
.v02 main .rich-text blockquote,
.v02.projectpage main .cell > p,
.v02.projectpage main .cell > ul,
.v02.projectpage main .cell > ol {
    max-width: 40em;
}
/* Centered paragraphs stay centered inside that width */
.v02 main .rich-text p[style*="center"],
.v02 main .rich-text [style*="text-align: center"] p,
.v02 main .rich-text .text-center p,
.v02 main .rich-text .justify-content-center p,
.v02 main .text-center .rich-text p {
    margin-left: auto;
    margin-right: auto;
}