/* Serif headings on every page except the home page (index.vue keeps Satoshi). The `serif-headings` class is set on by layouts/default.vue from the route (the body class belongs to the header's theme toggle). custom.css forces Satoshi on h1-h6 with !important, hence the !important here. Unplug: remove this file's link in nuxt.config.js and the bodyAttrs in the layout. */ html.serif-headings h1, html.serif-headings h2, html.serif-headings h3, html.serif-headings h4, html.serif-headings h5, html.serif-headings h6 { font-family: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif !important; font-optical-sizing: auto; } /* the bt-h* classes carry the system's own tracking; only untyped headings take the default */ html.serif-headings :is(h1, h2, h3, h4, h5, h6):not([class*="bt-h"]) { } html.serif-headings h1, html.serif-headings h2 { font-weight: 320 !important; } html.serif-headings h3, html.serif-headings h4, html.serif-headings h5, html.serif-headings h6 { font-weight: 420 !important; }