/* Contactpagina (contact.php). Bouwt verder op evenementen.css (kleuren, header) en formulier.css
   (het formulierblok, hier in de donkere variant). Klassen beginnen met "ct-". */

.ct-main { padding-top: 30px; }
.ct-main.pg-after-hero { padding-top: 20px; }

/* Praktisch, naast het formulier */
.ct-facts { margin: 8px 0 0; max-width: 520px; border-top: 1px solid rgba(252, 252, 252, .18); }
.ct-facts > div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 14px; padding: 13px 0; border-bottom: 1px solid rgba(252, 252, 252, .18); }
.ct-facts dt { color: #8a8a8a; font-size: 14px; padding-top: 1px; }
.ct-facts dd { margin: 0; font-size: 16px; color: #fcfcfc; }
.ct-facts a { color: #fcfcfc; font-weight: bold; }
.ct-facts dd a[target] { margin-left: 6px; font-weight: normal; }

@media (max-width: 900px) {
  .ct-main { padding-top: 16px; }
  .ct-facts > div { grid-template-columns: 100px minmax(0, 1fr); font-size: 15px; }
}