/*
   =========================================================
   ZOOM PHOTO STUDIO - TYPOGRAPHY.CSS v1.1
   =========================================================
*/

.zoom_kicker {
    margin: 0 0 1rem;
    color: var(--zoom-charcoal);
    font-family: var(--zoom-sans);
    font-size: var(--zoom-kicker-size);
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1.4;
    text-transform: uppercase;
}

.zoom_kicker_left {
    text-align: left;
}

.zoom_kicker_center {
    text-align: center;
}

.zoom_section_heading {
    margin: 0;
    color: var(--zoom-charcoal);
    font-family: var(--zoom-serif);
    font-size: var(--zoom-section-heading-medium);
    font-weight: 400;
    line-height: 1.08;
}

.zoom_section_heading_small {
    font-size: var(--zoom-section-heading-small);
}

.zoom_section_heading_large {
    font-size: var(--zoom-section-heading-large);
}

.zoom_body_copy {
    font-size: var(--zoom-body-size);
    line-height: var(--zoom-body-line);
}

.zoom_card_copy {
    font-size: var(--zoom-card-copy-size);
    line-height: 1.7;
}

/*
   =========================================================
   MOBILE SERIF HEADING WEIGHT
   Slightly stronger editorial headings on mobile only.
   This intentionally targets heading elements using the
   site's serif typeface while leaving body copy, kickers,
   navigation and buttons unchanged.
   =========================================================
*/

@media (max-width: 700px) {

    h1,
    h2,
    h3,
    .zoom_section_heading {
        font-weight: 500;
    }

}