@font-face {
	font-family: "Raleway Webton";
	src: url("https://use.typekit.net/af/ec0961/0000000000000000775a06be/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: "Futura PT Webton";
	src: url("https://use.typekit.net/af/03fe6a/000000000000000077586b5b/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 800;
}

/* Shared defaults for the website and the WYSIWYG editor. */
body {
    background-color: #000;
    color: #d1d1d1;
    font-family: "Raleway Webton", Raleway, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.65;
}

#content {
    background-color: #000;
    color: #d1d1d1;
    min-height: calc(100svh - var(--body-padding, 75px));
}

#hoofdmenu > li > a {
    color: #000;
    font-family: "Futura PT Webton", Futura, Arial, sans-serif;
    font-size: 17px;
    font-weight: 800;
    text-transform: uppercase;
}

/* Explicit block palettes and plugin components retain their own styling. */
:is(.jumbotron, .mce-content-body) :is(h1, h2, h3, h4, h5, h6):where(:not(.sitenzo-home *, .sitenzo-ots *, .sitenzo-selfservice *)) {
    font-family: "Futura PT Webton", Futura, Arial, sans-serif;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

:is(.jumbotron, .mce-content-body) :is(h1, h2, h3, h4, h5, h6):where(:not([class*="stijl_achtergrondkleur_"] *, [class*="gekaderd_blok_"] *, .has-text-color, .sitenzo-home *, .sitenzo-ots *, .sitenzo-selfservice *)) {
    color: #fff;
}

:is(.jumbotron, .mce-content-body) h1:where(:not(.sitenzo-home *, .sitenzo-ots *, .sitenzo-selfservice *)) { font-size: clamp(28px, 3vw, 40px); }
:is(.jumbotron, .mce-content-body) h2:where(:not(.sitenzo-home *, .sitenzo-ots *, .sitenzo-selfservice *)) { font-size: clamp(26px, 3vw, 36px); }
:is(.jumbotron, .mce-content-body) h3:where(:not(.sitenzo-home *, .sitenzo-ots *, .sitenzo-selfservice *)) { font-size: 24px; }
:is(.jumbotron, .mce-content-body) h4:where(:not(.sitenzo-home *, .sitenzo-ots *, .sitenzo-selfservice *)) { font-size: 20px; }

:is(.jumbotron, .mce-content-body) a:where(:not([class*="button"], [class*="stijl_achtergrondkleur_"] *, [class*="gekaderd_blok_"] *, .sitenzo-home *, .sitenzo-ots *, .sitenzo-selfservice *)) {
    color: #5dc5ea;
    text-underline-offset: 3px;
}

:is(.jumbotron, .mce-content-body) a:focus-visible {
    outline: 2px solid #5dc5ea;
    outline-offset: 4px;
}

:root {
    --button-text: #000;
    --button-text-hover: #000;
    --button-bg-hover: #8ed8f1;
    --button-border-hover: #8ed8f1;
    --button-alt-bg: #101010;
    --button-alt-border: #5dc5ea;
    --button-outline-text: #5dc5ea;
    --button-outline-border: #5dc5ea;
    --button-outline-text-hover: #000;
    --button-outline-alt-text-hover: #000;
}

.button { border-radius: 0; }
.mce-content-body .button {
    background-color: #5dc5ea;
    border-color: #5dc5ea;
    color: #000 !important;
}
.mce-content-body :is(.button_alt, .button_outline, .button_outline_alt) {
    background-color: #101010;
    border-color: #5dc5ea;
    color: #5dc5ea !important;
}
ul.checklist li::before,
ul.lijst_met_pijlen li::before { color: #5dc5ea; }

/* The parent footer template still runs wp_footer() for scripts and plugins. */
#site-footer, #footer, #credits { display: none; }