/* =====================================================================
   FONTS FOR THE NEW PAGES  (old pages keep using woff2.css)
   Add class="font-adlib" to any element to set it in AdLib.
   ===================================================================== */

@font-face {
    font-family: "AdLib";
    src: url("/fonts/adlibNew.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;          /* shows the text straight away in Verdana, then swaps to AdLib */
}

.font-adlib {
    font-family: Verdana, "AdLib", sans-serif;
    font-weight: normal;         /* AdLib has no bold: stops browsers faking one */
}

/* Round dot between words, e.g.  Some <span class="dot"></span> Any  */
.dot {
    display: inline-block;
    width: 0.25em;
    height: 0.25em;
    margin: 0 0.4em;          /* space either side */
    border-radius: 50%;
    background: currentColor; /* same colour as the text */
    vertical-align: 0.15em;
}