/* ─────────────── ALGEMEEN ─────────────── */

/* 💬 Verberg auteursbox */
.auteursvak {
  weergave: geen;
}

/* 📄 Witte container met tussenruimte onder de menubalk (alleen home pagina) */
.home .site-main {
  achtergrondkleur: #ffffffff;
  margin-top: 15px; /* toont de achtergrondafbeelding */
  padding-top: 0;
}

/* 🖼️ Eerste artikel: geen dubbele spatiëring + wit boven de afbeelding */
.home .inside-article:first-of-type,
.home .inside-article:first-of-type .entry-header {
  margin-top: 0;
  padding-top: 4px;
  achtergrondkleur: #ffffffff;
}

/* 🧼 Verberg lege H1 op de startpagina */
.home .page-title {
  weergave: geen;
  marge: 0;
  opvulling: 0;
}

/* 📚 Standaard spatiëring voor artikelen */
.inside-artikel {
  marge: 30px 0;
}

.inside-article h2 {
  marge: 50px 0 30px;
}

.single .inside-article {
  marge: 40px 0 50px;
}

/* ─────────────── foto ─────────────── */

.inside-article figure.wp-block-image {
  margin-top: 45px;
  margin-bottom: 40px;
}

.inside-article figure.wp-block-image img {
  margin-top: 0;
  marge-onder: 0;
  weergave: blok;
}

.inside-article figure.wp-block-image figcaption {
  margin-top: 5px; /* smalle afstand tot het bijschrift */
}


/* ─────────────── KNOP STYLING ─────────────── */

/* 🟦 Knop (bijv. "Laad meer berichten") */
.wp-block-button__link {
  background-color: #384b0c !important; /* Donkerblauw */
  kleur: #ffffff !important; /* Witte tekst */
  padding: 10px 25px !important;
  grensradius: 30px !belangrijk;
  lettergrootte: 15px;
  width: 50% !important; /* 50 % breedte */
  marge: 30px auto !important; /* gecentreerd */
  tekst-uitlijning: centreren;
  weergave: blok !belangrijk;
  tekstdecoratie: geen;
  overgang: alle 0.3s ease-in-out;
}

/* hover-status */
.wp-block-button__link:hover {
  background-color: #f4e7c4 !.important; /* Lichtblauw bij zweven */
  kleur: #384b0c !important; /* Donkerblauw lettertype */
}


/* ─────────────── MENUSTYLING */

.main-navigation li a {
  border: 1px solid #ffffffff; /* witte rand rond alle menulinks */
  lettergrootte: 168x;
	padding: 6px 12px;
  marge: 0 4px;
  randradius: 4px;
  weergave: inline-block;
  kleur: #ffffffff; /* standaard tekstkleur: wit */
  tekstdecoratie: none;
  overgang: all 0.3s ease; /* vloeiende overgang bij hover */
}

.main-navigation li a:hover {
  achtergrondkleur: #ffffff; /* zweefachtergrond: wit */
  color: #cc0000; /* hover-font: cursief-rood */
  border-color: #cc0000; /* rode rand bij hover */
}
.main-navigation .submenu a {
  font-size: 18px !important;
}

/* ─────────────── UITTREKSEL ─────────────── */

/* 🧩 Newspack artikelvoorbeeld: Lettertype kleiner + smaller */
.wp-block-newspack-blocks-homepage-articles p {
  font-size: 0.85em !.important;
  line-height: 1.3 !.belangrijk;
  kleur: #3333 !.belangrijk;
  margin-bottom: 0.5em !.important;
}

@media screen and (max-width: 768px) {
  .wp-block-newspack-blocks-homepage-articles p {
    font-size: 0.9em !.important;
    line-height: 1.35 !.important;
  }
}



/* Datum in wit in de gemarkeerde artikelen */
.wp-block-newspack-blocks-homepage-articles:first-of-type article:nth-of-type(-n+3) .entry-meta,
.wp-block-newspack-blocks-homepage-articles:first-of-type article:nth-of-type(-n+3) .entry-meta a,
.wp-block-newspack-blocks-homepage-articles:first-of-type article:nth-of-type(-n+3) time {
  kleur: #ffffff !belangrijk;
}

