/*
 * Brand Typography – Green Magazine
 *
 * Font roles from FONTS.zip:
 *   MAIN-Heading  : Salina           – H1, H2, major titles
 *   Alt-Heading   : Alternate Gothic  – H3, H4, section headings
 *   Body text     : Chaparral Pro    – body, paragraphs, article content
 *   Subheading    : Code Pro         – H5, H6, meta/caption/UI text
 */

/* ---------- Base body ---------- */
body {
    font-family: 'Chaparral Pro', Georgia, serif;
}

/* ---------- H1 / H2 – Salina (MAIN-Heading) ---------- */
h1, h2 {
    font-family: 'Salina', serif;
}

.single-title h1,
.image-section-title div,
.designbook-section-title div h1,
.page-title h1,
.confirmation-body h2 {
    font-family: 'Salina', serif;
}

/* ---------- H3 / H4 – Alternate Gothic (Alt-Heading) ---------- */
h3, h4 {
    font-family: 'Alternate Gothic', 'Arial Narrow', sans-serif;
}

.category-title h3,
.thumbs__title,
.thumbs__title h3,
.main-section-title,
.image-section-title p,
.section-title,
.features-table .features-title span,
.neuz-bold {
    font-family: 'Alternate Gothic', 'Arial Narrow', sans-serif;
}

/* ---------- H5 / H6 – Code Pro (Subheading) ---------- */
h5, h6 {
    font-family: 'Code Pro', Arial, sans-serif;
}

.page-title p,
.update-meta,
.update-date,
.update-category,
.breadcrumb__list,
.designbook-sidebar-menu,
button,
input,
optgroup,
select,
textarea {
    font-family: 'Code Pro', Arial, sans-serif;
}

/* ---------- Article / post body – Chaparral Pro ---------- */
.text-block {
    font-family: 'Chaparral Pro', Georgia, serif;
}

.text-block :not(input),
.text-block p,
.thumb-block__meta .article-excerpt * {
    font-family: 'Chaparral Pro', Georgia, serif !important;
}

/* Restore heading fonts inside .text-block (override the :not(input) rule above) */
.text-block h1, .text-block h2 {
    font-family: 'Salina', serif !important;
}

.text-block h3, .text-block h4 {
    font-family: 'Alternate Gothic', 'Arial Narrow', sans-serif !important;
}

.text-block h5, .text-block h6 {
    font-family: 'Code Pro', Arial, sans-serif !important;
}

.max-w {
    max-width: 1440px;
    width: 100%;
    margin: auto;
    padding: 0;
}