/* Theme additions on top of the design's own styles (design.css). */

/* State wrappers (the prototype's {{#if}} branches) draw no box of their own. */
vl-if { display:contents; }
vl-if[hidden] { display:none; }

/* Before vl.js runs (and without it): the parts the design's script sizes to
   the window. vl.js then sets the same values itself. */
@media (max-width:1239.98px) {
  html:not(.vl-js) vl-if[data-if="wide"] { display:none; }
  html:not(.vl-js) vl-if[data-if="narrow"][hidden] { display:contents; }
}
@media (max-width:899.98px) {
  html:not(.vl-js) #quote { max-width:100% !important; }
  html:not(.vl-js) [data-bt-style*="imgOrder"] { order:0 !important; }
}
@media (max-width:599.98px) {
  html:not(.vl-js) vl-if[data-if="notPhone"] { display:none; }
  html:not(.vl-js) header img[data-bt-style*="logoH"] { height:54px !important; }
}

/* Reduced motion: the tickers stand still, as the design's motionOn(). */
@media (prefers-reduced-motion: reduce) {
  [data-ticker] { animation:none !important; }
}

/* Logged-in editors: the sticky header sits below the WordPress toolbar. */
@media (min-width:783px) { body.admin-bar > header { top:32px !important; } }

/* Pages outside the design (privacy policy, terms …). */
.vl-prose { font-size:17px; line-height:1.7; color:#3a3c55; }
.vl-prose > :first-child { margin-top:0; }
.vl-prose h2 { margin:1.6em 0 .5em; font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:clamp(30px,3.2vw,40px); line-height:1; text-transform:uppercase; color:#0a0d2e; }
.vl-prose h3 { margin:1.4em 0 .4em; font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:24px; text-transform:uppercase; color:#0a0d2e; }
.vl-prose a { color:#2b2fc4; text-decoration:underline; }
.vl-prose ul, .vl-prose ol { padding-left:1.3em; }