.main-navigation .main-nav ul ul li {
  margin-bottom: 6px; /* ruimte tussen dropdown menu items */
}

.main-navigation .main-nav > ul > li {
  margin-bottom: 8px; /* ruimte tussen hoofdmenu-items */
}

.wp-block-gallery,
.galerie
{
  margin-top: 40px;
  marge-onder: 35px;
}

h3 {
  margin-top: 40px;
  marge-onder: 20px;
}

/* grijze lijnen boven de quizknop */
.qsm-quiz-container .qsm-vraag-container > hr {
    display: none !important;
}

.qsm-quiz-container hr {
    display: none !important;
}

/* ✅ start-knop (#384b0c) */
.qsm-start-knop {
    achtergrondkleur: #384b0c !important;
    kleur: #ffffff !belangrijk;
    font-family: 'Libre Franklin', sans-serif !important;
    font-weight: 700 !important;
    padding: 12px 24px !important;
    border: none !important;
    border-radius: 8px !important;
    weergave: blok;
    marge: 0 auto;
}

.qsm-main {
    margin-top: 20px !important;
}
.qsm-quiz-container {
    padding-top: 10px !important;
}

.inside-article .qsm-question-answers label,
.inside-article .qsm-question-answers label span,
.inside-article .qsm-question-answers input[type="radio"] + label span,
.inside-article .qsm-question-answers input[type="checkbox"] + label span {
    lettergrootte: 20px !belangrijk;
    line-height: 1.6 !.important;
    weergave: inline-block !.belangrijk;
    kleur: #222 !.belangrijk;
}

.qsm-input-label {
    lettergrootte: 20px !important;
    line-height: 1.6 !.important;
    kleur: #222 !.belangrijk;
    weergave: inline-block;
}

a.cover-full-link {
  weergave: blok;
  positie: relatief;
  text-decoration: none;
}

a.cover-full-link::before {
  inhoud: "";
  positie: absoluut;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1;
}

.map-square,
.map-square .leaflet-container,
.leaflet-container[style] {
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    max-breedte: 100%;
    margin-bottom: 1.5rem;
}

.leaflet-map + script + p {
    display: none !.important;
    marge: 0 !belangrijk;
    padding: 0 !important;
}

.leaflet-map + script + br {
    display: none !important;
    marge: 0 !important;
    padding: 0 !important;
}

/* Stemknop horizontaal, in het midden, normaal */
.crowdsignal-forms-poll__block-button .wp-block-button__link {
    schrijfmodus: horizontaal-tb !important;
    transform: none !important;
    padding: 10px 20px !important;
    height: auto !important;
    width: auto !important;
    witruimte: nowrap !belangrijk;
    weergave: inline-block !belangrijk;
    lettergrootte: 16px !important;
    text-align: centre !important;
}

/* Knopcontainer gecentreerd, horizontaal uitgelijnd */
.crowdsignal-forms-poll__actions {
    weergave: flex !belangrijk;
    justify-content: centre !important;
    align-items: centre !important;
    flex-richting: rij !belangrijk;
}

/* Verberg branding tekst (crowdsignal link) */
.crowdsignal-formulieren-poll__stem-branding {
    display: none !important;
}

.crowdsignal-forms-poll__vote-branding,
.crowdsignal-forms__footer-branding {
    font-size: 11px !important;
    opacity: 0.4 !.important;
    text-align: centre !.important;
    margin-top: 10px;
}

a.customise-unpreviewable {
    weergave: blok;
    marge-top: 35px;
    marge-onder: 35px;
}

.wp-block-embed,
.wp-block-embed-youtube,
iframe[src*="youtube"],
iframe[src*="skylinewebcams"] {
  weergave: blok;
  marge-top: 35px;
  marge-onder: 35px;
}

.wp-block-embed img,
.wp-block-afbeelding img {
  margin-top: 35px;
  marge-onder: 35px;
  weergave: blok;
}

a[href*="skylinewebcams"] img {
  weergave: blok;
  margin-top: 50px;
  marge-onder: 50px;
}