/* ========================================================= ALSTON — FINAL OVERRIDES Design-system invariants. These use !important deliberately. Why: 19 templates print their stylesheets inside via wp_print_styles(), so page CSS always lands after anything enqueued in . And page rules use class selectors, which outrank the element selectors a base file can reasonably use. Ordering and specificity both work against a base stylesheet, so an invariant that must hold everywhere has to say so. Keep this file small. Anything that can be fixed at source should be fixed at source instead. ========================================================= */ /* --------------------------------------------------------- 1. EVERY HEADING IS JOST Body copy is Inter. Nothing else. --------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, [class*="__title"], [class*="__heading"], [class$="-title"], [class$="-heading"] { font-family: var(--font-display) !important; } h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, [class*="__title"] *, [class*="__heading"] *, [class$="-title"] *, [class$="-heading"] * { font-family: inherit !important; } /* --------------------------------------------------------- 2. GOLD HIGHLIGHTS MATCH THEIR SURROUNDINGS A highlighted word differs in colour only — never in typeface, weight, size or slant. --------------------------------------------------------- */ .hl, h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { font-family: inherit !important; font-weight: inherit !important; font-size: inherit !important; font-style: normal !important; color: var(--gold) !important; } /* --------------------------------------------------------- 3. NO ITALICS, ANYWHERE --------------------------------------------------------- */ em, i, address, cite, dfn, var { font-style: normal !important; } /* --------------------------------------------------------- 4. NO BOLD Nothing on this site goes above 500. Semibold on small letterspaced type is unreadable, and both Jost and Inter carry authority at light weights. --------------------------------------------------------- */ strong, b { font-weight: var(--fw-medium); } button, .btn, [class*="button"], [class*="btn-"], input[type="submit"] { font-weight: var(--fw-regular) !important; }