/* Lyra: older theme pages share the new pages' small labels.
   The theme's ".subtitle" (18px bold, light gold) above section titles is restyled to match ".lx .label":
   11px, medium weight, wide letter-spacing, capitals, deep gold. Layout and alignment stay the theme's own. */
body .subtitle:not(.lx *) {
  font-family: mainfont, "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: .24em !important;
  text-transform: uppercase;
  color: #9a7a24 !important;
}
/* parts of a label that were given their own font in the editor */
body .subtitle:not(.lx *) * { font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; }
/* the same gap to the title as on the new pages */
body .subtitle:not(.lx *) + .title { margin-top: 14px; }
/* over photos and dark sections the label stays light, as on the new pages */
body .backgroundimagecontainer .subtitle, body .slickcontainer .subtitle, body footer .subtitle { color: #e6ca7c !important; }

/* The ".title" under it: the same serif capitals, sizes and line height as the new pages' section titles.
   Left-aligned titles follow ".lx .sec-head h2" (26–36px), centred ones ".lx .jcards-head h2" (28–40px). */
body .title:not(.lx *) {
  font-family: Times, "Times New Roman", serif !important;
  font-weight: 400 !important;
  font-size: clamp(26px, 2.6vw, 36px) !important;
  line-height: 1.15 !important;
  letter-spacing: .003em !important;
  text-transform: uppercase;
}
body .title.has-text-align-center:not(.lx *), body .title:not(.lx *):has(> center) { font-size: clamp(28px, 2.8vw, 40px) !important; line-height: 1.12 !important; }
body .title:not(.lx *) * { font-family: inherit !important; font-size: inherit !important; letter-spacing: inherit !important; }
