/* De rode stipjes bij iets nieuws (nieuw-stipjes.js, sinds v014.11.712). Dezelfde kleur en dezelfde maat als de stip
   in de onderbalk van de dorpen: op de hoek van het icoontje, of vóór de tekst als een link geen icoontje heeft. Geen
   teller en geen beweging. */
.cms-nieuw-icoon {
    position: relative;
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
}
.cms-nieuw-icoon::after,
.cms-nieuw-stip,
.cms-nieuw-punt {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #C0392B;
}
/* Op de hoek van een icoontje met een randje in de kleur van de kaart, net als op de onderbalk. */
.cms-nieuw-icoon::after { position: absolute; top: -4px; right: -5px; border: 2px solid var(--fr-kaart, var(--bs-body-bg, #fff)); box-sizing: content-box; }
.cms-nieuw-stip { display: inline-block; flex: none; margin-right: 6px; vertical-align: 1px; }
/* Een bericht dat nieuw is sinds je vorige bezoek: het stipje vóór de titel. */
.cms-nieuw-punt { display: inline-block; flex: none; margin-right: 7px; vertical-align: 0.12em; }
.cms-nieuw-tekst {
    position: absolute !important;
    width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
    clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
/* Het voorbeeldstipje in de uitleg op de over-onspagina (themes/modules/stipjes/uitleg.php). */
.cms-stipjes-voorbeeld {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 2px;
    vertical-align: 1px;
    border-radius: 50%;
    background: #C0392B;
}
.cms-stipjes-klein { font-size: 0.92em; }