@charset "UTF-8";
/* - Google Fonts
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap&display=swap&family=Slackey&family=Darumadrop+One&display=swap&family=Quicksand:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap");
/*!
Theme Name: svd_theme_v2
Theme URI: https://www.stemvoordieren.nl/
Author: Aaron van Beerschoten
Author URI: https://www.stemvoordieren.nl/
Description: New original theme for Stichting Stem voor Dieren
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: svd_theme_v2
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* - Typography
--------------------------------------------------------------*/
@font-face {
  font-family: "Stone Hinge";
  src: url("inc/fonts/stonehinge-aa8m-webfont.woff2") format("woff2"), url("inc/fonts/stonehinge-aa8m-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KG The Last Time";
  src: url("inc/fonts/KGTheLastTime.woff2") format("woff2"), url("inc/fonts/KGTheLastTime.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Border */
.border-none {
  border: none !important;
}

/* Border radius */
[class^=br-],
[class*=" br-"] {
  border-radius: var(--svd-border-radius);
  overflow: hidden;
}

.br-1 {
  border-radius: var(--svd-border-radius);
  overflow: hidden;
  --svd-border-radius: 1rem;
}

.br-2 {
  border-radius: var(--svd-border-radius);
  overflow: hidden;
  --svd-border-radius: 2rem;
}

.br-3 {
  border-radius: var(--svd-border-radius);
  overflow: hidden;
  --svd-border-radius: 3rem;
}

.br-4 {
  border-radius: var(--svd-border-radius);
  overflow: hidden;
  --svd-border-radius: 4rem;
}

.br-5 {
  border-radius: var(--svd-border-radius);
  overflow: hidden;
  --svd-border-radius: 5rem;
}

/* Font weight */
[class^=fw-],
[class*=" fw-"] {
  font-weight: var(--svd-font-weight);
}

.fw-300 {
  --svd-font-weight: 300;
}

.fw-400 {
  --svd-font-weight: 400;
}

.fw-500 {
  --svd-font-weight: 500;
}

.fw-600 {
  --svd-font-weight: 600;
}

.fw-700 {
  --svd-font-weight: 700;
}

/* Shadows */
.shadow-sm {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.shadow-md {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.shadow-lg {
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16);
}

/* Aspect ratios */
.ar-1-1 {
  aspect-ratio: 1/1;
}

.ar-4-3 {
  aspect-ratio: 4/3;
}

.ar-16-9 {
  aspect-ratio: 16/9;
}

/* Object fit */
.of-cover img,
img.of-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.of-contain img,
img.of-contain {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Padding block */
.pad-block-none {
  padding-block: 0;
}

.pad-block-sm {
  padding-block: 2rem;
}

.pad-block-md {
  padding-block: 4rem;
}

.pad-block-lg {
  padding-block: 6rem;
}

.pad-block-xl {
  padding-block: 8rem;
}

/* Padding inline */
.pad-inline-none {
  padding-inline: 0;
}

.pad-inline-sm {
  padding-inline: 1rem;
}

.pad-inline-md {
  padding-inline: 2rem;
}

.pad-inline-lg {
  padding-inline: 4rem;
}

.pad-inline-xl {
  padding-inline: 6rem;
}

/* Margin block */
.margin-block-none {
  margin-block: 0;
}

.margin-block-sm {
  margin-block: 2rem;
}

.margin-block-md {
  margin-block: 4rem;
}

.margin-block-lg {
  margin-block: 6rem;
}

/* Margin inline */
.margin-inline-none {
  margin-inline: 0;
}

.margin-inline-sm {
  width: calc(clamp(18.75rem, 100%, 75rem) - 2rem);
  margin-inline: auto;
}

section.svd-section:is(.section--fluid).margin-inline-sm {
  width: calc(100vw - 2rem);
  margin-inline: auto;
}

.margin-inline-md {
  width: calc(clamp(18.75rem, 100%, 75rem) - 4rem);
  margin-inline: auto;
}

section.svd-section:is(.section--fluid).margin-inline-md {
  width: calc(100vw - 4rem);
  margin-inline: auto;
}

.margin-inline-lg {
  width: calc(clamp(18.75rem, 100%, 75rem) - 6rem);
  margin-inline: auto;
}

section.svd-section:is(.section--fluid).margin-inline-lg {
  width: calc(100vw - 6rem);
  margin-inline: auto;
}

/* Horizontal spacing */
.ml-0 {
  margin-left: 0 !important;
}

.ml-sm {
  margin-left: 0.75rem !important;
}

.ml-md {
  margin-left: 1.5rem !important;
}

.ml-lg {
  margin-left: 2.5rem !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-sm {
  margin-right: 0.75rem !important;
}

.mr-md {
  margin-right: 1.5rem !important;
}

.mr-lg {
  margin-right: 2.5rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-sm {
  margin-top: 0.75rem !important;
}

.mt-md {
  margin-top: 1.5rem !important;
}

.mt-lg {
  margin-top: 2.5rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-sm {
  margin-bottom: 0.75rem !important;
}

.mb-md {
  margin-bottom: 1.5rem !important;
}

.mb-lg {
  margin-bottom: 2.5rem !important;
}

/* Padding utilities */
/* Horizontal padding */
.pl-0 {
  padding-left: 0 !important;
}

.pl-sm {
  padding-left: 0.75rem !important;
}

.pl-md {
  padding-left: 1.5rem !important;
}

.pl-lg {
  padding-left: 2.5rem !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-sm {
  padding-right: 0.75rem !important;
}

.pr-md {
  padding-right: 1.5rem !important;
}

.pr-lg {
  padding-right: 2.5rem !important;
}

/* Vertical padding */
.pt-0 {
  padding-top: 0 !important;
}

.pt-sm {
  padding-top: 0.75rem !important;
}

.pt-md {
  padding-top: 1.5rem !important;
}

.pt-lg {
  padding-top: 2.5rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-sm {
  padding-bottom: 0.75rem !important;
}

.pb-md {
  padding-bottom: 1.5rem !important;
}

.pb-lg {
  padding-bottom: 2.5rem !important;
}

.svg-divider {
  position: absolute;
  width: 100%;
  line-height: 0;
  overflow: hidden;
  pointer-events: none;
  --divider-stretch: 3;
}
.svg-divider svg {
  display: block;
  width: calc(150% + 1px);
  min-height: 32px;
  max-height: 100px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: center;
}
.svg-divider path {
  fill: var(--svd-divider-fill, #fff);
}
.svg-divider--top {
  margin-top: -1px;
  top: 0;
}
.svg-divider--bottom {
  margin-bottom: -1px;
  bottom: -1px;
}
.svg-divider--flip svg {
  transform: translateX(-50%) scaleY(-1);
}

.svg-divider--animated {
  position: absolute;
  display: flex;
  bottom: -1px;
  left: 0px;
  width: 100%;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
}
.svg-divider--animated path {
  transform-origin: center bottom;
  will-change: transform;
}
.svg-divider--animated path:nth-of-type(1) {
  animation: 40s infinite alternate FX-divider-100 linear;
  transform: scaleX(8);
  transform-origin: 100% 100%;
  background-size: 100% 96px;
  filter: drop-shadow(0 -1em 1em rgba(0, 0, 0, 0.5));
}
.svg-divider--animated path:nth-of-type(2) {
  animation: 40s infinite alternate FX-divider-200 linear;
  transform: scaleX(4);
  transform-origin: 100% 100%;
  background-size: 100% 96px;
}

@keyframes FX-divider-100 {
  100% {
    transform: scaleX(8) translateX(87.5%);
  }
}
@keyframes FX-divider-200 {
  100% {
    transform: scaleX(4) translateX(50%);
  }
}
/* - Normalize
--------------------------------------------------------------*/
:root {
  --primary-color: #93134c;
  --secondary-color: #ffd200;
  --main-bg-color: #ffffff;
  --main-menu-primary: #ffffff;
  --main-menu-secondary: #93134c;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  scroll-padding-top: 120px;
  line-height: 1.6;
}

ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

.gf_image {
  display: block;
  min-width: calc(100% + 4rem);
  height: auto;
  margin-block: 2rem;
  margin-inline: -2rem auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.5s linear;
  border-radius: 0em;
}
@media (max-width: 500px) {
  .gf_image {
    border-radius: 0;
    margin-inline: -1em auto;
    min-width: calc(100% + 2rem);
  }
}
@media (min-width: 57.5em) {
  .gf_image {
    border-radius: 1em;
    margin-inline: -2.5rem auto;
    min-width: calc(100% + 5rem);
  }
}
@media (min-width: 75em) {
  .gf_image {
    border-radius: 2em;
    margin-inline: -5rem auto;
    min-width: calc(100% + 10rem);
  }
}

@media (max-width: 1000px) {
  header.page-header {
    padding-inline: 1rem;
  }
}

@media (max-width: 1000px) {
  .entry-content {
    padding-inline: 1rem;
  }
}
.entry-content p {
  line-height: 1.6;
  font-size: clamp(1.1125rem, 3vw, 1.25rem);
  font-family: "Ubuntu";
  font-weight: 300;
}
.entry-content a {
  --c: #e50062;
  color: rgba(0, 0, 0, 0);
  background: linear-gradient(90deg, #fff 50%, var(--c) 0) calc(100% - var(--_p, 0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) 100% no-repeat;
  -webkit-background-clip: text, padding-box;
  background-clip: text, padding-box;
  transition: 0.5s;
  font-weight: 500;
  border-radius: 10px;
  corner-shape: squircle;
  text-decoration: none;
}
.entry-content a:hover {
  --_p: 100%;
}

section.entry-content > .alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

section.entry-content > .alignwide {
  width: min(1200px, 100% + 120px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

img.wp-post-image {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  width: 75px;
  height: 75px;
  display: flex;
}

iframe.wm-embed.wm-embed-youtube,
iframe.wp-embedded-content {
  width: 100%;
  min-height: auto;
}

ul.wp-block-list {
  list-style: none;
}
ul.wp-block-list li {
  display: inline-flex;
  flex-direction: row;
}
@media (max-width: 500px) {
  ul.wp-block-list li {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
}
ul.wp-block-list li {
  gap: 1rem;
  align-items: center;
  margin-bottom: 0.5rem;
}

.entry-content ul.wp-block-list {
  list-style: none;
}
.entry-content ul.wp-block-list li {
  display: list-item;
}
.entry-content ul.wp-block-list li ul.wp-block-list {
  list-style-type: disc;
  list-style-image: none;
  list-style-position: inside;
}

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: clamp(33.75em, 100%, 112.5rem);
  margin: 0 auto;
  padding: 0 clamp(1rem, 2vw, 2rem);
}
@media (max-width: 93.75em) {
  .container {
    justify-content: center;
  }
}

.row {
  display: flex;
  width: 100%;
  max-width: clamp(33.75em, 100%, 112.5rem);
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-inline: auto;
  gap: 3em;
}
@media (max-width: 90.313em) {
  .row {
    flex-direction: column;
    gap: 1em;
  }
}
@media (max-width: 57.5em) {
  .row {
    flex-direction: column;
    gap: 1em;
  }
}

.site-logo {
  flex-shrink: 0;
  min-width: 180px;
  height: auto;
  transition: 0.25s linear;
  position: relative;
  animation: gradient-movement 10s alternate infinite ease-in-out;
  animation-delay: calc(sibling-index() * -2000ms);
  z-index: 1;
}
@media (max-width: 75em) {
  .site-logo {
    margin-top: 10px;
  }
}
.site-logo:hover svg .cls-1 {
  fill: #1c9cd7;
  transition: 0.3s linear;
}
.site-logo svg {
  transition: 0.25s linear;
}
.site-logo svg .cls-1 {
  fill: #ffd200;
  transition: 0.25s linear;
}
.site-logo svg .cls-2 {
  fill: #fff;
}

header.site-header:has(#nav-toggle.on) .site-logo svg {
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.3));
}

header.site-header[data-scrolled=scrolled] .site-logo {
  min-width: 130px;
}

@keyframes gradient-movement {
  30% {
    --rg-1-x: 70%;
    --rg-1-y: 20%;
  }
  40% {
    --rg-2-x: 120%;
    --rg-2-y: 50%;
  }
  45% {
    --rg-4-x: -10%;
    --rg-4-y: 10%;
  }
  50% {
    --rg-3-x: 50%;
    --rg-3-y: 50%;
  }
  70% {
    --rg-1-x: -10%;
    --rg-2-y: -20%;
  }
}
body.no-thumb header.site-header .site-logo svg {
  filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.1)) drop-shadow(0px -2px 0px rgba(0, 0, 0, 0.1));
}

header.site-header[data-scrolled=scrolled] .site-logo svg {
  filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.1)) drop-shadow(0px -2px 0px rgba(0, 0, 0, 0.1));
}

.has-text-align-center {
  text-align: center;
  margin-inline: auto;
}

section.page-content h1 {
  font-family: "Ubuntu";
  font-weight: 500;
}
section.page-content p {
  font-family: "Ubuntu";
  font-weight: 300;
  font-size: 1.125rem;
}
section.page-content p strong {
  font-weight: 500;
}
section.page-content .row {
  max-width: 57.5em;
}

main#primary section.section {
  display: flex;
  position: relative;
  width: 60%;
  margin-inline: auto;
  z-index: 4;
}
@media (max-width: 57.5em) {
  main#primary section.section {
    flex-direction: column;
    width: 100vw;
  }
}
main#primary section.section {
  /* Typography */
}
main#primary section.section h1,
main#primary section.section h2,
main#primary section.section h3 {
  font-family: "Ubuntu";
  text-wrap: balance;
}
main#primary section.section h1 {
  color: var(--primary-color);
  font-size: clamp(1.75rem, 1.75vw, 3rem);
  background: -webkit-linear-gradient(-100deg, #93134c, #e57190);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  max-width: 32ch;
  line-height: 1.1;
  margin: 3rem 0 1rem;
}
main#primary section.section p {
  font-family: "Ubuntu";
  font-size: clamp(1.1125rem, 3vw, 1.25rem);
  font-weight: 300;
  text-wrap: balance;
  margin-bottom: 1.125rem;
}
main#primary section.section p strong {
  font-weight: 500;
}
main#primary section.section a.fp-link {
  position: relative;
  display: inline-block;
  color: #e50062;
  text-decoration: none;
  font-weight: 500;
  transform-origin: left;
  width: -moz-max-content;
  width: max-content;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}
main#primary section.section a.fp-link::before, main#primary section.section a.fp-link::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -2px;
  left: 0;
}
main#primary section.section a.fp-link::before {
  background-color: currentColor;
  height: 3px;
  border-radius: 3px;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1), color 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}
main#primary section.section a.fp-link::after {
  content: attr(data-replace);
  transform-origin: 100% 50%;
  transform: translate3d(200%, 0, 0);
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1), color 0.3s cubic-bezier(0.76, 0, 0.24, 1);
  color: currentColor;
}
main#primary section.section a.fp-link:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
main#primary section.section a.fp-link:hover::after {
  transform: translate3d(0, 0, 0);
}
main#primary section.section .container {
  position: relative;
  anchor-name: --sidebar;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: clamp(33.75em, 100%, 93.75em);
  min-width: 300px;
  margin: 0 auto;
  padding: 0 1em;
}
@media (max-width: 93.75em) {
  main#primary section.section .container {
    justify-content: center;
  }
}
main#primary section.section .row {
  display: flex;
  width: 100%;
  max-width: clamp(33.75em, 100%, 94em);
  align-items: flex-start;
  flex-direction: row;
  margin-inline: auto;
  gap: 3em;
}
@media (max-width: 57.5em) {
  main#primary section.section .row {
    flex-direction: column;
  }
}
main#primary section.section .cards {
  display: flex;
}
main#primary section.section .sidebar {
  --top-height: calc(170px + 2rem);
  display: flex;
  align-items: center;
  margin: 3rem 0;
  background: #00c787;
  padding: 1.5rem;
  border-radius: 3em;
  corner-shape: squircle;
  aspect-ratio: 1;
  position: relative;
  flex-direction: column;
  width: 300px;
  position: sticky;
  position-anchor: --sidebar;
  top: var(--top-height);
}
@media (max-width: 57.5em) {
  main#primary section.section .sidebar {
    width: 90%;
    margin-inline: auto;
  }
}
@keyframes wiggleFX {
  0% {
    transform: rotate(-3deg) scale(1.075);
    border-radius: 5em;
    opacity: 0.5;
  }
  50% {
    transform: rotate(3deg) scale(1);
    border-radius: 2em;
    opacity: 0.15;
  }
  100% {
    transform: rotate(-3deg) scale(1.075);
    border-radius: 5em;
    opacity: 0.5;
  }
}
@keyframes borderFX {
  0% {
    border-radius: 3em;
  }
  50% {
    border-radius: 1.75em;
  }
  100% {
    border-radius: 3em;
  }
}
main#primary section.section .sidebar .widget:first-child h2 {
  margin-top: 0;
}
main#primary section.section .sidebar .widget h2 {
  font-family: "Poppins";
  font-size: clamp(1.25rem, 2vw, 1.95rem);
  color: #ffffff;
  margin: 0;
  margin-top: 2rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-radius: 3em;
  background: #fcffe6;
  background: linear-gradient(224deg, rgb(177, 255, 230) 0%, rgb(159, 255, 147) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.2));
}
main#primary section.section .sidebar .widget h2::after {
  content: ".";
  font-size: clamp(2.25rem, 3vw, 3rem);
  margin-left: 0.15rem;
  color: #fff;
}
main#primary section.section .sidebar .widget .rpwwt-widget {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main#primary section.section .sidebar .widget .rpwwt-widget ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
main#primary section.section .sidebar .widget .rpwwt-widget li {
  position: relative;
  margin: 0;
}
main#primary section.section .sidebar .widget .rpwwt-widget li:nth-child(odd) {
  border-radius: 3rem;
  corner-shape: squircle;
  background: rgba(162, 255, 160, 0.15);
}
main#primary section.section .sidebar .widget .rpwwt-widget h2 {
  font-family: "Poppins";
  color: #ffffff;
  margin: 0;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-radius: 3em;
  background: #fcffe6;
  background: linear-gradient(224deg, rgb(177, 255, 230) 0%, rgb(159, 255, 147) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.2));
}
main#primary section.section .sidebar .widget .rpwwt-widget a {
  display: flex;
  gap: 1rem;
  color: #fff;
  text-decoration: none;
  font-weight: 300;
  background: transparent;
  padding: 0.75rem;
  border-radius: 3rem;
  corner-shape: squircle;
  flex-direction: row;
  align-items: center;
  transition: 0.25s ease-in-out;
}
main#primary section.section .sidebar .widget .rpwwt-widget a:hover {
  background: #009b69;
}
main#primary section.section .sidebar .widget .rpwwt-widget img {
  border-radius: 1.5rem;
  corner-shape: squircle;
  margin: 0;
}
main#primary section.section .sidebar .widget .rpwwt-widget span.rpwwt-post-title {
  font-family: "Poppins";
  font-size: 0.95rem;
}
main#primary section.section .sidebar .widget .rpwwt-widget .rpwwt-post-date {
  position: absolute;
  bottom: 5px;
  left: 20px;
  font-family: "Poppins";
  font-size: 0.8rem;
  font-weight: 700;
}
main#primary section.section .sidebar .widget ul.wp-block-latest-posts__list.wp-block-latest-posts {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
main#primary section.section .sidebar .widget ul.wp-block-latest-posts__list.wp-block-latest-posts a {
  color: #ffffff;
  background: transparent;
  font-family: "Poppins";
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: none;
  transition: 0.25s ease-in;
  padding: 0.5rem 1rem;
  line-height: normal;
  display: flex;
  border-radius: 0.5rem;
}
main#primary section.section .sidebar .widget ul.wp-block-latest-posts__list.wp-block-latest-posts a:hover {
  color: #009a68;
  background: #ffffff;
}

main.page-main--blocks {
  font-family: "Ubuntu";
}
main.page-main--blocks .page-main--blocks {
  width: 100%;
}
main.page-main--blocks .page-builder-entry {
  width: 100%;
}
main.page-main--blocks .page-builder-entry > .entry-content,
main.page-main--blocks .page-builder-entry > .post-thumbnail,
main.page-main--blocks .page-builder-entry > .page-header {
  width: clamp(18.75rem, 100%, 75rem);
  margin-inline: auto;
  padding-block: 2rem;
}
main.page-main--blocks .wp-block-svd-section {
  width: clamp(18.75rem, 100%, 75rem);
  margin-inline: auto;
}
main.page-main--blocks .wp-block-svd-section.section--fluid {
  position: relative;
  width: 100%;
}
main.page-main--blocks .wp-block-svd-section.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

body:has(#wpadminbar) main#primary section.section .sidebar {
  --top-height: calc(170px + 2rem + 32px);
}
@media screen and (max-width: 600px) {
  body:has(#wpadminbar) #wpadminbar {
    position: fixed;
  }
}

/* - General Form Styles */
form {
  /* variables */
  --primary-form-color: oklch(43.742% 0.1643 1.214);
  --input-bg: #f9f9f9;
  --input-border: #ccc;
  --input-focus-border: var(--primary-form-color);
  --button-bg: oklch(43.742% 0.1643 1.214);
}
form label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  font-size: clamp(1rem, 3vw, 1.175rem);
  cursor: pointer;
}
form input[type=text],
form input[type=email],
form input[type=date],
form input[type=url],
form input[type=tel],
form input[type=search],
form select,
form textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  min-height: 50px;
  border: 2px solid var(--input-border);
  border-radius: 5px;
  font-size: 1rem;
  transition: border-color 0.3s ease;
}
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=date]:focus,
form input[type=url]:focus,
form input[type=tel]:focus,
form input[type=search]:focus,
form select:focus,
form textarea:focus {
  border-color: var(--input-focus-border);
  outline: none;
}
form button,
form input[type=submit] {
  background: var(--button-bg);
  color: contrast-color(var(--button-bg));
  padding: 0.75rem 1.5rem;
  margin-block: 1rem;
  border: none;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 300;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
form button:hover,
form input[type=submit]:hover {
  background: color-mix(in oklab, var(--button-bg), black 15%);
  color: contrast-color(color-mix(in oklab, var(--button-bg), black 15%));
}

section.svd-section {
  --color-accent: lightpink;
  transition: all 0.3s linear;
}
section.svd-section * {
  font-family: "Ubuntu", sans-serif;
}
section.svd-section {
  /* Headings */
}
section.svd-section h1,
section.svd-section h2,
section.svd-section h3 {
  font-weight: 500;
  line-height: 1.2;
  text-wrap: balance;
  margin-block-start: 2rem;
  margin-block-end: 1rem;
}
section.svd-section h1 {
  font-size: clamp(1.875rem, 3vw, 2.5rem);
}
section.svd-section h2 {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
}
section.svd-section h3 {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}
section.svd-section {
  /* Padding block */
}
section.svd-section .pad-block-none, section.svd-section.pad-block-none {
  padding-block: 0;
}
section.svd-section .pad-block-sm, section.svd-section.pad-block-sm {
  padding-block: 2rem;
}
section.svd-section .pad-block-md, section.svd-section.pad-block-md {
  padding-block: 4rem;
}
section.svd-section .pad-block-lg, section.svd-section.pad-block-lg {
  padding-block: 6rem;
}
section.svd-section .pad-block-xl, section.svd-section.pad-block-xl {
  padding-block: 8rem;
}
section.svd-section {
  /* Padding inline */
}
section.svd-section .pad-inline-none, section.svd-section.pad-inline-none {
  padding-inline: 0;
}
section.svd-section .pad-inline-sm, section.svd-section.pad-inline-sm {
  padding-inline: 1rem;
}
section.svd-section .pad-inline-md, section.svd-section.pad-inline-md {
  padding-inline: 2rem;
}
section.svd-section .pad-inline-lg, section.svd-section.pad-inline-lg {
  padding-inline: 4rem;
}
section.svd-section .pad-inline-xl, section.svd-section.pad-inline-xl {
  padding-inline: 6rem;
}
section.svd-section {
  /* Margin block */
}
section.svd-section .margin-block-none, section.svd-section.margin-block-none {
  margin-block: 0;
}
section.svd-section .margin-block-sm, section.svd-section.margin-block-sm {
  margin-block: 2rem;
}
section.svd-section .margin-block-md, section.svd-section.margin-block-md {
  margin-block: 4rem;
}
section.svd-section .margin-block-lg, section.svd-section.margin-block-lg {
  margin-block: 6rem;
}
section.svd-section.margin-inline-none,
section.svd-section .margin-inline-none {
  margin-inline: 0 !important;
}
section.svd-section {
  /* Margin inline */
}
section.svd-section.margin-inline-sm,
section.svd-section .margin-inline-sm {
  --min-rem: 2rem;
  width: calc(clamp(18.75rem, 100%, 75rem) - var(--min-rem));
  margin-inline: auto;
}
section.svd-section:is(.section--fluid).margin-inline-sm {
  width: calc(100vw - var(--min-rem));
  margin-inline: auto;
}
section.svd-section.margin-inline-md,
section.svd-section .margin-inline-md {
  --min-rem: 4rem;
  width: calc(clamp(18.75rem, 100%, 75rem) - var(--min-rem));
  margin-inline: auto;
}
@media (max-width: 500px) {
  section.svd-section.margin-inline-md,
  section.svd-section .margin-inline-md {
    --min-rem: 2rem;
  }
}
section.svd-section:is(.section--fluid).margin-inline-md {
  width: calc(100vw - var(--min-rem));
  margin-inline: auto;
}
section.svd-section.margin-inline-lg,
section.svd-section .margin-inline-lg {
  --min-rem: 6rem;
  width: calc(clamp(18.75rem, 100%, 75rem) - var(--min-rem));
  margin-inline: auto;
}
@media (max-width: 500px) {
  section.svd-section.margin-inline-lg,
  section.svd-section .margin-inline-lg {
    --min-rem: 2rem;
  }
}
section.svd-section:is(.section--fluid).margin-inline-lg {
  width: calc(100vw - var(--min-rem));
  margin-inline: auto;
}
section.svd-section.margin-inline-xl,
section.svd-section .margin-inline-xl {
  --min-rem: 8rem;
  width: calc(clamp(18.75rem, 100%, 75rem) - var(--min-rem));
  margin-inline: auto;
}
@media (max-width: 500px) {
  section.svd-section.margin-inline-xl,
  section.svd-section .margin-inline-xl {
    --min-rem: 2rem;
  }
}
section.svd-section:is(.section--fluid).margin-inline-xl {
  width: calc(100vw - var(--min-rem));
  margin-inline: auto;
}
section.svd-section ul.wp-block-list {
  display: flex;
  flex-direction: column;
  font-size: clamp(1.1125rem, 3vw, 1.25rem);
  font-weight: 300;
}
section.svd-section ul.wp-block-list li {
  display: list-item;
  list-style: disc inside;
  color: #000;
}
section.svd-section {
  /* Text */
}
section.svd-section p {
  font-size: clamp(1.1125rem, 3vw, 1.25rem);
  font-weight: 300;
  text-wrap: unset;
}
section.svd-section strong {
  font-weight: 500;
}
section.svd-section .has-small-font-size {
  font-size: clamp(0.8rem, 2vw, 0.9rem);
}
section.svd-section .has-small-font-size strong {
  font-weight: 600;
}
section.svd-section figure:is(.br-1, .br-2, .br-3, .br-4, .br-5) {
  overflow: hidden;
  margin-inline: 2rem;
}
@media (max-width: 500px) {
  section.svd-section figure:is(.br-1, .br-2, .br-3, .br-4, .br-5) {
    border-radius: 0;
    margin-inline: 0;
  }
  section.svd-section figure:is(.br-1, .br-2, .br-3, .br-4, .br-5) img {
    border-radius: 0;
  }
}
section.svd-section figure.wp-block-image a {
  display: block;
  min-height: 100%;
}
section.svd-section a:not([class]) {
  --c: #a53251;
  color: rgba(0, 0, 0, 0);
  background: linear-gradient(90deg, #fff 50%, var(--c) 0) calc(100% - var(--_p, 0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) 100% no-repeat;
  -webkit-background-clip: text, padding-box;
  padding-inline: 2px;
  background-clip: text, padding-box;
  transition: 0.5s;
  font-weight: 500;
  border-radius: 10px;
  corner-shape: squircle;
  text-decoration: none;
  word-break: break-all;
}
section.svd-section a:not([class]):hover {
  --_p: 100%;
}
section.svd-section a:not([class]):is(.svd-topic-mosaic__item) {
  border-radius: 0;
}
section.svd-section .cta-button {
  font-family: "Ubuntu";
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  font-size: 1.125rem;
  padding: 0.25lh 3ch;
  border-radius: 100vw;
  border: 5px solid transparent;
  corner-shape: squircle;
  transition: --button-fill 1s, --button-fill-stop 0.5s;
  animation: gradient-movement 10s alternate infinite ease-in-out;
  animation-delay: calc(sibling-index() * -2000ms);
  background: radial-gradient(circle, var(--button-fill) var(--button-fill-stop), transparent) padding-box, radial-gradient(circle 120px at var(--rg-1-x) var(--rg-1-y), #ff68e6, transparent) border-box, radial-gradient(circle 150px at var(--rg-2-x) var(--rg-2-y), #c22e6c, transparent) border-box, radial-gradient(circle 160px at var(--rg-3-x) var(--rg-3-y), #428dca, transparent) border-box, radial-gradient(circle 200px at var(--rg-4-x) var(--rg-4-y), #792e9c, transparent) border-box;
  background-position: center, center, bottom right, top left, top right, bottom left;
  background-repeat: no-repeat;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.35));
  z-index: 2;
}
@media screen and (max-width: 57.5em) {
  section.svd-section .cta-button {
    width: 100%;
    max-width: 300px;
    text-align: center;
  }
}
section.svd-section .cta-button:hover, section.svd-section .cta-button:focus-visible {
  --button-fill-stop: 100%;
  --button-fill: var(--button-fill-hover, black);
}
section.svd-section .cta-button.bordered {
  --button-fill-stop: 100%;
  --button-fill: black;
}
section.svd-section .cta-button.bordered:is(:hover, :focus-visible) {
  --button-fill-stop: 0%;
  --button-fill: transparent;
}
@keyframes gradient-movement {
  30% {
    --rg-1-x: 70%;
    --rg-1-y: 20%;
  }
  40% {
    --rg-2-x: 120%;
    --rg-2-y: 50%;
  }
  45% {
    --rg-4-x: -10%;
    --rg-4-y: 10%;
  }
  50% {
    --rg-3-x: 50%;
    --rg-3-y: 50%;
  }
  70% {
    --rg-1-x: -10%;
    --rg-2-y: -20%;
  }
}
section.svd-section figure:is(.ar-portrait) img {
  aspect-ratio: 3/4;
  -o-object-fit: cover;
     object-fit: cover;
}
section.svd-section figure:is(.ar-landscape) img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
section.svd-section .wp-block-image img {
  display: block;
  width: 100%;
  height: auto;
}
section.svd-section .svd-quiz__shell {
  --svd-quiz-accent: #d45678;
  --svd-quiz-accent-dark: #a53251;
  --svd-quiz-answer-bg: #f5ebf1;
  --svd-quiz-border: #cfadb8;
  --svd-quiz-submit-btn-color: #fff;
  --svd-quiz-submit-btn-color-hover: #fff;
  width: calc(100% - 2rem);
}
section.svd-section .svd-quiz__shell * {
  transition: all 0.25s ease-in-out;
}
section.svd-section .svd-quiz__shell .svd-quiz__button--primary {
  color: var(--svd-quiz-submit-btn-color, #333);
}
section.svd-section .svd-quiz__shell .svd-quiz__button--primary:hover {
  color: var(--svd-quiz-submit-btn-color-hover, #fff);
}
section.svd-section .svd-quiz__shell .svd-quiz__answer.is-selected {
  --svd-quiz-is-selected-bg: #d45678;
  --svd-quiz-is-selected-border: #d45678;
  background-color: var(--svd-quiz-is-selected-bg);
  border-color: var(--svd-quiz-is-selected-border);
  color: #fff;
}
section.svd-section .svd-quiz__shell .svd-quiz__answer.is-selected .svd-quiz__answer-badge {
  background: #fff;
  color: var(--svd-quiz-is-selected-bg);
  transition: all 0.25s ease-in-out;
}
section.svd-section {
  /* Border radius */
}
section.svd-section[class^=br-],
section.svd-section [class^=br-],
section.svd-section [class*=" br-"] {
  border-radius: var(--svd-border-radius);
  overflow: hidden;
}
section.svd-section.br-0,
section.svd-section .br-0 {
  border-radius: 0;
}
section.svd-section.br-1,
section.svd-section .br-1 {
  border-radius: var(--svd-border-radius);
  overflow: hidden;
  --svd-border-radius: 1rem;
}
section.svd-section.br-2,
section.svd-section .br-2 {
  border-radius: var(--svd-border-radius);
  overflow: hidden;
  --svd-border-radius: 2rem;
}
section.svd-section.br-3,
section.svd-section .br-3 {
  border-radius: var(--svd-border-radius);
  overflow: hidden;
  --svd-border-radius: 3rem;
}
section.svd-section.br-4,
section.svd-section .br-4 {
  border-radius: var(--svd-border-radius);
  overflow: hidden;
  --svd-border-radius: 4rem;
}
section.svd-section.br-5,
section.svd-section .br-5 {
  border-radius: var(--svd-border-radius);
  overflow: hidden;
  --svd-border-radius: 5rem;
}
section.svd-section.br-tl-0,
section.svd-section .br-tl-0 {
  border-top-left-radius: 0;
}
section.svd-section.br-tl-1,
section.svd-section .br-tl-1 {
  border-top-left-radius: var(--svd-border-radius);
  --svd-border-radius: 1rem;
}
section.svd-section.br-tl-2,
section.svd-section .br-tl-2 {
  border-top-left-radius: var(--svd-border-radius);
  --svd-border-radius: 2rem;
}
section.svd-section.br-tl-3,
section.svd-section .br-tl-3 {
  border-top-left-radius: var(--svd-border-radius);
  --svd-border-radius: 3rem;
}
section.svd-section.br-tl-4,
section.svd-section .br-tl-4 {
  border-top-left-radius: var(--svd-border-radius);
  --svd-border-radius: 4rem;
}
section.svd-section.br-tl-5,
section.svd-section .br-tl-5 {
  border-top-left-radius: var(--svd-border-radius);
  --svd-border-radius: 5rem;
}
section.svd-section.br-tr-0,
section.svd-section .br-tr-0 {
  border-top-right-radius: 0;
}
section.svd-section.br-tr-1,
section.svd-section .br-tr-1 {
  border-top-right-radius: var(--svd-border-radius);
  --svd-border-radius: 1rem;
}
section.svd-section.br-tr-2,
section.svd-section .br-tr-2 {
  border-top-right-radius: var(--svd-border-radius);
  --svd-border-radius: 2rem;
}
section.svd-section.br-tr-3,
section.svd-section .br-tr-3 {
  border-top-right-radius: var(--svd-border-radius);
  --svd-border-radius: 3rem;
}
section.svd-section.br-tr-4,
section.svd-section .br-tr-4 {
  border-top-right-radius: var(--svd-border-radius);
  --svd-border-radius: 4rem;
}
section.svd-section.br-tr-5,
section.svd-section .br-tr-5 {
  border-top-right-radius: var(--svd-border-radius);
  --svd-border-radius: 5rem;
}
section.svd-section.br-bl-0,
section.svd-section .br-bl-0 {
  border-bottom-left-radius: 0;
}
section.svd-section.br-bl-1,
section.svd-section .br-bl-1 {
  border-bottom-left-radius: var(--svd-border-radius);
  --svd-border-radius: 1rem;
}
section.svd-section.br-bl-2,
section.svd-section .br-bl-2 {
  border-bottom-left-radius: var(--svd-border-radius);
  --svd-border-radius: 2rem;
}
section.svd-section.br-bl-3,
section.svd-section .br-bl-3 {
  border-bottom-left-radius: var(--svd-border-radius);
  --svd-border-radius: 3rem;
}
section.svd-section.br-bl-4,
section.svd-section .br-bl-4 {
  border-bottom-left-radius: var(--svd-border-radius);
  --svd-border-radius: 4rem;
}
section.svd-section.br-bl-5,
section.svd-section .br-bl-5 {
  border-bottom-left-radius: var(--svd-border-radius);
  --svd-border-radius: 5rem;
}
section.svd-section.br-br-0,
section.svd-section .br-br-0 {
  border-bottom-right-radius: 0;
}
section.svd-section.br-br-1,
section.svd-section .br-br-1 {
  border-bottom-right-radius: var(--svd-border-radius);
  --svd-border-radius: 1rem;
}
section.svd-section.br-br-2,
section.svd-section .br-br-2 {
  border-bottom-right-radius: var(--svd-border-radius);
  --svd-border-radius: 2rem;
}
section.svd-section.br-br-3,
section.svd-section .br-br-3 {
  border-bottom-right-radius: var(--svd-border-radius);
  --svd-border-radius: 3rem;
}
section.svd-section.br-br-4,
section.svd-section .br-br-4 {
  border-bottom-right-radius: var(--svd-border-radius);
  --svd-border-radius: 4rem;
}
section.svd-section.br-br-5,
section.svd-section .br-br-5 {
  border-bottom-right-radius: var(--svd-border-radius);
  --svd-border-radius: 5rem;
}
section.svd-section {
  /* Font weight */
}
section.svd-section[class^=fw-],
section.svd-section [class^=fw-],
section.svd-section [class*=" fw-"] {
  font-weight: var(--svd-font-weight);
}
section.svd-section .fw-300 {
  --svd-font-weight: 300;
}
section.svd-section .fw-400 {
  --svd-font-weight: 400;
}
section.svd-section .fw-500 {
  --svd-font-weight: 500;
}
section.svd-section .fw-600 {
  --svd-font-weight: 600;
}
section.svd-section .fw-700 {
  --svd-font-weight: 700;
}
section.svd-section {
  /* Shadows */
}
section.svd-section .shadow-sm {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
section.svd-section .shadow-md {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
section.svd-section .shadow-lg {
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16);
}
section.svd-section {
  /* Aspect ratios */
}
section.svd-section .ar-1-1 {
  aspect-ratio: 1/1;
}
section.svd-section .ar-4-3 {
  aspect-ratio: 4/3;
}
section.svd-section .ar-16-9 {
  aspect-ratio: 16/9;
}
section.svd-section {
  /* Object fit */
}
section.svd-section .of-cover img,
section.svd-section img.of-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.svd-section .of-contain img,
section.svd-section img.of-contain {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
section.svd-section {
  /* Horizontal spacing */
}
section.svd-section.ml-0,
section.svd-section .ml-0 {
  margin-left: 0 !important;
}
section.svd-section.ml-sm,
section.svd-section .ml-sm {
  margin-left: 1rem !important;
}
section.svd-section.ml-md,
section.svd-section .ml-md {
  margin-left: 2rem !important;
}
section.svd-section.ml-lg,
section.svd-section .ml-lg {
  margin-left: 4rem !important;
}
section.svd-section.ml-xl,
section.svd-section .ml-xl {
  margin-left: 6rem !important;
}
section.svd-section.mr-0,
section.svd-section .mr-0 {
  margin-right: 0 !important;
}
section.svd-section.mr-sm,
section.svd-section .mr-sm {
  margin-right: 1rem !important;
}
section.svd-section.mr-md,
section.svd-section .mr-md {
  margin-right: 2rem !important;
}
section.svd-section.mr-lg,
section.svd-section .mr-lg {
  margin-right: 4rem !important;
}
section.svd-section.mr-xl,
section.svd-section .mr-xl {
  margin-right: 6rem !important;
}
section.svd-section.mt-0,
section.svd-section .mt-0 {
  margin-top: 0 !important;
}
section.svd-section.mt-sm,
section.svd-section .mt-sm {
  margin-top: 1rem !important;
}
section.svd-section.mt-md,
section.svd-section .mt-md {
  margin-top: 2rem !important;
}
section.svd-section.mt-lg,
section.svd-section .mt-lg {
  margin-top: 4rem !important;
}
section.svd-section.mt-xl,
section.svd-section .mt-xl {
  margin-top: 6rem !important;
}
section.svd-section.mb-0,
section.svd-section .mb-0 {
  margin-bottom: 0 !important;
}
section.svd-section.mb-sm,
section.svd-section .mb-sm {
  margin-bottom: 1rem !important;
}
section.svd-section.mb-md,
section.svd-section .mb-md {
  margin-bottom: 2rem !important;
}
section.svd-section.mb-lg,
section.svd-section .mb-lg {
  margin-bottom: 4rem !important;
}
section.svd-section.mb-xl,
section.svd-section .mb-xl {
  margin-bottom: 6rem !important;
}
section.svd-section {
  /* Padding utilities */
  /* Horizontal padding */
}
section.svd-section.pl-0,
section.svd-section .pl-0 {
  padding-left: 0 !important;
}
section.svd-section.pl-sm,
section.svd-section .pl-sm {
  padding-left: 0.75rem !important;
}
section.svd-section.pl-md,
section.svd-section .pl-md {
  padding-left: 1.5rem !important;
}
section.svd-section.pl-lg,
section.svd-section .pl-lg {
  padding-left: 2.5rem !important;
}
section.svd-section.pr-0,
section.svd-section .pr-0 {
  padding-right: 0 !important;
}
section.svd-section.pr-sm,
section.svd-section .pr-sm {
  padding-right: 0.75rem !important;
}
section.svd-section.pr-md,
section.svd-section .pr-md {
  padding-right: 1.5rem !important;
}
section.svd-section.pr-lg,
section.svd-section .pr-lg {
  padding-right: 2.5rem !important;
}
section.svd-section {
  /* Vertical padding */
}
section.svd-section.pt-0,
section.svd-section .pt-0 {
  padding-top: 0 !important;
}
section.svd-section.pt-sm,
section.svd-section .pt-sm {
  padding-top: 0.75rem !important;
}
section.svd-section.pt-md,
section.svd-section .pt-md {
  padding-top: 1.5rem !important;
}
section.svd-section.pt-lg,
section.svd-section .pt-lg {
  padding-top: 2.5rem !important;
}
section.svd-section.pb-0,
section.svd-section .pb-0 {
  padding-bottom: 0 !important;
}
section.svd-section.pb-sm,
section.svd-section .pb-sm {
  padding-bottom: 0.75rem !important;
}
section.svd-section.pb-md,
section.svd-section .pb-md {
  padding-bottom: 1.5rem !important;
}
section.svd-section.pb-lg,
section.svd-section .pb-lg {
  padding-bottom: 2.5rem !important;
}
section.svd-section.is-variant-default {
  background: #fff;
  color: #222;
}
section.svd-section.is-variant-accent {
  background: var(--color-accent);
  color: #fff;
}
section.svd-section.is-variant-muted {
  background: #f5f5f5;
}
section.svd-section.section--fluid {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
}
section.svd-section.section--fluid .svd-section__inner {
  max-width: none;
}
section.svd-section div.cards-wrapper article.svd-card a {
  display: block;
  color: #05492f;
  transition: all 0.25s ease-in-out;
}
section.svd-section div.cards-wrapper article.svd-card a:hover {
  color: #05492f;
}
section.svd-section div.cards-wrapper article.svd-card a:hover .svd-card__body {
  --card-body-bg: #7bdcb5;
}
section.svd-section div.cards-wrapper article.svd-card a .svd-card__body {
  --card-body-bg: #fff;
  background-color: var(--card-body-bg);
  transition: all 0.25s ease-in-out;
}
section.svd-section.section--:has(.svd-split) .wp-block-svd-split.svd-split {
  gap: 0;
}
section.svd-section.section--:has(.svd-split) {
  padding-block: 0;
}
section.svd-section.section--:is(.section--fluid) {
  border-radius: 0;
  padding-block: 3rem;
}
section.svd-section.section--:has(.image-right) {
  padding-left: 2rem;
}
@media (max-width: 782px) {
  section.svd-section.section--:has(.image-right) {
    padding-left: 0;
  }
}
section.svd-section.section--:has(.image-left) {
  padding-right: 2rem;
}
@media (max-width: 782px) {
  section.svd-section.section--:has(.image-left) {
    padding-right: 0;
  }
}
section.svd-section.section-- figure:is(.br-1, .br-2, .br-3, .br-4, .br-5) {
  overflow: hidden;
  margin-inline: 0;
}
@media (max-width: 500px) {
  section.svd-section.section-- figure:is(.br-1, .br-2, .br-3, .br-4, .br-5) img {
    border-radius: 0;
  }
}
section.svd-section.section-- .svd-split__media img {
  display: block;
  min-height: 100%;
  width: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: clamp(1rem, 2vw, 2rem);
  transition: all 0.25s ease-in-out;
}
@media (max-width: 782px) {
  section.svd-section.section-- .svd-split__media img {
    aspect-ratio: 1/1;
    -o-object-position: center;
       object-position: center;
    min-height: auto;
    max-height: 320px;
    width: 100%;
  }
}
section.svd-section.section-- .svd-split__content {
  padding-block: 2rem;
}
@media (max-width: 782px) {
  section.svd-section.section-- .svd-split__content {
    padding-block: 0 2rem;
    padding-inline: 2rem;
  }
}
section.svd-section.section-- .svd-split__content a.svd-split__button {
  display: inline-flex;
  background: #97104a;
  color: #fff;
  transition: 0.25s ease-in-out;
  border: none;
  border-radius: 1rem;
}
section.svd-section.section-- .svd-split__content a.svd-split__button:hover, section.svd-section.section-- .svd-split__content a.svd-split__button:focus-visible {
  background: #fff;
  color: #97104a;
  transform: translateY(-4px);
}
section.svd-section.section-- .svd-section__inner {
  max-width: none;
}
section.svd-section {
  /* Accordion */
}
section.svd-section .wp-block-svd-accordion strong {
  font-weight: 500;
}
section.svd-section .wp-block-svd-accordion figure.wp-block-image {
  margin-block: 1rem;
}
section.svd-section .wp-block-svd-accordion .wp-block-svd-accordion-item .svd-accordion-item__title {
  font-size: clamp(1.1125rem, 3vw, 1.25rem);
  font-weight: 500;
}
section.svd-section .wp-block-svd-accordion .wp-block-svd-accordion-item .svd-accordion-item__inner > :first-child {
  margin-block: 1rem;
}

.entry-content section.svd-section {
  /* Padding block */
}
.entry-content section.svd-section.pad-block-none {
  padding-block: 0;
}
.entry-content section.svd-section.pad-block-sm {
  padding-block: 2rem;
}
.entry-content section.svd-section.pad-block-md {
  padding-block: 4rem;
}
.entry-content section.svd-section.pad-block-lg {
  padding-block: 6rem;
}
.entry-content section.svd-section.pad-block-xl {
  padding-block: 8rem;
}
.entry-content section.svd-section {
  /* Padding inline */
}
.entry-content section.svd-section.pad-inline-none {
  padding-inline: 0;
}
.entry-content section.svd-section.pad-inline-sm {
  padding-inline: 1rem;
}
.entry-content section.svd-section.pad-inline-md {
  padding-inline: 2rem;
}
.entry-content section.svd-section.pad-inline-lg {
  padding-inline: 4rem;
}
.entry-content section.svd-section {
  /* Margin block */
}
.entry-content section.svd-section.margin-block-none {
  margin-block: 0;
}
.entry-content section.svd-section.margin-block-sm {
  margin-block: 2rem;
}
.entry-content section.svd-section.margin-block-md {
  margin-block: 4rem;
}
.entry-content section.svd-section.margin-block-lg {
  margin-block: 6rem;
}
.entry-content section.svd-section.section--:has(.svd-split) {
  padding-block: 0;
}
.entry-content section.svd-section.section--:is(.section--fluid) {
  border-radius: 0;
  padding-block: 3rem;
}
.entry-content section.svd-section.section--:has(.image-right) {
  padding-left: 2rem;
}
@media (max-width: 782px) {
  .entry-content section.svd-section.section--:has(.image-right) {
    padding-left: 0;
  }
}
.entry-content section.svd-section.section--:has(.image-left) {
  padding-right: 2rem;
}
@media (max-width: 782px) {
  .entry-content section.svd-section.section--:has(.image-left) {
    padding-right: 0;
  }
}
.entry-content section.svd-section.section--:has(figure:is(.br-1, .br-2, .br-3, .br-4, .br-5)) {
  overflow: hidden;
  margin-inline: 0;
}
@media (max-width: 500px) {
  .entry-content section.svd-section.section--:has(figure:is(.br-1, .br-2, .br-3, .br-4, .br-5)) img {
    border-radius: 0;
  }
}
.entry-content section.svd-section.section-- .svd-split__media img {
  display: block;
  min-height: 100%;
  width: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: clamp(1rem, 2vw, 2rem);
  transition: all 0.25s ease-in-out;
}
@media (max-width: 782px) {
  .entry-content section.svd-section.section-- .svd-split__media img {
    aspect-ratio: 1/1;
    -o-object-position: center;
       object-position: center;
    min-height: auto;
    max-height: 320px;
    width: 100%;
  }
}
.entry-content section.svd-section.section-- .svd-split__content {
  padding-block: 2rem;
}
@media (max-width: 782px) {
  .entry-content section.svd-section.section-- .svd-split__content {
    padding-block: 0 2rem;
    padding-inline: 2rem;
  }
}
.entry-content section.svd-section.section-- .svd-split__content a.svd-split__button {
  display: inline-flex;
  background: #97104a;
  color: #fff;
  transition: 0.25s ease-in-out;
  border: none;
  border-radius: 1rem;
}
.entry-content section.svd-section.section-- .svd-split__content a.svd-split__button:hover, .entry-content section.svd-section.section-- .svd-split__content a.svd-split__button:focus-visible {
  background: #fff;
  color: #97104a;
  transform: translateY(-4px);
}
.entry-content section.svd-section.section-- .svd-section__inner {
  max-width: none;
}
.entry-content section.svd-section .svd-news-overview {
  width: 100%;
}
.entry-content section.svd-section .svd-news-overview .svd-news-overview__header {
  margin-bottom: 1.75rem;
}
.entry-content section.svd-section .svd-news-overview .svd-news-overview__title {
  margin: 0;
  font-size: clamp(1.875rem, 3vw, 2.5rem);
  line-height: 1.1;
}
.entry-content section.svd-section .svd-news-overview .svd-news-overview__rows {
  display: grid;
  gap: 1.5rem;
}
.entry-content section.svd-section .svd-news-overview .svd-news-row {
  display: grid;
  gap: 1.5rem;
}
.entry-content section.svd-section .svd-news-overview .svd-news-row--big-left,
.entry-content section.svd-section .svd-news-overview .svd-news-row--big-right {
  grid-template-columns: minmax(0, 1fr);
}
.entry-content section.svd-section .svd-news-overview .svd-news-row__stack {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .entry-content section.svd-section .svd-news-overview .svd-news-row__stack {
    height: 430px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
  .entry-content section.svd-section .svd-news-overview .news-card--small {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  .entry-content section.svd-section .svd-news-overview .news-card--small .news-card__media {
    aspect-ratio: auto;
    background: #d9d9d9;
    overflow: hidden;
  }
  .entry-content section.svd-section .svd-news-overview .news-card--small .news-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .entry-content section.svd-section .svd-news-overview .news-card--small .news-card__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    padding: 0.95rem 1rem 1rem;
  }
  .entry-content section.svd-section .svd-news-overview .news-card--small .news-card__title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0.5rem;
  }
  .entry-content section.svd-section .svd-news-overview .news-card--small .news-card__excerpt {
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.45;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #555;
  }
}
.entry-content section.svd-section .svd-news-overview .news-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  transition: 300ms ease-in-out;
}
.entry-content section.svd-section .svd-news-overview .news-card--featured {
  height: 430px;
  min-height: 0;
  justify-content: flex-end;
  padding: 1.5rem;
  background: var(--bg);
  background-size: 120%;
  background-position: center;
  transition: all 280ms ease;
}
.entry-content section.svd-section .svd-news-overview .news-card--featured:hover {
  background-size: 140%;
}
@media (max-width: 1024px) {
  .entry-content section.svd-section .svd-news-overview .news-card--featured {
    background-size: cover;
  }
  .entry-content section.svd-section .svd-news-overview .news-card--featured:hover {
    background-size: cover;
  }
  .entry-content section.svd-section .svd-news-overview .news-card--featured:hover::before {
    transition: 0.25s ease-in-out;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.44) 35%, rgba(0, 0, 0, 0.66) 100%);
  }
}
.entry-content section.svd-section .svd-news-overview .news-card--featured::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.22) 35%, rgba(0, 0, 0, 0.58) 100%);
}
.entry-content section.svd-section .svd-news-overview .news-card--featured .news-card__content,
.entry-content section.svd-section .svd-news-overview .news-card--featured .news-card__meta {
  position: relative;
  z-index: 1;
  color: #fff;
  background: none;
  padding: 0;
}
.entry-content section.svd-section .svd-news-overview .news-card--small:hover .news-card__content {
  background: #e4f0c1;
}
@media (min-width: 768px) {
  .entry-content section.svd-section .svd-news-overview .news-card.news-card--small:hover {
    transform: translateY(-8px);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  }
}
.entry-content section.svd-section .svd-news-overview .news-card--small:hover .news-card__cta {
  transform: translateX(4px);
}
.entry-content section.svd-section .svd-news-overview .news-card--small .news-card__meta {
  padding: 0;
  background: none;
}
.entry-content section.svd-section .svd-news-overview .news-card--small .news-card__media {
  aspect-ratio: 1/1;
  background: #d9d9d9;
  overflow: hidden;
}
.entry-content section.svd-section .svd-news-overview .news-card--small .news-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.entry-content section.svd-section .svd-news-overview .news-card--small .news-card__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1.125rem 1.125rem 1.25rem;
  transition: all 0.25s ease-in-out;
}
.entry-content section.svd-section .svd-news-overview .news-card__title {
  margin: 0 0 0.75rem;
  font-size: 1.25rem;
  line-height: 1.2;
}
.entry-content section.svd-section .svd-news-overview .news-card--featured .news-card__title {
  font-size: clamp(1.7rem, 2.1vw, 2.4rem);
  line-height: 1.08;
  font-weight: 500;
  text-wrap: balance;
  margin-bottom: 0.75rem;
}
.entry-content section.svd-section .svd-news-overview .news-card--featured .news-card__excerpt {
  color: #fff;
  font-weight: 300;
}
.entry-content section.svd-section .svd-news-overview .news-card__excerpt {
  --excerpt-chars: 72ch;
  margin: 0 0 1rem;
  line-height: 1.55;
  max-width: var(--excerpt-chars);
}
.entry-content section.svd-section .svd-news-overview .news-card__meta {
  margin-top: auto;
}
.entry-content section.svd-section .svd-news-overview .news-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-weight: 500;
  transition: 0.25s ease-in-out;
}
.entry-content section.svd-section .svd-news-overview .news-card__cta::after {
  content: "→";
  line-height: 1;
}
@media (min-width: 768px) {
  .entry-content section.svd-section .svd-news-overview .svd-news-row--big-left {
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, 1fr);
  }
  .entry-content section.svd-section .svd-news-overview .svd-news-row--big-right {
    grid-template-columns: minmax(360px, 1fr) minmax(0, 1.25fr);
  }
}
@media (min-width: 1024px) {
  .entry-content section.svd-section .svd-news-overview .svd-news-row--big-left {
    grid-template-columns: minmax(0, 1.5fr) minmax(360px, 1fr);
  }
  .entry-content section.svd-section .svd-news-overview .svd-news-row--big-right {
    grid-template-columns: minmax(360px, 1fr) minmax(0, 1.5fr);
  }
  .entry-content section.svd-section .svd-news-overview .svd-news-row--big-right .svd-news-row__stack {
    order: 1;
  }
  .entry-content section.svd-section .svd-news-overview .svd-news-row--big-right .news-card--featured {
    order: 2;
  }
}
.entry-content section.svd-section {
  /* Accordion */
}
.entry-content section.svd-section .wp-block-svd-accordion .wp-block-svd-accordion-item .svd-accordion-item__inner > :first-child {
  margin-block: 1rem;
}

main#main {
  position: relative;
}

:root {
  --dropdown-text: #fff;
  --kids-clr-1: #46c2ff;
  --kids-clr-2: #ff3693;
  --kids-clr-3: #08b342;
  --kids-clr-4: #ffc147;
  --current-page-bg: #1d2327;
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
.site-topbar {
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 0px);
  display: flex;
  font-family: "Ubuntu", sans-serif;
  padding: 0.35em 0;
  background: #a53251;
  width: 100%;
  min-width: 300px;
  z-index: 10;
}
@media (max-width: 300px) {
  .site-topbar nav.top-menu {
    width: 100%;
  }
}
@media (max-width: 75em) {
  .site-topbar {
    margin-bottom: 0;
  }
}
.site-topbar .row {
  flex-direction: row;
  margin-top: 0;
}
@media (max-width: 69.688em) {
  .site-topbar .row {
    justify-content: flex-end;
  }
}
.site-topbar .phrase {
  color: #fff;
  font-size: 0.88rem;
  font-weight: 300;
}
.site-topbar .phrase strong {
  margin-right: 0.75rem;
  font-weight: 600;
}
@media (max-width: 90.3125em) {
  .site-topbar .phrase {
    display: none;
  }
}
.site-topbar ul#menu-top-menu {
  display: flex;
  align-items: center;
  font-weight: 500;
  gap: 2em;
}
@media (max-width: 300px) {
  .site-topbar ul#menu-top-menu {
    justify-content: space-evenly;
  }
}
.site-topbar ul#menu-top-menu li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.88rem;
  font-weight: 300;
  letter-spacing: 1px;
  transition: color 0.25s ease-in-out;
}
.site-topbar ul#menu-top-menu li a:hover, .site-topbar ul#menu-top-menu li a:focus {
  color: #ffd200;
}
.site-topbar ul#menu-top-menu li a i {
  margin-right: 0.5em;
}
.site-topbar ul#menu-top-menu li.kids-url {
  background: none;
  letter-spacing: 1px;
}
@media (max-width: 300px) {
  .site-topbar ul#menu-top-menu li.kids-url {
    display: none;
  }
}
.site-topbar ul#menu-top-menu li.kids-url a {
  display: inline-flex;
  max-height: 24px;
  transition: 0.5s linear;
}
.site-topbar ul#menu-top-menu li.kids-url a:hover {
  filter: hue-rotate(180deg);
}
.site-topbar ul#menu-top-menu li.kids-url a span {
  font-family: "Stone Hinge" !important;
  font-size: 1.25rem;
  letter-spacing: unset;
}
.site-topbar ul#menu-top-menu li.kids-url a .letter-1 {
  color: var(--kids-clr-1, #ff6347);
}
.site-topbar ul#menu-top-menu li.kids-url a .letter-2 {
  color: var(--kids-clr-2, #ffd700);
}
.site-topbar ul#menu-top-menu li.kids-url a .letter-3 {
  color: var(--kids-clr-3, #40e0d0);
}
.site-topbar ul#menu-top-menu li.kids-url a .letter-4 {
  color: var(--kids-clr-4, #adff2f);
}

header.site-header {
  position: sticky;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--topbar-height, 40.78px));
  display: flex;
  flex-direction: column;
  padding-block: 2em;
  background: transparent;
  z-index: 10;
  transition: 0.5s ease;
}
@media (max-width: 90.313em), (max-width: 69.688em) {
  header.site-header .row {
    flex-direction: column;
  }
}
@media (max-width: 57.5em) {
  header.site-header .row {
    flex-direction: row;
    margin: 0;
  }
}
header.site-header[data-scrolled=scrolled] {
  background: #a53251;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, padding-bottom 0.3s ease;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.075);
}

header.site-header[data-scrolled=scrolled] {
  padding-block: 1em;
}
@media (max-width: 75em) {
  header.site-header[data-scrolled=scrolled] {
    padding-block: 0;
  }
}

/* ------------------------------------------------------------
   CSS vars
------------------------------------------------------------ */
:root {
  --dropdown-text: #fff;
  --kids-clr-1: #46c2ff;
  --kids-clr-2: #ff3693;
  --kids-clr-3: #08b342;
  --kids-clr-4: #ffc147;
  --current-page-bg: #1d2327;
}

/* ------------------------------------------------------------
   Breakpoints
   - Default = mobile
   - Desktop styles vanaf 75em
------------------------------------------------------------ */
nav.top-menu ul.top-menu {
  display: flex;
  align-items: center;
  font-weight: 500;
  gap: 2em;
}
@media (max-width: 300px) {
  nav.top-menu ul.top-menu {
    justify-content: space-evenly;
  }
}
nav.top-menu ul.top-menu li.menu-item a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.85rem;
  font-weight: 300;
  letter-spacing: 1px;
  transition: color 0.25s ease-in-out;
}
nav.top-menu ul.top-menu li.menu-item a:hover, nav.top-menu ul.top-menu li.menu-item a:focus {
  color: #ffd200;
}
nav.top-menu ul.top-menu li.menu-item a i {
  margin-right: 0.5em;
}
nav.top-menu ul.top-menu li.kids-url {
  background: none;
  letter-spacing: 1px;
}
nav.top-menu ul.top-menu li.kids-url a {
  display: inline-flex;
  max-height: 24px;
  transition: 0.5s linear;
}
nav.top-menu ul.top-menu li.kids-url a:hover {
  filter: hue-rotate(180deg);
}
nav.top-menu ul.top-menu li.kids-url a span {
  font-family: "Stone Hinge" !important;
  font-size: 1.25rem;
}
nav.top-menu ul.top-menu li.kids-url a .letter-1 {
  color: var(--kids-clr-1, #ff6347);
}
nav.top-menu ul.top-menu li.kids-url a .letter-2 {
  color: var(--kids-clr-2, #ffd700);
}
nav.top-menu ul.top-menu li.kids-url a .letter-3 {
  color: var(--kids-clr-3, #40e0d0);
}
nav.top-menu ul.top-menu li.kids-url a .letter-4 {
  color: var(--kids-clr-4, #adff2f);
}

.mobile-nav-toggle {
  --nav-toggle-clr: #1a1a1a;
  --size: 48px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: var(--size);
  height: var(--size);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--nav-toggle-clr);
  cursor: pointer;
  z-index: 1100;
  position: relative;
}
.mobile-nav-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.mobile-nav-toggle[aria-expanded=true] span:nth-child(2) {
  transform: translateY(7px) rotate(45deg);
}
.mobile-nav-toggle[aria-expanded=true] span:nth-child(3) {
  opacity: 0;
}
.mobile-nav-toggle[aria-expanded=true] span:nth-child(4) {
  transform: translateY(-7px) rotate(-45deg);
}

body.has-post-thumbnail .mobile-nav-toggle {
  --nav-toggle-clr: #fff;
}

body.has-post-thumbnail .mobile-nav-toggle[aria-expanded=true],
.site-header[data-scrolled=scrolled] .mobile-nav-toggle {
  --nav-toggle-clr: #1a1a1a;
}

.mobile-nav {
  position: fixed;
  inset: 0;
  z-index: 1050;
  visibility: hidden;
  pointer-events: none;
}
.mobile-nav::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.mobile-nav.is-open {
  visibility: visible;
  pointer-events: auto;
}
.mobile-nav.is-open::before {
  opacity: 1;
}
.mobile-nav.is-open .mobile-nav__inner {
  transform: translateX(0);
}
.mobile-nav__inner {
  position: absolute;
  top: 0;
  right: 0;
  width: min(88vw, 420px);
  height: 100dvh;
  padding: 5.5rem 0 2rem;
  background: #fff;
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.14);
  transform: translateX(100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
}

.mobile-nav__menu,
.mobile-nav__menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-inline: 0 5rem;
}

.mobile-nav__menu > li {
  position: relative;
  margin-bottom: 10px;
}

.mobile-nav__menu > li > a {
  display: block;
  padding: 1rem 3rem 1rem 0;
  color: #1a1a1a;
  text-decoration: none;
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.35;
  padding: 1.1rem 3rem;
  transition: 0.25s ease-in-out;
}
.mobile-nav__menu > li > a:hover {
  background: #f2f2f2;
  border-radius: 0 1rem 1rem 0;
}

.mobile-nav__menu .current-menu-item > a,
.mobile-nav__menu .current-menu-parent > a,
.mobile-nav__menu .current-menu-ancestor > a,
.mobile-nav__menu .menu-item.is-open > a {
  background: #8f1d57;
  color: #fff;
  font-weight: 600;
  border-radius: 0 1rem 1rem 0;
}
.mobile-nav__menu .current-menu-item > a:hover,
.mobile-nav__menu .current-menu-parent > a:hover,
.mobile-nav__menu .current-menu-ancestor > a:hover,
.mobile-nav__menu .menu-item.is-open > a:hover {
  background: #8f1d57;
  color: #fff;
}

.mobile-nav__menu .sub-menu {
  display: none;
  padding: 0.75rem 0;
}

.mobile-nav__menu .current-menu-parent > .mobile-submenu-toggle span,
.mobile-nav__menu .menu-item.is-open > .mobile-submenu-toggle span {
  --nav-toggle-clr: #fff;
}

.mobile-nav__menu .menu-item-has-children.is-open > a {
  border-radius: 0 1rem 1rem 0;
}

.mobile-nav__menu .menu-item-has-children.is-open > .sub-menu {
  display: block;
  padding-inline: 3rem;
}

.mobile-nav__menu .sub-menu li a {
  display: block;
  padding: 0.65rem 1rem;
  color: #4a4a4a;
  text-decoration: none;
  font-size: 0.98rem;
  font-weight: 400;
  line-height: 1.45;
  transition: 0.25s ease-in-out;
  border-radius: 1rem;
  margin-bottom: 0.25rem;
}
.mobile-nav__menu .sub-menu li a:hover {
  background: #8f1d57;
  color: #fff;
}

.mobile-nav__menu .sub-menu .current-menu-item > a {
  background: #8f1d57;
  color: #fff;
  font-weight: 500;
}

.mobile-submenu-toggle {
  position: absolute;
  top: 0.6rem;
  right: 20px;
  width: 42px;
  height: 42px;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.mobile-submenu-toggle span {
  --nav-toggle-clr: #1a1a1a;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background: var(--nav-toggle-clr);
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.mobile-submenu-toggle span:last-child {
  transform: translate(-50%, -50%) rotate(90deg);
}
.mobile-submenu-toggle[aria-expanded=true] span:last-child {
  opacity: 0;
}

body.mobile-nav-open {
  overflow: hidden;
}

@media (min-width: 75em) {
  .mobile-nav,
  .mobile-nav-toggle {
    display: none;
  }
}
/* ============================================================
   DESKTOP NAV (lg+) — anchor-based rewrite
   Drop this at the END of _navigation.scss
   ============================================================ */
body:is(.has-post-thumbnail) header.site-header {
  --nav-link: #fff; /* licht */
  --nav-link-hover: #fff;
  --nav-pill-bg: #93134c;
  --nav-pill-border: #93134c;
  --dd-bg: rgba(147, 19, 76, 0.96);
  --dd-border: rgba(0, 0, 0, 0.1);
  --dd-text: #fff;
  --dd-radius: 1.35rem;
  --dd-pad: 0.85rem;
  --dd-gap: 0.25rem;
  --nav-toggle-clr: #fff;
}
body:is(.has-post-thumbnail) header.site-header nav.main-navigation.fp {
  --nav-link: #fff; /* licht */
  --nav-link-hover: #fff;
  --nav-pill-bg: #93134c;
  --nav-pill-border: #93134c;
  --dd-bg: rgba(147, 19, 76, 0.96);
  --dd-border: rgba(255, 255, 255, 0.14);
  --dd-text: #fff;
  --nav-toggle-clr: #fff;
}
body:is(.has-post-thumbnail) header.site-header nav.main-navigation.fp ul[data-scrolled=scrolled] {
  --nav-link: #93134c;
  --nav-link-hover: #fff;
  --nav-pill-bg: #93134c;
  --nav-pill-border: #93134c;
  --dd-bg: rgba(147, 19, 76, 0.98);
  --dd-border: rgba(0, 0, 0, 0.1);
  --nav-toggle-clr: #1a1a1a;
}
body:is(.has-post-thumbnail) header.site-header[data-scrolled=scrolled] {
  background: #fff;
  --nav-link: #93134c;
  --nav-pill-bg: rgba(147, 19, 76);
  --nav-pill-border: rgba(147, 19, 76);
  --dd-bg: rgba(147, 19, 76, 0.98);
  --dd-border: rgba(0, 0, 0, 0.1);
  --nav-toggle-clr: #1a1a1a;
}

header.site-header {
  --nav-link: #93134c; /* donker */
  --nav-link-hover: #fff;
  --nav-pill-bg: #93134c;
  --nav-pill-border: #93134c;
  --active-pill-radius: 999px;
  --hover-pill-radius: 999px;
  --dd-bg: rgba(147, 19, 76, 0.96);
  --dd-border: rgba(0, 0, 0, 0.1);
  --dd-text: #fff;
  --dd-radius: 1.35rem;
  --dd-pad: 0.85rem;
  --dd-gap: 0.25rem;
}
header.site-header nav.main-navigation.fp {
  --nav-link: #fff; /* licht */
  --nav-link-hover: #fff;
  --text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);
  --nav-pill-bg: #93134c;
  --nav-pill-border: #93134c;
  --dd-bg: rgba(147, 19, 76, 0.96);
  --dd-border: rgba(255, 255, 255, 0.14);
  --dd-text: #fff;
}
@media (max-width: 74.99em) {
  header.site-header nav.main-navigation.fp {
    display: none;
  }
}
header.site-header nav.main-navigation.fp ul[data-scrolled=scrolled] {
  --nav-link: #93134c;
  --nav-link-hover: #fff;
  --nav-pill-bg: #93134c;
  --nav-pill-border: #93134c;
  --text-shadow: none;
  --dd-bg: rgba(147, 19, 76, 0.98);
  --dd-border: rgba(0, 0, 0, 0.1);
}
header.site-header[data-scrolled=scrolled] {
  background: #fff;
  --nav-link: #93134c;
  --nav-pill-bg: #93134c;
  --nav-pill-border: rgba(147, 19, 76, 0.2);
  --text-shadow: none;
  --dd-bg: rgba(147, 19, 76, 0.98);
  --dd-border: rgba(0, 0, 0, 0.1);
}
header.site-header {
  font-family: "Poppins";
}
header.site-header .container .row {
  --gap: clamp(5rem, 5vw, 20rem);
  flex-direction: row;
  gap: var(--gap);
}
@media (min-width: 90rem) {
  header.site-header .container .row {
    --gap: clamp(10rem, 10vw, 30rem);
  }
}

@media (max-width: 74.99em) {
  nav.main-navigation {
    display: none;
  }
}
@media (min-width: 75em) {
  nav.main-navigation {
    --pill-dur: 520ms;
    --pill-ease: cubic-bezier(0.2, 1, 0.2, 1);
    flex: 1;
  }
  /* =========================
   BASE LAYOUT
   ========================= */
  nav.main-navigation ul.nav-menu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    width: 100%;
    overflow: visible;
    isolation: isolate;
  }
  nav.main-navigation li.menu-item {
    width: -moz-max-content;
    width: max-content;
    padding: 0 !important;
    background: none !important;
    background-image: none !important;
    transform: none !important;
    border-radius: 999px;
    corner-shape: squircle;
  }
  nav.main-navigation ul.nav-menu > li > a {
    position: relative;
    z-index: 3;
  }
  nav.main-navigation li.menu-item > a {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    gap: 0.65rem;
    padding: 0.45rem 0.95rem;
    border-radius: 999px;
    corner-shape: squircle;
    color: var(--nav-link);
    text-decoration: none;
    font-size: clamp(0.95rem, 0.2vw + 0.9rem, 1rem);
    font-weight: 500;
    letter-spacing: clamp(0.01em, 1vw, 0.05em);
    text-shadow: var(--text-shadow);
    transition: transform 220ms ease, color 220ms ease;
  }
  nav.main-navigation li.menu-item > a i {
    font-size: 0.7rem;
    transform: translateY(1px);
  }
  nav.main-navigation li.menu-item > a:hover,
  nav.main-navigation li.menu-item > a:focus-visible {
    transform: translateY(-1px);
    --text-shadow: none;
  }
  /* =========================
   MOVING PILL (JS-driven)
   - UL krijgt .pill-visible + CSS vars:
     --pill-x --pill-y --pill-w --pill-h
   ========================= */
  nav.main-navigation ul.nav-menu::before,
  nav.main-navigation ul.nav-menu::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    corner-shape: squircle;
    background: var(--nav-pill-bg);
    border: 1px solid var(--nav-pill-border);
    will-change: transform, width, height, opacity;
  }
  nav.main-navigation ul.nav-menu::before {
    border-radius: var(--active-pill-radius, 999px);
  }
  nav.main-navigation ul.nav-menu::after {
    border-radius: var(--hover-pill-radius, 999px);
  }
  /* active pill */
  nav.main-navigation ul.nav-menu::before {
    z-index: 1;
    width: var(--active-pill-w, 0px);
    height: var(--active-pill-h, 0px);
    transform: translate3d(var(--active-pill-x, 0px), var(--active-pill-y, 0px), 0);
    opacity: 0;
    transition: transform 320ms cubic-bezier(0.2, 1, 0.2, 1), width 320ms cubic-bezier(0.2, 1, 0.2, 1), height 320ms cubic-bezier(0.2, 1, 0.2, 1), opacity 160ms ease;
  }
  nav.main-navigation ul.nav-menu.active-pill-visible::before {
    opacity: 1;
  }
  /* hover pill */
  nav.main-navigation ul.nav-menu::after {
    z-index: 2;
    width: var(--hover-pill-w, 0px);
    height: var(--hover-pill-h, 0px);
    transform: translate3d(var(--hover-pill-x, 0px), var(--hover-pill-y, 0px), 0);
    opacity: 0;
    transition: transform var(--pill-dur) var(--pill-ease), width var(--pill-dur) var(--pill-ease), height var(--pill-dur) var(--pill-ease), opacity 120ms ease;
  }
  nav.main-navigation ul.nav-menu.hover-pill-visible::after {
    opacity: 1;
  }
  /* current link tekst wit als pill eronder zit */
  nav.main-navigation li.menu-item-has-children:hover > a,
  nav.main-navigation li.menu-item-has-children:focus-within > a,
  nav.main-navigation li.menu-item > a:hover,
  nav.main-navigation li.menu-item > a:focus-visible,
  nav.main-navigation li.current-menu-item > a,
  nav.main-navigation li.current-menu-parent > a,
  nav.main-navigation li.current-menu-ancestor > a,
  nav.main-navigation li.current_page_ancestor > a,
  body:is(.wp-singular) nav.main-navigation li.current_page_parent > a {
    color: #fff;
    --text-shadow: none;
    z-index: 2002;
  }
  /* =========================
   DROPDOWN (stable)
   - dropdown opent op li:hover en li:focus-within
   - hover bridge voorkomt “wegschieten”
   ========================= */
  nav.main-navigation li.menu-item-has-children {
    position: relative;
    --dd-shift-x: 0px;
  }
  nav.main-navigation li.menu-item-has-children:hover,
  nav.main-navigation li.menu-item-has-children:focus-within {
    --dd-shift-x: 0.08rem;
    --dd-radius: 0 1rem 1rem 1rem;
  }
  /* Hover bridge: alleen onder de trigger, niet agressief */
  nav.main-navigation li.menu-item-has-children::after {
    content: "";
    position: absolute;
    left: -1rem;
    right: -1rem;
    top: 100%;
    height: 12px;
  }
  nav.main-navigation li.menu-item-has-children > ul.dropdown {
    position: absolute;
    top: calc(100% - 1px);
    left: calc(-0.65rem + 1px + var(--dd-shift-x));
    margin-top: 0;
    min-width: max(16rem, 100%);
    width: -moz-max-content;
    width: max-content;
    max-width: min(32rem, 100vw - 2rem);
    padding: var(--dd-pad);
    border-radius: var(--dd-radius);
    corner-shape: squircle;
    background: var(--dd-bg);
    border: 1px solid var(--dd-border);
    border-top: none;
    color: var(--dd-text);
    display: grid;
    gap: var(--dd-gap);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px) scale(0.985);
    transform-origin: top left;
    clip-path: inset(0 0 100% 0 round var(--dd-radius));
    transition: opacity 180ms ease, transform 460ms cubic-bezier(0.16, 1, 0.3, 1), clip-path 460ms cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
    z-index: 2000;
  }
  nav.main-navigation li.menu-item-has-children:hover > ul.dropdown,
  nav.main-navigation li.menu-item-has-children:focus-within > ul.dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    clip-path: inset(0 0 0 0 round var(--dd-radius));
  }
  nav.main-navigation ul.dropdown li {
    padding: 0;
    background: none;
  }
  nav.main-navigation ul.dropdown a {
    display: block;
    padding: 0.52rem 0.8rem;
    border-radius: 1rem;
    corner-shape: squircle;
    color: var(--dd-text);
    text-decoration: none;
    z-index: 2002;
    font-size: clamp(0.95rem, 0.2vw + 0.9rem, 1rem);
    font-weight: 300;
    letter-spacing: clamp(0.01em, 1vw, 0.05em);
    transition: background-color 180ms ease, color 180ms ease;
  }
  nav.main-navigation ul.dropdown a:hover,
  nav.main-navigation ul.dropdown a:focus-visible {
    background: #fff;
    color: #951850;
  }
  nav.main-navigation ul.dropdown li.current-menu-item > a {
    background: #fff;
    color: #951850;
    font-weight: 500;
  }
}
.particle {
  position: absolute;
  border-radius: 100%;
  corner-shape: scoop;
  background: #a53251;
  z-index: 2001;
  pointer-events: none;
  animation: floatParticles var(--duration) ease-in-out infinite;
  transition: opacity 220ms ease;
  filter: blur(0.5px);
}
.particle:nth-child(odd) {
  mix-blend-mode: overlay;
}
.particle:nth-child(even) {
  mix-blend-mode: screen;
}

@keyframes floatParticles {
  0% {
    transform: translate(0, 0) scale(0.9);
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    transform: translate(var(--translateX), var(--translateY)) scale(1) rotate(45deg);
    filter: blur(0);
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: translate(calc(var(--translateX) * -0.6), calc(var(--translateY) * -0.6)) scale(0.95);
    opacity: 0;
  }
}
footer.footer {
  position: relative;
  color: var(--footer-text);
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  margin-block: 5rem 0;
}
footer.footer strong {
  font-weight: 600;
}
footer.footer p {
  font-weight: 300;
}
footer.footer {
  /* --- Social strip (licht, zoals WWF footer vibe) --- */
}
footer.footer .footer__social {
  background: var(--footer-bg);
  color: var(--footer-text);
  padding-block: 3.5rem 3rem;
}
footer.footer .footer__social-inner {
  display: grid;
  gap: 1.25rem;
  justify-items: center;
  text-align: center;
}
footer.footer .footer__social-title {
  margin: 0;
  font-size: clamp(1.125rem, 3vw, 2rem);
  opacity: 0.8;
}
footer.footer .footer__social-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
footer.footer .footer__social-link {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  corner-shape: squircle;
  border: 1px solid var(--footer-link);
  color: var(--footer-link);
  text-decoration: none;
  transition: all 250ms ease;
}
footer.footer .footer__social-link:hover {
  transform: translateY(-2px);
  background-color: var(--footer-link-hover);
  color: #fff;
  border: 1px solid var(--footer-link-hover);
}
footer.footer .footer__social-link:hover i {
  transform: scale(1.1);
}
footer.footer .footer__social-link i {
  transition: transform 180ms ease;
}
footer.footer .footer__icon {
  font-weight: 700;
  font-size: 1.85rem;
  line-height: 1.7;
}
footer.footer .footer__main {
  background-color: var(--footer-bg);
  padding-block: 2.5rem;
}
footer.footer .footer__grid {
  display: grid;
  gap: 2.5rem;
  grid-template-columns: 1fr;
  /* Desktop (jouw 5-col setup) */
}
@media (min-width: 720px) {
  footer.footer .footer__grid {
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
    align-items: start;
  }
}
footer.footer .footer__grid {
  /* Tablet (<=1024): 2 kolommen + Over ons full width */
}
@media (max-width: 1024px) {
  footer.footer .footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    /* Hiermee komen items niet meer “tegen de buitenranden” */
    justify-items: center;
    max-width: 62ch;
    /* Over ons (eerste col) over de volle breedte */
  }
  footer.footer .footer__grid > .footer__col:first-child {
    grid-column: 1/-1;
    /* optioneel: inhoud centreren of juist links houden */
    justify-self: stretch; /* neemt volle breedte van de grid */
    /* Als je tekst liever links houdt maar wel “gecentreerd blok” */
    text-align: left;
    max-width: 62ch;
    margin-inline: auto;
  }
  footer.footer .footer__grid {
    /* De rest blijft in 2 kolommen lopen */
  }
  footer.footer .footer__grid > .footer__col:not(:first-child) {
    width: 100%;
    max-width: 420px; /* optioneel: voorkomt hele brede kolommen */
    justify-self: center;
  }
  footer.footer .footer__grid {
    /* CTA kolom ook netjes centreren */
  }
  footer.footer .footer__grid > .footer__col:last-child .footer__cta {
    width: 100%;
    max-width: 420px;
  }
}
footer.footer .footer__grid {
  /* Mobile (<=640): weer 1 kolom */
}
@media (max-width: 640px) {
  footer.footer .footer__grid {
    grid-template-columns: 1fr;
    justify-items: stretch; /* vaak mooier op mobile */
  }
  footer.footer .footer__grid > .footer__col {
    max-width: none;
    justify-self: stretch;
    text-align: left; /* of center als je dat wilt */
  }
  footer.footer .footer__grid > .footer__col:not(:first-child) {
    width: 100%;
    max-width: unset;
    justify-self: stretch;
  }
}
footer.footer .footer__heading {
  margin: 0 0 0.5rem;
  font-size: 1.35rem;
  font-weight: 500;
}
footer.footer .footer__text {
  margin: 0;
  line-height: 1.6;
  opacity: 0.9;
}
footer.footer .footer__text a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  gap: 0.25rem;
  color: var(--footer-link);
  font-weight: 300;
  transform-origin: left;
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}
footer.footer .footer__text a::before, footer.footer .footer__text a::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -2px;
  left: 0;
}
footer.footer .footer__text a::before {
  background-color: currentColor;
  height: 1px;
  border-radius: 1px;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1), color 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}
footer.footer .footer__text a::after {
  content: attr(data-replace);
  transform-origin: 100% 50%;
  transform: translate3d(200%, 0, 0);
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1), color 0.3s cubic-bezier(0.76, 0, 0.24, 1);
  color: currentColor;
}
footer.footer .footer__text a:hover {
  color: var(--footer-link-hover);
}
footer.footer .footer__text a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
footer.footer .footer__text a:hover::after {
  transform: translate3d(0, 0, 0);
}
footer.footer .footer__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.65rem;
}
footer.footer .footer__links li.menu-item-home:hover {
  background: none;
}
footer.footer .footer__links li:is(.current-menu-item) a {
  color: var(--footer-link-hover);
  font-weight: 500;
}
footer.footer .footer__links li:is(.current-menu-item) a::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
  height: 3px;
  border-radius: 3px;
}
footer.footer .footer__links li:is(.current-menu-item) a::after {
  transform: translate3d(0, 0, 0);
}
footer.footer .footer__links a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  gap: 0.25rem;
  color: var(--footer-link);
  font-weight: 300;
  transform-origin: left;
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}
footer.footer .footer__links a::before, footer.footer .footer__links a::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -2px;
  left: 0;
}
footer.footer .footer__links a::before {
  background-color: currentColor;
  height: 1px;
  border-radius: 1px;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1), color 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}
footer.footer .footer__links a::after {
  content: attr(data-replace);
  transform-origin: 100% 50%;
  transform: translate3d(200%, 0, 0);
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1), color 0.3s cubic-bezier(0.76, 0, 0.24, 1);
  color: currentColor;
}
footer.footer .footer__links a:hover {
  color: var(--footer-link-hover);
}
footer.footer .footer__links a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
footer.footer .footer__links a:hover::after {
  transform: translate3d(0, 0, 0);
}
footer.footer {
  /* CTA buttons */
}
footer.footer .footer__cta {
  margin-top: 1.25rem;
  display: grid;
  gap: 0.75rem;
}
footer.footer .footer__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 46px;
  padding: 0.65rem 1rem;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: all 250ms ease;
}
footer.footer .footer__button:hover, footer.footer .footer__button:focus-visible {
  transform: translateY(-1px);
  outline: none;
}
footer.footer .footer__button--primary {
  background: #f2c200;
  color: #111;
}
footer.footer .footer__button--ghost {
  border: 1px solid rgba(165, 50, 81, 0.5);
  color: #a53251;
  background: rgba(165, 50, 81, 0.04);
}
footer.footer .footer__button--ghost:hover, footer.footer .footer__button--ghost:focus-visible {
  border-color: rgb(165, 50, 81);
  background: rgb(165, 50, 81);
  color: #fff;
}
footer.footer {
  /* --- Bottom bar --- */
}
footer.footer .footer__bottom {
  position: relative;
  background: #fff;
  padding-block: 1.25rem;
}
footer.footer .footer__bottom::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0%;
  top: -1px;
  z-index: 5;
  display: block;
  height: 30px;
  background-size: 30px 100%;
  background-image: linear-gradient(135deg, var(--footer-bg) 25%, transparent 25%), linear-gradient(225deg, var(--footer-bg) 25%, transparent 25%);
  background-position: 0 0;
}
footer.footer .footer__bottom-inner {
  display: grid;
  gap: 0.5rem;
  text-align: center;
  margin-top: 1em;
}
@media (min-width: 720px) {
  footer.footer .footer__bottom-inner {
    grid-template-columns: 1fr auto;
    align-items: center;
    text-align: left;
  }
}
footer.footer .footer__bottom-inner strong {
  font-weight: 600;
}
footer.footer .footer__meta {
  margin: 0;
  font-size: 0.95rem;
  opacity: 0.85;
}
footer.footer {
  /* --- Partners / keurmerken strip --- */
}
footer.footer .footer__partners {
  margin-top: 1.5rem;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: flex-start;
}
footer.footer .footer__partners img {
  height: 56px;
  width: auto;
  opacity: 0.75;
  filter: grayscale(100%);
  transition: all 0.25s ease;
}
@media (max-width: 500px) {
  footer.footer .footer__partners img {
    height: 66px;
  }
}
footer.footer .footer__partners img:hover {
  opacity: 1;
  filter: grayscale(0%);
}
footer.footer .footer__partner-logo {
  height: 36px;
  width: auto;
  max-width: 160px;
  display: block;
  filter: none;
}
@media (min-width: 720px) {
  footer.footer .footer__partner-logo {
    height: 72px;
    max-width: 190px;
  }
}

body.page-template-page-block-builder article.page-builder-entry {
  font-family: "Ubuntu";
}
body.page-template-page-block-builder article.page-builder-entry header.entry-header,
body.page-template-page-block-builder article.page-builder-entry section.page header.entry-header {
  --thumb-height: 70vh;
  position: relative;
  background-size: cover;
  min-height: var(--thumb-height);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(var(--header-height) * -1 - 40.78px);
  margin-bottom: 5rem;
  z-index: 0;
}
body.page-template-page-block-builder article.page-builder-entry header.entry-header::after,
body.page-template-page-block-builder article.page-builder-entry section.page header.entry-header::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.15) 42%, rgba(0, 0, 0, 0.8) 95%);
}
body.page-template-page-block-builder article.page-builder-entry header.entry-header h1,
body.page-template-page-block-builder article.page-builder-entry section.page header.entry-header h1 {
  font-family: "Ubuntu";
  font-weight: 500;
  color: #fff;
  filter: drop-shadow(1px 1px 2px black);
  font-size: clamp(2.5rem, 3vw, 4rem);
  line-height: 1.25;
  width: clamp(20em, 100%, 40em);
  margin-inline: auto;
}
body.page-template-page-block-builder article.page-builder-entry header.entry-header .svg-divider--animated,
body.page-template-page-block-builder article.page-builder-entry section.page header.entry-header .svg-divider--animated {
  bottom: -90px;
}
@media (max-width: 90em) {
  body.page-template-page-block-builder article.page-builder-entry header.entry-header .svg-divider--animated,
  body.page-template-page-block-builder article.page-builder-entry section.page header.entry-header .svg-divider--animated {
    bottom: -1px;
  }
}
body.page-template-page-block-builder article.page-builder-entry header.entry-header div.thumb-source,
body.page-template-page-block-builder article.page-builder-entry section.page header.entry-header div.thumb-source {
  position: absolute;
  bottom: 1rem;
  display: inline-flex;
  padding-inline: 1rem;
  padding-block: 0.5rem;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2rem;
  backdrop-filter: blur(8px);
  font-size: 0.8rem;
  z-index: 10;
}
body.page-template-page-block-builder article.page-builder-entry header.entry-header div.thumb-source p.image-source,
body.page-template-page-block-builder article.page-builder-entry section.page header.entry-header div.thumb-source p.image-source {
  font-size: inherit;
  font-weight: 300;
}
body.page-template-page-block-builder article.page-builder-entry header.entry-header div.thumb-source p.image-source strong,
body.page-template-page-block-builder article.page-builder-entry section.page header.entry-header div.thumb-source p.image-source strong {
  font-size: inherit;
  font-weight: 600;
}
body.page-template-page-block-builder article.page-builder-entry header.entry-header div.thumb-source a,
body.page-template-page-block-builder article.page-builder-entry section.page header.entry-header div.thumb-source a {
  --c: #0089e5;
  color: rgba(0, 0, 0, 0);
  background: linear-gradient(90deg, #fff 50%, var(--c) 0) calc(100% - var(--_p, 0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) 100% no-repeat;
  -webkit-background-clip: text, padding-box;
  background-clip: text, padding-box;
  transition: 0.5s;
  font-weight: 500;
  border-radius: 10px;
  corner-shape: squircle;
  text-decoration: none;
}
body.page-template-page-block-builder article.page-builder-entry header.entry-header div.thumb-source a:hover,
body.page-template-page-block-builder article.page-builder-entry section.page header.entry-header div.thumb-source a:hover {
  --_p: 100%;
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero {
  --thumb-height: 70vh;
  --hero-content-width: clamp(20rem, 100%, 90rem);
  --hero-content-padding: clamp(1.25rem, 5vw, 4rem);
  overflow: hidden;
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero::after {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.45);
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero .page-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, var(--hero-content-width));
  min-height: var(--thumb-height);
  margin-inline: auto;
  padding: var(--hero-content-padding);
}
@media (max-width: 768px) {
  body.page-template-page-block-builder article.page-builder-entry header.page-hero .page-hero__content {
    padding-top: calc(var(--header-height) + var(--hero-content-padding));
  }
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero .page-hero__title {
  text-wrap: var(--hero-title-wrap, balance);
  font-family: var(--hero-title-font);
  font-size: var(--hero-title-size, clamp(3rem, 5vw, 6rem));
  color: var(--hero-title-color, currentColor);
  margin: var(--hero-title-push-top, 0) var(--hero-title-push-right, 0) var(--hero-title-push-bottom, 0) var(--hero-title-push-left, 0);
  width: clamp(18.75rem, 100%, 40rem);
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--height-small {
  --thumb-height: 46vh;
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--height-medium {
  --thumb-height: 70vh;
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--height-large {
  --thumb-height: 86vh;
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--align-left .page-hero__title {
  text-align: left;
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--align-center .page-hero__title {
  text-align: center;
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--align-right .page-hero__title {
  text-align: right;
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--position-center .page-hero__content {
  align-items: center;
  justify-content: center;
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--position-left-center .page-hero__content {
  align-items: center;
  justify-content: flex-start;
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--position-right-center .page-hero__content {
  align-items: center;
  justify-content: flex-end;
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--position-bottom-left .page-hero__content {
  align-items: flex-end;
  justify-content: flex-start;
  padding-top: calc(var(--header-height) + var(--topbar-height));
  padding-bottom: clamp(5rem, 12vw, 9rem);
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--position-bottom-center .page-hero__content {
  align-items: flex-end;
  justify-content: center;
  padding-bottom: clamp(5rem, 12vw, 9rem);
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--overlay-none::after {
  background-color: transparent;
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--overlay-soft::after {
  background-color: rgba(0, 0, 0, 0.24);
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--overlay-medium::after {
  background-color: rgba(0, 0, 0, 0.45);
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--overlay-strong::after {
  background-color: rgba(0, 0, 0, 0.68);
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--text-light .page-hero__title {
  color: var(--hero-title-color, #fff);
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
}
body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--text-dark .page-hero__title {
  color: var(--hero-title-color, #211a1d);
  filter: drop-shadow(0 2px 8px rgba(255, 255, 255, 0.55));
}
@media (max-width: 48em) {
  body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--height-small {
    --thumb-height: 22rem;
  }
  body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--height-medium {
    --thumb-height: 30rem;
  }
  body.page-template-page-block-builder article.page-builder-entry header.page-hero.page-hero--height-large {
    --thumb-height: 38rem;
  }
}
body.page-template-page-block-builder article.page-builder-entry .entry-content {
  padding-inline: 0;
}
body.page-template-page-block-builder article.page-builder-entry .entry-content:first-of-type {
  margin-top: 5rem;
}
body.page-template-page-block-builder article.page-builder-entry .entry-content strong {
  font-weight: 600;
}
body.page-template-page-block-builder article.page-builder-entry .entry-content P,
body.page-template-page-block-builder article.page-builder-entry .entry-content span {
  font-weight: 300;
}
body.page-template-page-block-builder article.page-builder-entry .entry-content p {
  font-size: clamp(1.1125rem, 3vw, 1.25rem);
  text-wrap: pretty;
}
@media (max-width: 500px) {
  body.page-template-page-block-builder article.page-builder-entry .entry-content p {
    text-wrap: balance;
  }
}
body.page-template-page-block-builder article.page-builder-entry .entry-content a {
  --c: #a53251;
  color: rgba(0, 0, 0, 0);
  background: linear-gradient(90deg, #fff 50%, var(--c) 0) calc(100% - var(--_p, 0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) 100% no-repeat;
  -webkit-background-clip: text, padding-box;
  background-clip: text, padding-box;
  transition: 0.5s;
  font-weight: 500;
  border-radius: 10px;
  corner-shape: squircle;
  text-decoration: none;
}
body.page-template-page-block-builder article.page-builder-entry .entry-content a:hover {
  --_p: 100%;
}
body.page-template-page-block-builder article.page-builder-entry .entry-content ul.wp-block-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  list-style: inside;
  font-weight: 300;
  font-size: 1.125rem;
}
body.page-template-page-block-builder article.page-builder-entry .entry-content ul.wp-block-list.list-item.col-2-list,
body.page-template-page-block-builder article.page-builder-entry .entry-content ul.wp-block-list.list-item.col-3-list,
body.page-template-page-block-builder article.page-builder-entry .entry-content ul.wp-block-list.list-item.col-4-list {
  display: list-item;
  flex-direction: unset;
  -moz-columns: var(--list-col);
       columns: var(--list-col);
  margin-block: 1rem;
  list-style-type: none;
}
body.page-template-page-block-builder article.page-builder-entry .entry-content ul.wp-block-list.list-item.col-2-list li,
body.page-template-page-block-builder article.page-builder-entry .entry-content ul.wp-block-list.list-item.col-3-list li,
body.page-template-page-block-builder article.page-builder-entry .entry-content ul.wp-block-list.list-item.col-4-list li {
  list-style-type: disc;
  font-size: 1rem;
}
body.page-template-page-block-builder article.page-builder-entry .entry-content ul.wp-block-list.list-item.col-2-list {
  --list-col: 2;
}
body.page-template-page-block-builder article.page-builder-entry .entry-content ul.wp-block-list.list-item.col-3-list {
  --list-col: 3;
}
@media (max-width: 500px) {
  body.page-template-page-block-builder article.page-builder-entry .entry-content ul.wp-block-list.list-item.col-3-list {
    --list-col: 2;
  }
}
body.page-template-page-block-builder article.page-builder-entry .entry-content ul.wp-block-list.list-item.col-4-list {
  --list-col: 4;
}
@media (max-width: 960px) {
  body.page-template-page-block-builder article.page-builder-entry .entry-content ul.wp-block-list.list-item.col-4-list {
    --list-col: 3;
  }
}
@media (max-width: 500px) {
  body.page-template-page-block-builder article.page-builder-entry .entry-content ul.wp-block-list.list-item.col-4-list {
    --list-col: 2;
  }
}
body.page-template-page-block-builder article.page-builder-entry .entry-content img {
  max-width: 100%;
  height: auto;
}
body.page-template-page-block-builder article.page-builder-entry .entry-content ul li {
  font-size: clamp(1.1125rem, 3vw, 1.25rem);
}
body.page-template-page-block-builder article.page-builder-entry .entry-content .wp-block-embed iframe {
  width: 100%;
  min-height: auto;
}
body.page-template-page-block-builder article.page-builder-entry .entry-content .wp-block-embed iframe:is([src*="https://www.youtube.com/embed/"]) {
  border-radius: 1.5rem;
}

body.admin-bar section#author-posts:target {
  padding-top: calc(215px + 2em);
  margin-top: calc(-215px + 2em);
}

.author-page .author-bio {
  padding-block: 5rem;
}
@media (max-width: 1200px) {
  .author-page .author-bio {
    padding-inline: 2rem;
  }
}
.author-page .author-bio a {
  --badge-bg: #ffa7a7;
  --badge-ink: black;
  position: relative;
  display: inline-block;
  color: var(--badge-bg);
  font-weight: 400;
  text-decoration: none;
  transition: 0.25s linear;
  transform-origin: left;
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.3s linear;
}
.author-page .author-bio a:hover, .author-page .author-bio a:focus {
  color: color-mix(in oklab, var(--badge-bg) 80%, var(--badge-ink) 20%);
}
.author-page .author-bio a:hover::before, .author-page .author-bio a:focus::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.author-page .author-bio a:hover::after, .author-page .author-bio a:focus::after {
  transform: translate3d(0, 0, 0);
}
.author-page .author-bio a::after, .author-page .author-bio a::before {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -2px;
  left: 0;
}
.author-page .author-bio a::before {
  background-color: currentColor;
  height: 2px;
  border-radius: 2px;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform 0.3s linear, color 0.3s linear;
}
.author-page .author-bio a::after {
  content: attr(data-replace);
  transform-origin: 100% 50%;
  transform: translate3d(200%, 0, 0);
  transition: transform 0.3s linear, color 0.3s linear;
  color: currentColor;
}
.author-page .author-bio__inner {
  max-width: clamp(33.75em, 100%, 65em);
  margin-inline: auto;
}
.author-page .author-bio__inner .author-bio__text {
  font-size: clamp(1rem, 2vw, 1.3rem);
  font-weight: 300;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.92);
}
.author-page .author-bio h2.author-bio__title {
  font-size: clamp(1.4rem, 2vw, 2rem);
}

.author-hero {
  display: flex;
  position: relative;
  overflow: hidden;
  background: #f6f5f2;
  align-content: center;
  justify-content: center;
  font-family: "Ubuntu";
  color: #fff;
  min-height: 700px;
  margin-top: -185.5px;
  padding-block: clamp(6rem, 10vh, 10rem);
}
.author-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)), var(--author-cover) center/cover no-repeat;
  opacity: 1;
}
.author-hero:not([style])::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));
}
.author-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.25rem;
  align-items: center;
  width: clamp(30em, 100%, 50em);
}
.author-hero__avatar img {
  width: 112px;
  height: 112px;
  border-radius: 999px;
  border: 4px solid #fff;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.25);
  corner-shape: squircle;
}
.author-hero__content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.author-hero__name {
  margin: 0 0 0.35rem 0;
  color: #fff;
  text-align: center;
}
.author-hero ul.author-jobs {
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 35em) {
  .author-hero ul.author-jobs {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}
.author-hero li.author-jobs__item {
  position: relative;
  font-weight: 300;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 2px;
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
  padding: 0.35rem 0.85rem;
  border-radius: 1.5rem;
  text-shadow: none;
  corner-shape: squircle;
  border: 3px solid color-mix(in oklab, var(--badge-ink) 20%, var(--badge-bg));
  filter: drop-shadow(2px 3px 1px rgba(0, 0, 0, 0.5));
  color: color-mix(in oklab, var(--badge-ink) 85%, var(--badge-bg));
  background: var(--badge-bg);
}
.author-hero li.author-jobs__item::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 600; /* Solid icons */
  font-size: 0.9em;
  opacity: 0.9;
  display: inline-block;
  line-height: 1.8;
  margin-right: 10px;
  transform: translateY(-0.5px);
}
.author-hero li.author-jobs__item.role-webmaster {
  --badge-bg: #00c787;
  --badge-ink: white;
}
.author-hero li.author-jobs__item.role-webmaster::before {
  content: "\f5fc"; /* fa-laptop-code */
}
.author-hero li.author-jobs__item.role-oprichter {
  --badge-bg: #a53251;
  --badge-ink: white;
}
.author-hero li.author-jobs__item.role-oprichter::before {
  content: "\f508";
}
.author-hero li.author-jobs__item.role-voorzitter {
  --badge-bg: #6680a1;
  --badge-ink: white;
}
.author-hero li.author-jobs__item.role-voorzitter::before {
  content: "\f521";
}
.author-hero li.author-jobs__item.role-secretaris {
  --badge-bg: #a784c2;
  --badge-ink: white;
}
.author-hero li.author-jobs__item.role-secretaris::before {
  content: "\f15c";
}
.author-hero li.author-jobs__item.role-penningmeester {
  --badge-bg: #87b618;
  --badge-ink: white;
}
.author-hero li.author-jobs__item.role-penningmeester::before {
  content: "\f555";
}
.author-hero li.author-jobs__item.role-algemeen-bestuurslid {
  --badge-bg: #32444b;
  --badge-ink: white;
}
.author-hero li.author-jobs__item.role-algemeen-bestuurslid::before {
  content: "\f0c0";
}
.author-hero li.author-jobs__item.role-schrijver {
  --badge-bg: #fed216;
  --badge-ink: black;
}
.author-hero li.author-jobs__item.role-schrijver::before {
  content: "\f56b"; /* fa-pen-nib */
}
.author-hero li.author-jobs__item.role-vrijwilliger {
  --badge-bg: #9cc283;
  --badge-ink: black;
}
.author-hero li.author-jobs__item.role-vrijwilliger::before {
  content: "\f4c4"; /* fa-hands-helping */
}

.author-page {
  display: flex;
  flex-direction: column;
  color: #000;
  font-family: "Ubuntu";
  line-height: 1.6;
}
.author-page__bio {
  margin: 0;
  color: rgba(0, 0, 0, 0.92);
  max-width: clamp(33.75em, 100%, 65em);
  margin-inline: auto;
  padding: 5em 2em;
  font-size: 1.125rem;
}
.author-page section#author-posts:target {
  padding-top: calc(183px + 2em);
  margin-top: calc(-183px + 2em);
}
.author-page .author-posts {
  max-width: clamp(33.75em, 100%, 75em);
  margin-inline: auto;
  width: clamp(18.75rem, 100%, 65rem);
  padding-inline: 2rem;
}
.author-page .author-posts__title {
  margin-bottom: 1.25rem;
  font-family: "Ubuntu";
  font-size: clamp(1.4rem, 2vw, 2rem);
}
.author-page .author-posts__grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 700px) {
  .author-page .author-posts__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1000px) {
  .author-page .author-posts__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.author-page .author-posts .author-posts__grid--pattern {
  display: grid;
  gap: 1.25rem;
  /*
   * 6 gelijke kolommen:
   * - small = span 2
   * - featured = span 4
   * Zo blijft een small écht small, ook als hij links staat.
   */
  grid-template-columns: repeat(8, minmax(0, 1fr));
  align-items: start;
  /* Default: small cards */
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--small {
  grid-column: span 2;
  align-self: start;
  border-radius: 1.25rem;
  corner-shape: squircle;
  overflow: hidden;
  background: #f2f2f2;
  min-height: 300px;
  font-family: "Ubuntu";
  height: 100%;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--small:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--small:hover .related-card__cta {
  transform: translateX(4px);
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--small .related-card__link {
  display: grid;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--small .related-card__media {
  margin: 0;
  aspect-ratio: 16/9;
  background: #f3f3f3;
  overflow: hidden;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--small .related-card__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transform: scale(1.001);
  transition: transform 0.4s ease;
  margin-inline: auto;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--small .related-card__media:hover .related-card__media img {
  transform: scale(1.05);
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--small .related-card__body {
  display: grid;
  padding: 1rem 1rem 1.1rem;
  background: #f6f5f2;
  min-height: 175px;
  max-height: 200px;
  align-content: space-between;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--small .related-card__meta {
  opacity: 0.85;
  font-size: 0.9rem;
  margin: 0 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--small .related-card__title {
  margin: 0 0 0.75rem 0 !important;
  line-height: 1.15;
  font-size: 1.15rem;
  color: #000000;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--small .related-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.7rem;
  margin-top: auto;
  color: #dd5177;
  transition: 0.25s linear;
}
.author-page .author-posts .author-posts__grid--pattern {
  /* Featured: groter */
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--featured {
  grid-column: span 4;
  height: 100%;
  border-radius: 1.25rem;
  corner-shape: squircle;
  overflow: hidden;
}
.author-page .author-posts .author-posts__grid--pattern {
  /*
   * Pattern per 9 items:
   * Rij 1: 1 featured (1-4), 2 small (5-6), 3 small (5-6)
   * Rij 2: 4 small (1-2), 5 small (3-4), 6 featured (3-6)  [gespiegeld]
   * Rij 3: 7 featured (1-4), 8 small (5-6), 9 small (5-6)
   */
}
.author-page .author-posts .author-posts__grid--pattern > .related-card:nth-child(9n+1) {
  grid-column: 1/span 4;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card:nth-child(9n+2) {
  grid-column: 5/span 2;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card:nth-child(9n+3) {
  grid-column: 7/span 2;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card:nth-child(9n+4) {
  grid-column: 1/span 2;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card:nth-child(9n+5) {
  grid-column: 3/span 2;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card:nth-child(9n+6) {
  grid-column: 5/span 4;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card:nth-child(9n+7) {
  grid-column: 1/span 4;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card:nth-child(9n+8) {
  grid-column: 5/span 2;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card:nth-child(9n+9) {
  grid-column: 7/span 2;
}
.author-page .author-posts .author-posts__grid--pattern {
  /* Featured intern: mag de volle hoogte pakken */
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--featured .related-card__link {
  display: grid;
  text-decoration: none;
  color: inherit;
  position: relative;
  background: var(--bg) center/cover no-repeat;
  background-size: 150%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100% !important;
  min-height: 100%;
  transition: background-size 0.7s ease;
}
@media (min-width: 900px) {
  .author-page .author-posts .author-posts__grid--pattern > .related-card--featured .related-card__link {
    min-height: 100%;
  }
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--featured .related-card__link:hover {
  background-size: 125%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--featured .related-card__link:hover .related-card__cta {
  transform: translateX(4px);
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--featured .related-card__link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--featured .related-card__link .related-card__overlay {
  position: relative;
  z-index: 1;
  display: grid;
  padding: 2rem 2rem 1.1rem;
  color: #fff;
  height: 100%;
  align-content: end;
  gap: 0.35rem;
  background: none;
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--featured .related-card__link .related-card__overlay .related-card__title {
  font-size: clamp(1.25rem, 2.2vw, 1.75rem);
  font-weight: 500;
  color: #fff;
  max-width: 26ch;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.author-page .author-posts .author-posts__grid--pattern > .related-card--featured .related-card__link .related-card__overlay .related-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.7rem;
  margin-top: auto;
  color: #dd5177;
  transition: 0.25s linear;
}
.author-page .author-posts .author-posts__grid--pattern {
  /* Responsive terug naar normale flow */
}
@media (max-width: 1000px) {
  .author-page .author-posts .author-posts__grid--pattern {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .author-page .author-posts .author-posts__grid--pattern > .related-card,
  .author-page .author-posts .author-posts__grid--pattern > .related-card--featured {
    grid-column: auto !important;
  }
}
@media (max-width: 650px) {
  .author-page .author-posts .author-posts__grid--pattern {
    grid-template-columns: 1fr;
  }
  .author-page .author-posts .author-posts__grid--pattern > .related-card,
  .author-page .author-posts .author-posts__grid--pattern > .related-card--featured {
    grid-column: auto !important;
  }
}
.author-page .author-posts__pagination {
  margin-inline: auto;
  margin-block: 2rem;
}
.author-page .author-posts__pagination ul.page-numbers {
  display: flex;
  gap: 0.6rem;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.author-page .author-posts__pagination .page-numbers {
  font-family: "Poppins";
  font-size: 0.9rem;
  font-weight: 400;
  text-decoration: none;
  line-height: 1;
}
.author-page .author-posts__pagination a.page-numbers,
.author-page .author-posts__pagination span.page-numbers {
  min-width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vw;
  border: 2px solid transparent;
  color: #1a1a1a;
  --button-fill: #fff;
  --button-fill-stop: 100%;
  --rg-1-x: 15%;
  --rg-1-y: 85%;
  --rg-2-x: 85%;
  --rg-2-y: 40%;
  --rg-3-x: 35%;
  --rg-3-y: 85%;
  --rg-4-x: 35%;
  --rg-4-y: 75%;
  background: radial-gradient(circle, var(--button-fill) var(--button-fill-stop), transparent) padding-box, radial-gradient(circle 19px at var(--rg-1-x) var(--rg-1-y), #fd86a6, transparent) border-box, radial-gradient(circle 38px at var(--rg-2-x) var(--rg-2-y), #be2c64, transparent) border-box, radial-gradient(circle 28px at var(--rg-3-x) var(--rg-3-y), #90319c, transparent) border-box, radial-gradient(circle 9.5px at var(--rg-4-x) var(--rg-4-y), #4d3563, transparent) border-box;
  background-repeat: no-repeat;
  background-position: center;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
  transition: transform 0.15s ease, filter 0.2s ease, --button-fill 0.35s ease, --button-fill-stop 0.35s ease;
}
.author-page .author-posts__pagination a.page-numbers:hover,
.author-page .author-posts__pagination a.page-numbers:focus-visible {
  color: #fff;
  transition: 0.15s linear;
  animation: gradient-movement 12s alternate infinite ease-in-out;
  --button-fill: transparent;
  --button-fill-stop: 0%;
  transform: translateY(-1px);
  background: radial-gradient(circle 38px at var(--rg-1-x) var(--rg-1-y), #fd86a6 10%, #be2c64 40%, #90319c 70%, #4d3563 100%) padding-box, radial-gradient(circle 38px at var(--rg-2-x) var(--rg-2-y), #fd86a6, transparent) border-box;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.18));
}
.author-page .author-posts__pagination span.page-numbers.current {
  color: #fff;
  animation: gradient-movement 12s alternate infinite ease-in-out;
  --button-fill: transparent;
  --button-fill-stop: 0%;
  background: radial-gradient(circle 38px at var(--rg-1-x) var(--rg-1-y), #fd86a6 10%, #be2c64 40%, #90319c 70%, #4d3563 100%) padding-box, radial-gradient(circle 38px at var(--rg-2-x) var(--rg-2-y), #fd86a6, transparent) border-box;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.25));
}
.author-page .author-posts__pagination span.page-numbers.dots {
  border: 0;
  background: transparent;
  min-width: auto;
  padding: 0 0.25rem;
  height: auto;
  filter: none;
  color: #6b6b6b;
}
.author-page .author-posts__pagination a.page-numbers.prev,
.author-page .author-posts__pagination a.page-numbers.next {
  padding-inline: 1.25rem;
}
@media (prefers-reduced-motion: reduce) {
  .author-page .author-posts__pagination a.page-numbers,
  .author-page .author-posts__pagination span.page-numbers {
    transition: none;
  }
  .author-page .author-posts__pagination a.page-numbers:hover,
  .author-page .author-posts__pagination a.page-numbers:focus-visible {
    transform: none;
  }
}

header#svd-404 .custom-logo {
  filter: drop-shadow(-2px -1px 1px rgba(255, 255, 255, 0.7));
}
header#svd-404[data-scrolled=scrolled] .custom-logo {
  filter: none;
}

section.svd-404 {
  --svd-404-bg-image: url("images/404/sky.png");
  --svd-404-trees-image: url("images/404/trees.png");
  --svd-404-clouds-image: url("images/404/clouds.png");
  --svd-404-number-gradient-from: #df0d7a;
  --svd-404-number-gradient-to: #ff6910;
  --svd-404-number-text-stroke: 3px;
  --svd-404-number-text-stroke-clr: rgb(255 161 98 / 50%);
  --svd-404-heading-gradient-from: #ffffff;
  --svd-404-heading-gradient-to: #ffac8c;
  --svd-404-text-color: #ffffff;
  --svd-404-btn-main-clr: #8d0049;
  --svd-404-btn-bg-clr: #ffffff;
  --svd-404-btn-hover-gradient-clr: #a06486;
  --svd-404-btn-hover-gradient-accent-clr: #ff7f7e;
  --svd-404-btn-hover-text-clr: #ffffff;
  display: flex;
  position: relative;
  isolation: isolate;
  min-height: 80vh;
  min-height: calc(80dvh + 1rem);
  height: auto;
  background: var(--svd-404-bg-image) no-repeat bottom center;
  background-size: cover;
  margin-top: -200px;
  align-items: center;
  justify-content: center;
  padding-bottom: 2rem;
  /* ---------- Bomen-laag ---------- */
}
section.svd-404::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: var(--svd-404-trees-image) no-repeat bottom center;
  background-size: 100%;
  z-index: 1;
  mix-blend-mode: darken;
  filter: contrast(1.4);
}
@media (max-width: 57.5em) {
  section.svd-404::before {
    background-size: 150%;
  }
}
section.svd-404 {
  /* ---------- Wolken-laag ---------- */
}
section.svd-404::after {
  content: "";
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--svd-404-clouds-image) top center;
  opacity: 0.5;
  background-position: 0%;
  background-size: contain;
  animation: 30s clouds infinite linear;
  z-index: 0;
  mix-blend-mode: overlay;
}
@media (max-width: 90.3125em), (max-width: 75em), (max-width: 57.5em) {
  section.svd-404::after {
    background-size: cover;
  }
}
section.svd-404 {
  /* ---------- Piggy video ---------- */
}
section.svd-404 video {
  position: absolute;
  bottom: -75px;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(400px, 70%, 792px);
  height: auto;
  z-index: 5;
  filter: drop-shadow(-5px -7px 13px rgba(0, 0, 0, 0.08));
}
section.svd-404 .svd-404__inner {
  width: clamp(20em, 90%, 80em);
  margin-inline: auto;
  font-family: "Ubuntu";
  text-align: center;
}
@media (max-width: 57.5em) {
  section.svd-404 .svd-404__inner {
    height: auto;
    padding-top: 4rem;
  }
}
section.svd-404 .svd-404__inner {
  /* ---------- Groot 404 ---------- */
}
section.svd-404 .svd-404__inner header.svd-404__header {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
  width: 100%;
  overflow: hidden;
}
section.svd-404 .svd-404__inner header.svd-404__header h1.svd-404__title {
  font-family: "Poppins";
  font-size: clamp(15rem, 40vw, 30rem);
  position: absolute;
  font-weight: 600;
  bottom: -1rem;
  line-height: 0.8;
  left: 50%;
  transform: translateX(-50%);
  -webkit-text-stroke: var(--svd-404-number-text-stroke) var(--svd-404-number-text-stroke-clr);
  text-shadow: 0 0 1rem rgba(0, 0, 0, 0.35);
  background-image: linear-gradient(to bottom, #ff7f7e, #ff5151);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
@media (max-width: 500px) {
  section.svd-404 .svd-404__inner header.svd-404__header h1.svd-404__title {
    font-size: clamp(13rem, 6vw, 15rem);
  }
}
section.svd-404 .svd-404__inner header.svd-404__header video {
  position: absolute;
  top: 265px;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(400px, 70%, 792px);
  height: auto;
  z-index: 5;
  filter: drop-shadow(-5px -7px 13px rgba(0, 0, 0, 0.08));
}
@media (max-width: 57.5em) {
  section.svd-404 .svd-404__inner header.svd-404__header video {
    top: 220px;
  }
}
section.svd-404 .svd-404__inner .svd-404__content {
  position: relative;
  margin-block: 5rem 10rem;
}
@media (max-width: 75em) {
  section.svd-404 .svd-404__inner .svd-404__content {
    margin-block: 10rem;
    padding-inline: 6rem;
  }
}
@media (max-width: 57.5em) {
  section.svd-404 .svd-404__inner .svd-404__content {
    margin-block: 10rem;
    padding-inline: 6rem;
  }
}
@media (max-width: 500px) {
  section.svd-404 .svd-404__inner .svd-404__content {
    margin-block: 2rem;
    padding-inline: 5rem;
  }
}
section.svd-404 .svd-404__inner .svd-404__content {
  /* alles in content boven bomen/wolken */
}
section.svd-404 .svd-404__inner .svd-404__content a.svd-btn,
section.svd-404 .svd-404__inner .svd-404__content h1,
section.svd-404 .svd-404__inner .svd-404__content p {
  position: relative;
  z-index: 5;
}
section.svd-404 .svd-404__inner .svd-404__content {
  /* ---------- button ---------- */
}
section.svd-404 .svd-404__inner .svd-404__content a.svd-btn {
  --color-main-clr: var(--svd-404-btn-main-clr);
  --color-bg-clr: var(--svd-404-btn-bg-clr);
  --color-hover-gradient-clr: var(--svd-404-btn-hover-gradient-clr);
  --color-hover-gradient-accent-clr: var(--svd-404-btn-hover-gradient-accent-clr);
  --color-hover-clr: var(--svd-404-btn-hover-text-clr);
  --color-outline-clr: var(--color-main-clr);
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1rem;
  font-weight: 500;
  background-color: transparent;
  color: var(--color-hover-clr);
  border-radius: 1rem;
  padding-block: 0.35rem;
  padding-inline: 0.85rem;
  text-decoration: none;
  corner-shape: squircle;
  margin-block: 2rem;
  margin-inline: auto;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  mix-blend-mode: overlay;
  outline: 3px solid rgb(255, 255, 255);
  filter: drop-shadow(0px 3px 1px rgba(0, 0, 0, 0.2));
}
section.svd-404 .svd-404__inner .svd-404__content a.svd-btn i {
  margin-right: 0.5rem;
}
section.svd-404 .svd-404__inner .svd-404__content a.svd-btn:hover {
  background-color: var(--color-bg-clr);
  color: var(--color-hover-gradient-clr);
  outline: 5px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s linear;
  text-shadow: none;
}
section.svd-404 .svd-404__inner .svd-404__content {
  /* ---------- title ---------- */
}
section.svd-404 .svd-404__inner .svd-404__content h1 {
  --color-main-clr: var(--svd-404-text-color);
  background: linear-gradient(90deg, var(--svd-404-heading-gradient-from), var(--svd-404-heading-gradient-to));
  -webkit-background-clip: text;
  color: rgba(255, 255, 255, 0.5);
  mix-blend-mode: overlay;
  font-size: clamp(1.55rem, 2vw, 2.5rem);
  font-weight: 500;
  text-wrap: balance;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.28));
}
section.svd-404 .svd-404__inner .svd-404__content {
  /* ---------- paragraph ---------- */
}
section.svd-404 .svd-404__inner .svd-404__content p {
  --color-main-clr: var(--svd-404-text-color);
  color: var(--color-main-clr);
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 300;
  text-wrap: balance;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
}
section.svd-404 .svd-404__ground {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
  z-index: 1;
}
@media (max-width: 500px) {
  section.svd-404 .svd-404__ground {
    bottom: -1px;
  }
}
section.svd-404 .svd-404__ground svg {
  position: relative;
  display: block;
  width: calc(300% + 1.3px);
  transition: all 0.3s linear;
  height: 75px;
}
@media (max-width: 500px) {
  section.svd-404 .svd-404__ground svg {
    height: 37.5px;
  }
}
section.svd-404 .svd-404__ground .shape-fill {
  fill: #ffffff;
}

section.svd-404__centered {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-block: 5rem;
  align-items: center;
  background: #fff;
  font-family: "Ubuntu";
}
section.svd-404__centered .container {
  flex-direction: column;
  margin-block: 5em;
  margin-inline: auto;
  text-align: center;
  max-width: clamp(33.75em, 95%, 75em);
}
section.svd-404__centered .container h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 500;
  text-wrap: balance;
}
section.svd-404__centered .container h3 {
  font-size: clamp(1.25rem, 3vw, 2rem);
  font-weight: 300;
  text-wrap: balance;
}
section.svd-404__centered .container form.search-form.search-form--page {
  display: flex;
  justify-content: center;
  margin-block: 1rem;
}
section.svd-404__centered .container form.search-form.search-form--page * {
  font-family: "Poppins";
}
section.svd-404__centered .container form.search-form.search-form--page input[type=search] {
  padding: 0.5rem 1rem;
}
section.svd-404__centered .container form.search-form.search-form--page button {
  padding: 0.5rem 1rem;
}

@keyframes clouds {
  from {
    background-position: 0%;
  }
  to {
    background-position: 100%;
  }
}
body:is(.single-essaywedstrijd) header.site-header {
  padding-bottom: 0;
}

.essay-hero,
.essay-meta,
.essay-content,
.essay-sections,
.essay-faq {
  font-family: "Ubuntu", sans-serif;
}

.essay-hero .container,
.essay-meta .container,
.essay-content .container,
.essay-sections .container,
.essay-faq .container {
  max-width: 75rem;
  width: 100%;
  margin-inline: auto;
  padding-inline: clamp(1rem, 3vw, 2rem);
}

.essay-hero {
  padding: clamp(2rem, 5vw, 4rem) 0;
  background: radial-gradient(circle at 20% 10%, rgba(157, 38, 98, 0.1), transparent 60%), radial-gradient(circle at 80% 20%, rgba(255, 209, 3, 0.12), transparent 55%);
}
.essay-hero .container {
  flex-direction: column;
}

.essay-title {
  margin: 0 0 0.75rem;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.essay-lead {
  max-width: 65ch;
  opacity: 0.9;
  font-size: clamp(1rem, 0.6vw + 0.95rem, 1.2rem);
}

.essay-cta .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  border-radius: 999px;
  padding: 0.85rem 1.2rem;
  text-decoration: none;
  background: #1c9cd7;
  color: #fff;
  transition: 0.3s linear;
}
.essay-cta .btn:hover {
  background: color-mix(in oklab, black 30%, #1c9cd7 70%);
  transform: translateY(-4px);
  box-shadow: 0px 2px 0px rgba(255, 255, 255, 0.5), inset 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.essay-meta {
  padding: 1.25rem 0 0;
}

.essay-meta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.essay-meta-item {
  border-radius: 1.25rem;
  padding: 1.05rem 1.15rem;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.essay-meta-item .label {
  display: block;
  font-size: 0.82rem;
  opacity: 0.75;
  margin-bottom: 0.35rem;
}
.essay-meta-item strong {
  font-size: 1.05rem;
}

.essay-meta-item.status-actief {
  border-left: 4px solid rgba(46, 125, 50, 0.55);
}

.essay-meta-item.status-concept {
  border-left: 4px solid rgba(255, 152, 0, 0.6);
}

.essay-meta-item.status-afgelopen {
  border-left: 4px solid rgba(120, 120, 120, 0.5);
}

.essay-content {
  padding: clamp(1.5rem, 4vw, 2.5rem) 0;
}

.essay-content .container {
  max-width: 75ch;
}

.essay-sections {
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: clamp(1.5rem, 4.5vw, 3rem) 0;
}

.essay-block {
  padding: 1.5rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.essay-block h2 {
  margin: 0 0 0.5rem;
  letter-spacing: -0.01em;
}
.essay-block__body {
  max-width: 75ch;
  opacity: 0.95;
}
.essay-block--wide .essay-block__body {
  max-width: 85ch;
}
.essay-block--cards {
  padding: 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.65);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.essay-faq {
  padding: clamp(2rem, 5vw, 4rem) 0;
}

.essay-faq h2 {
  margin: 0 0 1rem;
}

.essay-faq-item {
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  margin: 0 0 0.9rem;
  overflow: hidden;
}
.essay-faq-item summary {
  cursor: pointer;
  padding: 1rem 1.15rem;
  font-weight: 500;
  font-size: 1.115rem;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.essay-faq-item summary:focus-visible {
  outline: 3px solid rgba(157, 38, 98, 0.25);
  outline-offset: 3px;
  border-radius: 1rem;
}
.essay-faq-item summary::-webkit-details-marker {
  display: none;
}
.essay-faq-item summary::after {
  content: "▾";
  font-size: 1.1rem;
  opacity: 0.7;
  transform: translateY(-1px);
  transition: transform 0.2s ease;
}
.essay-faq-item[open] summary::after {
  transform: rotate(180deg);
}
.essay-faq-item .essay-faq-answer {
  padding: 0 1.15rem 1.1rem;
  opacity: 0.92;
  max-width: 75ch;
}

.essay-main {
  font-family: "Ubuntu", sans-serif;
  padding: clamp(2rem, 5vw, 4rem) 0;
}
.essay-main .container {
  max-width: 75rem;
}

.essay-main__grid {
  display: grid;
  gap: clamp(2rem, 4vw, 3rem);
}
@media (min-width: 900px) {
  .essay-main__grid {
    grid-template-columns: 2fr 1fr;
    align-items: start;
  }
}

.essay-main__content > * + * {
  margin-top: 1rem;
  font-weight: 300;
}
.essay-main__content p {
  font-size: clamp(1.115rem, 3vw, 1.25rem);
}

@media (min-width: 900px) {
  .essay-main__sidebar {
    position: sticky;
    top: calc(154px + 2rem);
  }
}

@media (min-width: 900px) {
  body:has(#wpadminbar) .essay-main__sidebar {
    position: sticky;
    top: calc(154px + 2rem + 32px);
  }
}

.essay-sidebar-cta {
  margin-inline: auto;
  margin-bottom: 1rem;
  text-align: center;
}
.essay-sidebar-cta .btn {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  border-radius: 999px;
  padding: 0.9rem 1.15rem;
  background: #1c9cd7;
  color: #fff;
  text-decoration: none;
  margin-bottom: 0.5rem;
  transition: 0.3s linear;
}
.essay-sidebar-cta .btn:hover {
  background: color-mix(in oklab, black 30%, #1c9cd7 70%);
  transform: translateY(-2px);
  box-shadow: inset 0px -2px 1px rgba(0, 0, 0, 0.3), inset 0px 2px 1px rgba(255, 255, 255, 0.5);
}

.essay-sidebar-cta__hint {
  margin: 0.6rem 0 0;
  opacity: 0.8;
  font-size: 0.95rem;
}

.essay-deadline-badge {
  margin-top: 1rem;
  padding: 0.85rem 1rem;
  border-radius: 1rem;
  background: rgba(255, 209, 3, 0.12);
  border: 1px solid rgba(255, 209, 3, 0.25);
  font-weight: 600;
}

.essay-sidebar-links {
  margin-top: 0.85rem;
}
.essay-sidebar-links a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  text-decoration: none;
  font-weight: 650;
  opacity: 0.9;
}
.essay-sidebar-links a:hover {
  opacity: 1;
  text-decoration: underline;
}
.essay-sidebar-links a:focus-visible {
  outline: 3px solid rgba(157, 38, 98, 0.25);
  outline-offset: 3px;
  border-radius: 0.75rem;
}
.essay-sidebar-links a::after {
  content: "→";
  transform: translateY(-1px);
}

@media (min-width: 900px) {
  .essay-main__sidebar .essay-meta-grid {
    grid-template-columns: 1fr;
  }
}
section.news-container {
  display: grid;
  gap: 5rem;
}

.news-grid {
  --gap: 1.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--gap);
  align-items: start;
  grid-auto-flow: dense;
  max-width: 80em;
  margin-inline: auto;
}
@media (max-width: 75em) {
  .news-grid {
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}
@media (max-width: 57.5em) {
  .news-grid {
    grid-template-columns: repeat(1, minmax(300px, 1fr));
  }
}

article.news-page header.news-header {
  --thumb-height: 65vh;
  position: relative;
  display: grid;
  align-content: center;
  min-height: var(--thumb-height);
  margin-inline: auto;
  background-size: cover;
  font-family: "Ubuntu";
  color: #fff;
  width: 100svw;
  margin-top: calc(var(--header-height) * -1);
  z-index: 0;
}
article.news-page header.news-header::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.15) 42%, rgba(0, 0, 0, 0.8) 95%);
}
article.news-page header.news-header:hover span.latest-news-text {
  color: #fed216;
}
@media (max-width: 60em) {
  article.news-page header.news-header {
    --thumb-height: 70vh;
    padding-inline: 7.5em;
  }
}
@media (max-width: 500px) {
  article.news-page header.news-header {
    --thumb-height: 60vh;
    padding-inline: 3.75em;
    margin-inline: auto;
  }
}
@media (max-width: 300px) {
  article.news-page header.news-header {
    padding-inline: 1.5em;
  }
}

header.news-header .header-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  padding-inline: 5rem;
  align-items: center;
}
header.news-header .header-container h1 {
  font-size: clamp(1.75em, 2.25vw, 3.25em);
  font-weight: 500;
  line-height: 1;
  margin-bottom: 2rem;
  font-family: "Stack Sans Headline";
}
header.news-header .header-container h1 span.latest-news-text {
  color: transparent;
  font-weight: 600;
  -webkit-text-stroke: 2px #fed216;
  font-family: "Ubuntu";
  transition: 0.3s ease-in-out;
}
@media (max-width: 500px) {
  header.news-header .header-container {
    margin-inline: auto;
  }
}
@media (max-width: 300px) {
  header.news-header .header-container {
    margin-inline: auto;
  }
}

header.news-grid-header {
  width: clamp(20rem, 100%, 60rem);
  font-family: "Ubuntu";
  font-weight: 500;
  margin-inline: auto;
  font-size: clamp(1.25rem, 2vw, 2rem);
  line-height: 1;
  text-wrap: balance;
  text-align: center;
}
@media (max-width: 500px) {
  header.news-grid-header {
    font-size: clamp(1rem, 2vw, 1.5rem);
  }
}

.news-content {
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  font-weight: 500;
  z-index: 3;
}

.news-card {
  --hover-origin-x: 50%;
  --hover-origin-y: 50%;
  --hover-shift-x: 0%;
  --hover-shift-y: 0%;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  height: 100%;
}
.news-card figure.news-card__media {
  height: 100%;
}
.news-card {
  /* écht groot: 2 kolommen + 2 rijen */
}
@media (min-width: 900px) {
  .news-card .news-card--big {
    grid-column: span 2;
    grid-row: span 2;
  }
}
.news-card .news-card--big figure.news-card__media {
  height: auto;
}
@supports (corner-shape: squircle) {
  .news-card {
    corner-shape: squircle;
    border-radius: 1em;
  }
}
@media (max-width: 57.5em) {
  @supports (corner-shape: squircle) {
    .news-card {
      corner-shape: unset;
      border-radius: 0;
    }
  }
}

/* horizontaal grotere kaart */
.news-card--wide {
  height: 100%;
}
@media (min-width: 900px) {
  .news-card--wide {
    grid-column: span 2;
  }
}
.news-card--wide figure.news-card__media {
  height: 100%;
}
@media (max-width: 80em) {
  @supports (corner-shape: squircle) {
    .news-card--wide figure.news-card__media {
      corner-shape: unset;
      border-radius: 0;
    }
  }
}
@media (max-width: 80em) {
  @supports (corner-shape: squircle) {
    .news-card--wide {
      corner-shape: unset;
      border-radius: 0;
    }
  }
}

.news-card > a {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.news-card__media {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
}

.news-card__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transform-origin: var(--hover-origin-x) var(--hover-origin-y);
  transform: scale(1) translate(var(--hover-shift-x), var(--hover-shift-y));
  transition: transform 280ms ease;
}

/* hotspots */
.news-card__hotspot {
  position: absolute;
  pointer-events: auto;
  width: 50%;
  height: 50%;
}

.news-card__hotspot--tl {
  top: 0;
  left: 0;
}

.news-card__hotspot--tr {
  top: 0;
  right: 0;
}

.news-card__hotspot--bl {
  bottom: 0;
  left: 0;
}

.news-card__hotspot--br {
  bottom: 0;
  right: 0;
}

/* variabelen per hoek */
.news-card:has(.news-card__hotspot--tl:hover) {
  --hover-origin-x: 0%;
  --hover-origin-y: 0%;
  --hover-shift-x: -3%;
  --hover-shift-y: -3%;
}

.news-card:has(.news-card__hotspot--tr:hover) {
  --hover-origin-x: 100%;
  --hover-origin-y: 0%;
  --hover-shift-x: 3%;
  --hover-shift-y: -3%;
}

.news-card:has(.news-card__hotspot--bl:hover) {
  --hover-origin-x: 0%;
  --hover-origin-y: 100%;
  --hover-shift-x: -3%;
  --hover-shift-y: 3%;
}

.news-card:has(.news-card__hotspot--br:hover) {
  --hover-origin-x: 100%;
  --hover-origin-y: 100%;
  --hover-shift-x: 3%;
  --hover-shift-y: 3%;
}

/* daadwerkelijke hover */
.news-card:hover .news-card__media img {
  transform: scale(1.06) translate(var(--hover-shift-x), var(--hover-shift-y));
}

article.news-card:has(.news-card__media img) .news-card__body {
  background: rgba(0, 0, 0, 0.3);
}

.news-card__body {
  position: absolute;
  padding: 1.25rem 1.25rem 1.5rem;
  background: rgba(55, 0, 15, 0.7);
  width: 100%;
  height: 100%;
  color: #fff;
  font-family: Ubuntu;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.75em;
}

article.news-card:nth-child(odd) .news-card__body {
  background: rgba(29, 35, 39, 0.7);
}

article.news-card:nth-child(even) .news-card__body {
  background: rgba(29, 35, 39, 0.35);
}

.news-card__meta {
  font-size: 0.75em;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #181818;
  margin-bottom: 0.4rem;
  width: -moz-max-content;
  width: max-content;
  background: #fff;
  padding: 4px 8px;
  border-radius: 2rem;
}
@supports (corner-shape: squircle) {
  .news-card__meta {
    corner-shape: squircle;
  }
}

.news-card__title {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 500;
  line-height: 1.3;
  text-wrap: balance;
  margin: 0 0 0.6rem;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.news-card__excerpt {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #555;
}

body.admin-bar section#news-grid:target {
  padding-top: calc(215px + 2em);
  margin-top: calc(-215px + 2em);
}

#news-grid:target {
  padding-top: calc(183px + 2em);
  margin-top: calc(-183px + 2em);
}

.news-posts__pagination {
  margin-block: 0 5rem;
}
.news-posts__pagination ul.page-numbers {
  display: flex;
  gap: 0.6rem;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.news-posts__pagination .page-numbers {
  font-family: "Poppins";
  font-size: 0.9rem;
  font-weight: 400;
  text-decoration: none;
  line-height: 1;
}
.news-posts__pagination a.page-numbers,
.news-posts__pagination span.page-numbers {
  min-width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vw;
  border: 2px solid transparent;
  color: #1a1a1a;
  --button-fill: #fff;
  --button-fill-stop: 100%;
  --rg-1-x: 15%;
  --rg-1-y: 85%;
  --rg-2-x: 85%;
  --rg-2-y: 40%;
  --rg-3-x: 35%;
  --rg-3-y: 85%;
  --rg-4-x: 35%;
  --rg-4-y: 75%;
  background: radial-gradient(circle, var(--button-fill) var(--button-fill-stop), transparent) padding-box, radial-gradient(circle 19px at var(--rg-1-x) var(--rg-1-y), #fd86a6, transparent) border-box, radial-gradient(circle 38px at var(--rg-2-x) var(--rg-2-y), #be2c64, transparent) border-box, radial-gradient(circle 28px at var(--rg-3-x) var(--rg-3-y), #90319c, transparent) border-box, radial-gradient(circle 9.5px at var(--rg-4-x) var(--rg-4-y), #4d3563, transparent) border-box;
  background-repeat: no-repeat;
  background-position: center;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
  transition: transform 0.15s ease, filter 0.2s ease, --button-fill 0.35s ease, --button-fill-stop 0.35s ease;
}
.news-posts__pagination a.page-numbers:hover,
.news-posts__pagination a.page-numbers:focus-visible {
  color: #fff;
  transition: 0.15s linear;
  animation: gradient-movement 12s alternate infinite ease-in-out;
  --button-fill: transparent;
  --button-fill-stop: 0%;
  transform: translateY(-1px);
  background: radial-gradient(circle 38px at var(--rg-1-x) var(--rg-1-y), #fd86a6 10%, #be2c64 40%, #90319c 70%, #4d3563 100%) padding-box, radial-gradient(circle 38px at var(--rg-2-x) var(--rg-2-y), #fd86a6, transparent) border-box;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.18));
}
.news-posts__pagination span.page-numbers.current {
  color: #fff;
  animation: gradient-movement 12s alternate infinite ease-in-out;
  --button-fill: transparent;
  --button-fill-stop: 0%;
  background: radial-gradient(circle 38px at var(--rg-1-x) var(--rg-1-y), #fd86a6 10%, #be2c64 40%, #90319c 70%, #4d3563 100%) padding-box, radial-gradient(circle 38px at var(--rg-2-x) var(--rg-2-y), #fd86a6, transparent) border-box;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.25));
}
.news-posts__pagination span.page-numbers.dots {
  border: 0;
  background: transparent;
  min-width: auto;
  padding: 0 0.25rem;
  height: auto;
  filter: none;
  color: #6b6b6b;
}
.news-posts__pagination a.page-numbers.prev,
.news-posts__pagination a.page-numbers.next {
  padding-inline: 1.25rem;
}
@media (prefers-reduced-motion: reduce) {
  .news-posts__pagination a.page-numbers,
  .news-posts__pagination span.page-numbers {
    transition: none;
  }
  .news-posts__pagination a.page-numbers:hover,
  .news-posts__pagination a.page-numbers:focus-visible {
    transform: none;
  }
}

section.section--cards {
  position: relative;
  background: #242424;
  width: 100%;
  padding: 4em 0;
  z-index: 0;
  font-family: "Poppins";
}
section.section--cards header.cards-intro {
  display: flex;
  color: #d8d6b7;
  width: clamp(33.75em, 90%, 65em);
  flex-direction: column;
  margin-inline: auto;
  margin-bottom: 4em;
  margin-top: 6em;
  padding: 5em 2em 0;
  border-radius: 1.5em;
  text-align: center;
}
section.section--cards header.cards-intro h1.cards-intro-title {
  position: relative;
  display: inline-flex;
  margin-inline: auto;
  font-family: "Stack Sans Headline";
  font-weight: 100;
  color: #fed216;
  padding: 0 0 1em 0;
}
section.section--cards header.cards-intro h1.cards-intro-title::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 1em;
  background: currentColor;
  bottom: 0;
  margin-bottom: 0.75em;
}
section.section--cards header.cards-intro p.cards-intro-desc {
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: 300;
  color: #f3e1cb;
}
section.section--cards div.cards--wrapper {
  display: flex;
  width: 100%;
  max-width: clamp(33.75em, 90%, 65em);
  gap: 2em;
  margin-inline: auto;
  align-items: flex-start;
  margin-bottom: 150px;
}
@media (max-width: 75em) {
  section.section--cards div.cards--wrapper {
    flex-wrap: wrap;
    padding-inline: 2em;
  }
}
section.section--cards div.cards--wrapper div.card {
  background: #2f2f2f;
  border-radius: 0.85em;
  position: relative;
  width: 100%;
}
section.section--cards div.cards--wrapper div.card .cards-thumb {
  display: flex;
  position: absolute;
  top: 0;
  width: 100%;
  height: 200px;
  max-height: 200px;
  background-size: cover;
  border-radius: 1em 1em 0 0;
}
section.section--cards div.cards--wrapper div.card .cards-thumb > img {
  max-width: 100%;
  border-radius: 1em 1em 0 0;
}
section.section--cards div.cards--wrapper div.card header.cards-header {
  width: calc(100% - 4em);
  margin-inline: auto;
  padding-top: calc(1.5em + 200px);
  padding-bottom: 0.5em;
}
section.section--cards div.cards--wrapper div.card header.cards-header h1.cards-title {
  font-family: "KG The Last Time";
  font-size: clamp(1.05rem, 2vw + 1rem, 1.25rem);
  text-wrap: pretty;
  color: #fed216;
  text-transform: capitalize;
  font-weight: 300;
}
section.section--cards div.cards--wrapper div.card .cards-content {
  position: relative;
  width: calc(100% - 4em);
  margin-inline: auto;
  padding-top: 1em;
  padding-bottom: 1.5em;
}
section.section--cards div.cards--wrapper div.card .cards-content > p {
  color: #837667;
  font-size: 0.925rem;
  line-height: 2;
  margin-bottom: 1em;
}
section.section--cards div.cards--wrapper div.card .cards-content > p:first-child, section.section--cards div.cards--wrapper div.card .cards-content > p:last-child {
  margin: 0;
}
section.section--cards div.cards--wrapper div.card .cards-content > p::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  border-radius: 1em;
  width: 100%;
  background: #fed216;
}
section.section--cards {
  /* SVG Divider Top */
}
section.section--cards .svg-divider--top {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  transform: scale(1.005);
}
section.section--cards {
  /* SVG Divider Bottom */
}
section.section--cards .svg-divider--bottom {
  position: absolute;
  bottom: -10px;
  width: 100%;
  z-index: -1;
  transform: scaleX(-1.005);
}

.landing-content {
  --min-content: 12.5rem;
  --max-content: 60em;
  width: clamp(var(--min-content), 100%, var(--max-content));
  margin-inline: auto;
}
.landing-content p {
  font-size: clamp(1.1125rem, 3vw, 1.25rem);
  margin-bottom: 1em;
}
.landing-content a {
  --c: #a53251;
  color: rgba(0, 0, 0, 0);
  background: linear-gradient(90deg, #fff 50%, var(--c) 0) calc(100% - var(--_p, 0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) 100% no-repeat;
  -webkit-background-clip: text, padding-box;
  background-clip: text, padding-box;
  transition: 0.5s;
  font-weight: 500;
  border-radius: 10px;
  corner-shape: squircle;
  text-decoration: none;
}
.landing-content a:hover {
  --_p: 100%;
}
.landing-content:has(img) img {
  float: left;
  min-width: 220px;
  height: auto;
  margin: 0 1rem 1rem 0;
  text-wrap: balance;
  border-radius: 20px;
}
@media (max-width: 500px) {
  .landing-content:has(img) img {
    min-width: calc(100% + 2rem);
    margin: 0 -1rem 1rem;
    border-radius: 0;
  }
}
.landing-content footer.entry-footer {
  display: flex;
  width: 100%;
}

article.entry-article.container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: clamp(33.75em, 95%, 100em);
  margin-inline: auto;
  margin-block: 0 4em;
  padding-inline: clamp(1rem, 2vw, 3rem);
}
@media (max-width: 57.5em) {
  article.entry-article.container {
    padding-inline: 0;
  }
}
article.entry-article.container .entry-content a {
  --c: #a53251;
  color: rgba(0, 0, 0, 0);
  background: linear-gradient(90deg, #fff 50%, var(--c) 0) calc(100% - var(--_p, 0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) 100% no-repeat;
  -webkit-background-clip: text, padding-box;
  padding: 5px 0;
  background-clip: text, padding-box;
  transition: 0.5s;
  font-weight: 500;
  border-radius: 10px;
  corner-shape: squircle;
  text-decoration: none;
}
article.entry-article.container .entry-content a:hover {
  --_p: 100%;
}
article.entry-article.container .entry-content a:has(img) {
  background: unset;
}
article.entry-article.container .entry-content a:has(img) img {
  margin: 0;
}
article.entry-article.container footer.page--admin-bar {
  display: flex;
  gap: 1rem;
  color: #fff;
  width: clamp(12.5em, 100%, 60em);
  margin-inline: auto;
  margin-block: 5em 0;
  z-index: 5;
  font-family: "Ubuntu";
  border-top: 2px solid #e3e3e3;
  padding-block: clamp(1rem, 3vw, 1rem);
  flex-direction: row;
  align-items: center;
}
@media (max-width: 500px) {
  article.entry-article.container footer.page--admin-bar {
    flex-direction: column;
    width: calc(clamp(12.5em, 100%, 60em) - 2rem);
  }
}
article.entry-article.container footer.page--admin-bar h2 {
  color: #5b4b50;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 500;
}
article.entry-article.container footer.page--admin-bar a.post-edit-link,
article.entry-article.container footer.page--admin-bar a.post-trash-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--post-clr);
  background: var(--post-bg);
  border: var(--post-border);
  padding-inline: 1rem;
  padding-block: 0.5rem;
  text-decoration: none;
  line-height: 1.5;
  font-size: 0.85rem;
  font-weight: 300;
  border-radius: 0.5rem;
  transition: 0.25s ease-in-out;
}
article.entry-article.container footer.page--admin-bar a.post-edit-link:hover,
article.entry-article.container footer.page--admin-bar a.post-trash-link:hover {
  background: var(--post-bg-hover);
}
article.entry-article.container footer.page--admin-bar a.post-edit-link {
  --post-bg: #cf9c3e;
  --post-bg-hover: #ffa600;
  --post-clr: #fff;
  --post-border: 1px solid transparent;
}
article.entry-article.container footer.page--admin-bar a.post-trash-link {
  --post-bg: #fff;
  --post-bg-hover: rgb(151, 50, 50);
  --post-clr: rgb(151, 50, 50);
  --post-border: 1px dashed currentColor;
}
article.entry-article.container footer.page--admin-bar a.post-trash-link:hover {
  --post-clr: fff;
}

section.post-type .entry-content {
  display: flex;
  flex-direction: column;
  font-family: "Ubuntu";
  font-size: 1.075rem;
  width: clamp(20em, 100%, 60em);
  margin-inline: auto;
  padding-inline: clamp(1rem, 2vw, 3rem);
}
section.post-type .entry-content h2,
section.post-type .entry-content h3,
section.post-type .entry-content h4,
section.post-type .entry-content h5 {
  font-weight: 600;
}
section.post-type .entry-content h2.wp-block-heading {
  font-size: clamp(1.2rem, 2vw, 2rem);
  color: #a53251;
}
section.post-type .entry-content h3 {
  font-size: clamp(1.8rem, 4vw, 2.2rem);
  text-wrap: balance;
}
section.post-type .entry-content p {
  margin-bottom: 1.6rem;
  line-height: 1.6;
  font-size: clamp(1.1125rem, 3vw, 1.25rem);
  font-family: "Ubuntu";
  font-weight: 300;
}
section.post-type .entry-content img {
  max-width: 100%;
  height: auto;
  border-radius: 1rem;
  margin-block: 2rem;
}
section.post-type .entry-content strong {
  font-weight: 500;
}

section.post-style .container:first-child {
  flex-direction: column;
}

.post header.entry-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Ubuntu";
  margin-bottom: 2em;
  padding-block: 5em;
  padding-inline: 5em;
  background: #eeaeca;
  background: radial-gradient(circle, rgb(255, 223, 241) 0%, rgb(255, 228, 235) 150%);
}
.post header.entry-header .post-meta-container {
  width: clamp(30em, 100%, 65em);
}
@media (max-width: 75rem) {
  .post header.entry-header .post-meta-container {
    text-align: center;
  }
}
.post header.entry-header ul.post-meta {
  display: flex;
  gap: 1em;
  flex-direction: column;
  z-index: 3;
}
.post header.entry-header ul.post-meta li.icon-datetime {
  font-size: 1rem;
  font-weight: 300;
}
.post header.entry-header ul.post-meta li.thumb-source {
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
  padding-inline: 1rem;
  padding-block: 0.5rem;
  border-radius: 2rem;
  corner-shape: squircle;
  background: #000;
}
.post header.entry-header ul.post-meta li.icon-author {
  position: relative;
  display: flex;
  gap: 0;
  align-items: center;
  margin-top: 2rem;
}
@media (max-width: 765px) {
  .post header.entry-header ul.post-meta li.icon-author {
    flex-direction: column;
    justify-content: center;
    gap: 1em;
  }
}
.post header.entry-header ul.post-meta li.icon-author .author-avatar {
  display: flex;
  z-index: 5;
}
.post header.entry-header ul.post-meta li.icon-author .author-avatar img.avatar {
  border-radius: 50%;
  filter: none;
  outline: 7px solid rgb(255, 255, 255);
  outline-offset: 0;
}
@supports (corner-shape: squircle) {
  .post header.entry-header ul.post-meta li.icon-author .author-avatar img.avatar {
    corner-shape: squircle;
  }
}
@media (max-width: 31.25em) {
  .post header.entry-header ul.post-meta li.icon-author .author-avatar img.avatar {
    max-width: 64px;
    height: auto;
    outline: 3.5px solid rgb(255, 255, 255);
  }
}
.post header.entry-header ul.post-meta li.icon-author .author-name {
  display: flex;
  gap: 1rem;
  padding: 0.5em 1rem;
  border-radius: 0 1em 1em 0;
  flex-direction: row;
}
@media (max-width: 765px) {
  .post header.entry-header ul.post-meta li.icon-author .author-name {
    flex-direction: column;
    align-items: center;
  }
}
.post header.entry-header ul.post-meta li.icon-author a {
  color: #a53251;
  background: #fff;
  margin-left: -15px;
  padding: 0.15rem 0.6rem 0.15rem 1rem;
  border-radius: 0 1.5rem 1.5rem 0;
  corner-shape: squircle;
}
@media (max-width: 765px) {
  .post header.entry-header ul.post-meta li.icon-author a {
    border-radius: 1.5rem;
    margin-left: 0;
  }
}
.post header.entry-header ul.post-meta li.icon-author a:hover {
  background: #a53251;
  color: white;
}
.post header.entry-header ul.post-meta li.icon-author a::after, .post header.entry-header ul.post-meta li.icon-author a::before, .post header.entry-header ul.post-meta li.icon-author a:hover::after, .post header.entry-header ul.post-meta li.icon-author a:hover::before {
  content: none;
}
.post header.entry-header ul.post-meta li.icon-author ul.author-job {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 35em) {
  .post header.entry-header ul.post-meta li.icon-author ul.author-job {
    justify-content: center;
  }
}
.post header.entry-header ul.post-meta li.icon-author li.author-job {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  filter: none;
}
.post header.entry-header ul.post-meta li.icon-author li.author-job.schrijver {
  color: #000000;
}
.post header.entry-header ul.post-meta li.icon-author span span {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
.post header.entry-header h1 {
  text-wrap: balance;
  font-size: clamp(1.25em, 2vw, 2.5rem);
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #a53251;
}

.post header.entry-header--thumb {
  --thumb-height: 70vh;
  --thumb-padding: 0px;
  --thumb-mt: calc(var(--header-height) * -1);
  position: relative;
  min-height: calc(var(--thumb-height) + var(--thumb-padding));
  margin-block: var(--thumb-mt) 4em;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-family: "Ubuntu";
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  gap: 1em;
  z-index: 0;
}
@media (max-width: 57.5em) {
  .post header.entry-header--thumb {
    --thumb-height: 60vh;
  }
}
@media (max-width: 30em) {
  .post header.entry-header--thumb {
    --thumb-height: 60vh;
  }
}
.post header.entry-header--thumb .post-meta-container {
  --margin-top-post-meta-container: calc(clamp(18.75em, 100%, 75em) - 4rem);
  display: flex;
  flex-direction: column;
  width: var(--margin-top-post-meta-container);
  z-index: 3;
}
@media (max-width: 75rem) {
  .post header.entry-header--thumb .post-meta-container {
    --margin-top-post-meta-container: calc(clamp(18.75em, 100%, 75em) - 3rem);
    margin-top: 2rem;
  }
}
@media (max-width: 500px) {
  .post header.entry-header--thumb .post-meta-container {
    --margin-top-post-meta-container: calc(clamp(18.75em, 100%, 75em) - 4rem);
    margin-top: 7.2rem;
  }
}
.post header.entry-header--thumb h1 {
  text-wrap: pretty;
  font-size: clamp(1.25em, 2vw, 2.5rem);
  font-weight: 500;
}
@media (max-width: 75rem) {
  .post header.entry-header--thumb h1 {
    text-wrap: balance;
  }
}
.post header.entry-header--thumb::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.15) 42%, rgba(0, 0, 0, 0.8) 95%);
}
.post header.entry-header--thumb div.thumb-source {
  position: absolute;
  bottom: 1rem;
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
  padding-inline: 1rem;
  padding-block: 0.5rem;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2rem;
  backdrop-filter: blur(8px);
  font-size: 0.8rem;
}
.post header.entry-header--thumb div.thumb-source p.image-source {
  font-weight: 300;
}
.post header.entry-header--thumb div.thumb-source p.image-source strong {
  font-weight: 500;
}
.post header.entry-header--thumb div.thumb-source a {
  color: #1c9cd7;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.85;
  transition: opacity 0.3s ease;
}
.post header.entry-header--thumb div.thumb-source a:hover {
  text-decoration: underline;
  opacity: 1;
}

ul.post-meta {
  display: flex;
  gap: 1em;
  flex-direction: column;
  z-index: 3;
}
ul.post-meta li.icon-datetime {
  font-size: 1rem;
  font-weight: 300;
}
ul.post-meta li.icon-author {
  margin-top: 2rem;
  display: flex;
  gap: 2rem;
  align-items: center;
}
@media (max-width: 765px) {
  ul.post-meta li.icon-author {
    justify-content: center;
  }
}
ul.post-meta li.icon-author .author-avatar {
  display: flex;
}
ul.post-meta li.icon-author .author-avatar img.avatar {
  border-radius: 50%;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
  outline: 2px solid rgb(255, 255, 255);
  outline-offset: 2px;
}
@supports (corner-shape: squircle) {
  ul.post-meta li.icon-author .author-avatar img.avatar {
    corner-shape: squircle;
    max-width: 80px;
    height: auto;
  }
}
@media (max-width: 31.25em) {
  ul.post-meta li.icon-author .author-avatar img.avatar {
    max-width: 64px;
    height: auto;
  }
}
ul.post-meta li.icon-author .author-name {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
ul.post-meta li.icon-author a {
  --transitionDuration: 0.5s;
  --transitionFX: cubic-bezier(0.3, 1, 1, 1);
  position: relative;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-size: clamp(1.116rem, 2vw, 1.211rem);
  font-weight: 500;
  transform-origin: left;
  width: -moz-fit-content;
  width: fit-content;
  transition: var(--transitionDuration) var(--transitionFX);
}
ul.post-meta li.icon-author a::before, ul.post-meta li.icon-author a::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -2px;
  left: 0;
}
ul.post-meta li.icon-author a::before {
  background-color: currentColor;
  height: 4px;
  border-radius: 8px;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform var(--transitionDuration) var(--transitionFX), color var(--transitionDuration) var(--transitionFX);
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.75));
}
ul.post-meta li.icon-author a::after {
  content: attr(data-replace);
  transform-origin: 100% 50%;
  transform: translate3d(200%, 0, 0);
  transition: transform var(--transitionDuration) var(--transitionFX), color var(--transitionDuration) var(--transitionFX);
}
ul.post-meta li.icon-author a:hover {
  color: #fed216;
}
ul.post-meta li.icon-author a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
ul.post-meta li.icon-author a:hover::after {
  transform: translate3d(0, 0, 0);
}
ul.post-meta li.icon-author ul.author-job {
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 35em) {
  ul.post-meta li.icon-author ul.author-job {
    justify-content: center;
  }
}
ul.post-meta li.icon-author li.author-job {
  font-weight: 300;
  font-size: 0.8rem;
  margin-top: 2px;
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
  padding: 0.35rem 0.85rem;
  border-radius: 1.5rem;
  text-shadow: none;
  corner-shape: squircle;
  border: 3px solid rgba(255, 255, 255, 0.2);
  text-transform: uppercase;
  letter-spacing: 1px;
  filter: drop-shadow(2px 3px 1px rgba(0, 0, 0, 0.5));
}
ul.post-meta li.icon-author li.author-job.webmaster {
  background: #00c787;
}
ul.post-meta li.icon-author li.author-job.oprichter {
  background: #a53251;
}
ul.post-meta li.icon-author li.author-job.voorzitter {
  background: #6680a1;
}
ul.post-meta li.icon-author li.author-job.secretaris {
  background: #a784c2;
}
ul.post-meta li.icon-author li.author-job.penningmeester {
  background: #87b618;
}
ul.post-meta li.icon-author li.author-job.algemeen-bestuurslid {
  background: #32444b;
}
ul.post-meta li.icon-author li.author-job.schrijver {
  background: #fed216;
  color: #1a1a1a;
}
ul.post-meta li.icon-author li.author-job.vrijwilliger {
  background: #9cc283;
}
ul.post-meta li.icon-author span span {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}

.related-articles {
  margin-block: clamp(2rem, 4vw, 4rem);
  max-width: clamp(33.75em, 100%, 75em);
  margin-inline: auto;
}
.related-articles__title {
  margin-bottom: 1.25rem;
  font-size: clamp(1.4rem, 2.2vw, 2.2rem);
  font-family: "Ubuntu";
  margin-inline: auto;
}

.related-grid {
  display: grid;
  gap: 1.25rem;
}
@media (min-width: 900px) {
  .related-grid {
    grid-template-columns: 2fr 1fr 1fr;
    grid-auto-rows: 1fr;
  }
}

.entry-article .related-card {
  border-radius: 1.25rem;
  corner-shape: squircle;
  overflow: hidden;
  background: #f2f2f2;
  min-height: 300px;
  font-family: "Ubuntu";
  height: 100%;
}
.entry-article .related-card__link {
  display: grid;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
.entry-article .related-card__meta {
  opacity: 0.85;
  font-size: 0.9rem;
  margin: 0 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.entry-article .related-card__title {
  margin: 0 0 0.75rem 0 !important;
  line-height: 1.15;
  font-size: 1.15rem;
  color: #000000;
}
.entry-article .related-card__cta {
  display: inline-flex;
  gap: 0.5rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.7rem;
  margin-top: auto;
  color: #dd5177;
}
.entry-article .related-card {
  /* =========================
  FEATURED (groot)
  ========================= */
}
.entry-article .related-card--featured .related-card__link {
  display: grid;
  text-decoration: none;
  color: inherit;
  position: relative;
  background: var(--bg) center/cover no-repeat;
  background-size: 150%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100% !important;
  min-height: 100%;
  transition: background-size 0.7s ease;
}
@media (min-width: 900px) {
  .entry-article .related-card--featured .related-card__link {
    min-height: 100%;
  }
}
.entry-article .related-card--featured .related-card__link:hover {
  background-size: 125%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.entry-article .related-card--featured .related-card__link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}
.entry-article .related-card--featured .related-card__overlay {
  position: relative;
  z-index: 1;
  display: grid;
  padding: 2rem 2rem 1.1rem;
  color: #fff;
  height: 100%;
  align-content: end;
  gap: 0.35rem;
  background: none;
}
.entry-article .related-card--featured .related-card__title {
  font-size: clamp(1.25rem, 2.2vw, 1.75rem);
  font-weight: 500;
  color: #fff;
  max-width: 26ch;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.entry-article .related-card--featured .related-card__cta {
  color: #dd5177;
}
.entry-article .related-card {
  /* =========================
  SMALL (2x)
  ========================= */
}
.entry-article .related-card--small {
  height: 100%;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.entry-article .related-card--small:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.entry-article .related-card--small .related-card__link {
  background: #f2f2f2;
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
}
.entry-article .related-card--small .related-card__media {
  margin: 0;
  aspect-ratio: 16/9;
  background: #f3f3f3;
  overflow: hidden;
}
.entry-article .related-card--small .related-card__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transform: scale(1.001);
  transition: transform 0.4s ease;
}
.entry-article .related-card--small .related-card__media:hover .related-card__media img {
  transform: scale(1.05);
}
.entry-article .related-card--small .related-card__body {
  display: grid;
  gap: 0.25rem;
  padding: 1rem 1rem 1.1rem;
  background: #f6f5f2;
  height: 100%;
  align-content: space-between;
}
.entry-article .related-card--small .related-card__cta {
  margin-top: auto;
}

.entry-content section.svd-section.section-fluid {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.svd-recipe-single,
.svd-recipes-archive {
  font-family: "Ubuntu", sans-serif;
}

body:is(.post-type-archive-recept) .svd-recipes-archive__header {
  --thumb-height: 70vh;
  width: 100%;
  position: relative;
  background-size: cover;
  min-height: var(--thumb-height);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  margin-top: calc(var(--header-height) * -1 - 40.78px);
  padding-bottom: 160px;
  z-index: 0;
}
body:is(.post-type-archive-recept) .svd-recipes-archive__header::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: -1;
}
body:is(.post-type-archive-recept) .svd-recipes-archive__grid {
  padding-inline: 1rem;
}

.svd-recipe {
  --recipe-accent: #a53251;
  --recipe-ink: #2d2629;
  --recipe-muted: #6f6267;
  --recipe-card: #f8f3ee;
  --recipe-card-alt: #fff8df;
  --recipe-radius: 1.25rem;
  color: var(--recipe-ink);
}
.svd-recipe__hero {
  position: relative;
  display: grid;
  min-height: clamp(24rem, 72vh, 46rem);
  margin-top: -215px;
  place-items: end center;
  background: linear-gradient(135deg, #5b4b50, #a53251);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  z-index: 0;
}
.svd-recipe__hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.72) 100%);
  z-index: -1;
}
.svd-recipe__hero-inner {
  width: min(100%, 72rem);
  padding: clamp(8rem, 18vw, 14rem) clamp(1rem, 5vw, 3rem) clamp(4rem, 8vw, 6rem);
  color: #fff;
}
.svd-recipe__eyebrow {
  margin: 0 0 0.65rem;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.svd-recipe__title {
  max-width: 14ch;
  margin: 0;
  font-size: clamp(2.2rem, 7vw, 5rem);
  font-weight: 600;
  line-height: 0.95;
  text-wrap: balance;
}
.svd-recipe__wrap {
  width: min(100% - 2rem, 72rem);
  margin: clamp(-3rem, -5vw, -2rem) auto 5rem;
  position: relative;
  z-index: 2;
}
.svd-recipe__intro-card, .svd-recipe__card, .svd-recipe__tip {
  border-radius: var(--recipe-radius);
  background: var(--recipe-card);
  box-shadow: 0 18px 45px rgba(54, 31, 39, 0.1);
}
@supports (corner-shape: squircle) {
  .svd-recipe__intro-card, .svd-recipe__card, .svd-recipe__tip {
    corner-shape: squircle;
  }
}
.svd-recipe__intro-card {
  display: grid;
  gap: 2rem;
  grid-template-columns: minmax(0, 1.25fr) minmax(17rem, 0.75fr);
  align-items: center;
  padding: clamp(1.25rem, 4vw, 2.5rem);
  background: #fff;
}
.svd-recipe__intro-text .svd-recipe__eyebrow {
  color: var(--recipe-accent);
}
.svd-recipe__excerpt {
  margin: 0;
  font-size: clamp(1.15rem, 2.2vw, 1.45rem);
  font-weight: 300;
  line-height: 1.55;
  text-wrap: pretty;
}
.svd-recipe__facts {
  display: grid;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.svd-recipe__fact {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: baseline;
  padding: 0.9rem 1rem;
  border-radius: 0.85rem;
  background: #f5f0eb;
}
.svd-recipe__fact-label {
  color: var(--recipe-muted);
  font-size: 0.85rem;
}
.svd-recipe__fact-value {
  font-size: 1rem;
  font-weight: 600;
  text-align: right;
}
.svd-recipe__content {
  margin: clamp(2rem, 5vw, 4rem) auto;
  font-size: clamp(1.05rem, 2vw, 1.2rem);
  font-weight: 300;
  line-height: 1.7;
}
.svd-recipe__grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: minmax(17rem, 0.8fr) minmax(0, 1.2fr);
  margin-top: clamp(2rem, 5vw, 4rem);
  font-weight: 300;
}
.svd-recipe__card {
  padding: clamp(1.25rem, 4vw, 2rem);
}
.svd-recipe__card--steps {
  background: #fff;
}
.svd-recipe__section-title, .svd-recipe__tip-title {
  margin: 0 0 1rem;
  font-size: clamp(1.45rem, 3vw, 2rem);
  font-weight: 600;
  color: var(--recipe-accent);
}
.svd-recipe__ingredients, .svd-recipe__steps {
  margin: 0;
  padding: 0;
}
.svd-recipe__ingredients {
  display: grid;
  gap: 0.65rem;
  list-style: none;
}
.svd-recipe__ingredient {
  position: relative;
  padding-left: 1.35rem;
  line-height: 1.5;
}
.svd-recipe__ingredient::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--recipe-accent);
}
.svd-recipe__steps {
  display: grid;
  gap: 1rem;
  list-style: none;
  counter-reset: recipe-step;
}
.svd-recipe__step {
  position: relative;
  min-height: 2.5rem;
  padding-left: 3.25rem;
  line-height: 1.65;
  counter-increment: recipe-step;
}
.svd-recipe__step::before {
  content: counter(recipe-step);
  position: absolute;
  left: 0;
  top: 0;
  display: inline-grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  border-radius: 50%;
  background: var(--recipe-accent);
  color: #fff;
  font-weight: 700;
}
.svd-recipe__tip {
  margin-top: 1.5rem;
  padding: clamp(1.25rem, 4vw, 2rem);
  background: var(--recipe-card-alt);
}
.svd-recipe__tip p {
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.6;
  font-weight: 300;
}
@media (max-width: 56rem) {
  .svd-recipe__intro-card, .svd-recipe__grid {
    grid-template-columns: 1fr;
  }
  .svd-recipe__hero {
    min-height: 32rem;
  }
}

.svd-recipes-archive {
  --recipe-accent: #a53251;
  --recipe-ink: #2d2629;
}
.svd-recipes-archive__header {
  width: min(100%, 72rem);
  margin: 0 auto clamp(2rem, 5vw, 4rem);
  text-align: center;
}
.svd-recipes-archive__eyebrow {
  margin: 0 0 0.75rem;
  color: var(--recipe-accent);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.svd-recipes-archive__title {
  margin: 0;
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1;
  color: var(--recipe-ink);
}
.svd-recipes-archive__description {
  width: min(100%, 46rem);
  margin: 1rem auto 0;
  font-size: 1.15rem;
  font-weight: 300;
  line-height: 1.6;
}
.svd-recipes-archive__grid {
  display: grid;
  width: min(100%, 78rem);
  margin: 0 auto;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
}
.svd-recipes-archive__pagination {
  width: min(100%, 78rem);
  margin: 3rem auto 0;
}

.svd-recipe-card {
  height: 100%;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 18px 42px rgba(54, 31, 39, 0.1);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
@supports (corner-shape: squircle) {
  .svd-recipe-card {
    corner-shape: squircle;
  }
}
.svd-recipe-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 58px rgba(54, 31, 39, 0.16);
}
.svd-recipe-card__link {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
.svd-recipe-card__media {
  aspect-ratio: 4/3;
  margin: 0;
  background: #f6efe8;
  overflow: hidden;
}
.svd-recipe-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.35s ease;
}
.svd-recipe-card:hover .svd-recipe-card__media img {
  transform: scale(1.04);
}
.svd-recipe-card__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #f8f3ee, #fff8df);
}
.svd-recipe-card__body {
  display: grid;
  gap: 0.85rem;
  align-content: start;
  padding: 1.25rem;
}
.svd-recipe-card__title {
  margin: 0;
  color: var(--recipe-ink, #2d2629);
  font-size: clamp(1.25rem, 2vw, 1.6rem);
  font-weight: 600;
  line-height: 1.15;
  text-wrap: balance;
}
.svd-recipe-card__excerpt {
  margin: 0;
  color: #6f6267;
  font-weight: 300;
  line-height: 1.55;
}
.svd-recipe-card__meta {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.svd-recipe-card__meta-item {
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  background: #f8f3ee;
  color: var(--recipe-accent, #a53251);
  font-size: 0.8rem;
  font-weight: 600;
}

main#primary.page-main {
  padding: 0;
}

.page-hero__title {
  font-family: var(--hero-title-font, "Ubuntu", sans-serif);
  font-size: var(--hero-title-size, clamp(3rem, 5vw, 6rem));
  color: var(--hero-title-color, currentColor);
  text-wrap: var(--hero-title-wrap, balance);
  margin: var(--hero-title-push-top, 0) var(--hero-title-push-right, 0) var(--hero-title-push-bottom, 0) var(--hero-title-push-left, 0);
}

.hero-title-size--sm {
  --hero-title-size: clamp(2.5rem, 3vw, 4rem);
}

.hero-title-size--md {
  --hero-title-size: clamp(3rem, 4vw, 5rem);
}

.hero-title-size--lg {
  --hero-title-size: clamp(3.5rem, 5vw, 6.5rem);
}

.hero-title-size--xl {
  --hero-title-size: clamp(4rem, 6.5vw, 7.75rem);
}

.hero-title-size--xxl {
  --hero-title-size: clamp(4.5rem, 8vw, 9rem);
}

.hero-title-wrap--balance {
  --hero-title-wrap: balance;
}

.hero-title-wrap--pretty {
  --hero-title-wrap: pretty;
}

.hero-title-wrap--normal {
  --hero-title-wrap: normal;
}

.hero-title-font--caveat-brush {
  --hero-title-font: "Caveat Brush", cursive;
}

.hero-title-font--kaushan-script {
  --hero-title-font: "Kaushan Script", cursive;
}

.hero-title-font--satisfy {
  --hero-title-font: "Satisfy", cursive;
}

.hero-title-font--pacifico {
  --hero-title-font: "Pacifico", cursive;
}

section.p-content {
  display: flex;
  flex-direction: column;
  width: clamp(20em, 100%, 60em);
  margin-inline: auto;
  font-family: "Ubuntu";
}
@media (max-width: 57.5em) {
  section.p-content {
    overflow: clip;
  }
}
@media (max-width: 57.5em) {
  section.p-content header.page-header {
    padding-inline: 1em;
  }
}
section.p-content:has(.fusion-youtube iframe) iframe, section.p-content:has(p iframe) iframe {
  display: block;
  width: 100%;
  height: auto;
  min-height: 500px;
}
section.p-content .entry-content {
  position: relative;
  width: clamp(20em, 100%, 60em);
  margin-inline: auto;
  z-index: 5;
  font-family: "Ubuntu";
}
@media (max-width: 57.5em) {
  section.p-content .entry-content {
    padding-inline: 1em;
  }
}
section.p-content .entry-content hr:target {
  padding-top: 170.52px;
}
section.p-content .entry-content h2,
section.p-content .entry-content h3,
section.p-content .entry-content h4,
section.p-content .entry-content h5 {
  font-weight: 600;
  margin-block: 4rem 0;
}
section.p-content .entry-content h3 {
  font-size: clamp(1.25rem, 3vw, 1.35rem);
}
section.p-content .entry-content strong {
  font-weight: 600;
}
section.p-content .entry-content P {
  font-family: "Ubuntu";
  font-weight: 300;
  font-size: clamp(1.1125rem, 3vw, 1.25rem);
}
section.p-content .entry-content a {
  --c: #a53251;
  color: rgba(0, 0, 0, 0);
  background: linear-gradient(90deg, #fff 50%, var(--c) 0) calc(100% - var(--_p, 0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) 100% no-repeat;
  -webkit-background-clip: text, padding-box;
  padding-inline: 2px;
  background-clip: text, padding-box;
  transition: 0.5s;
  font-weight: 500;
  border-radius: 10px;
  corner-shape: squircle;
  text-decoration: none;
  word-break: break-all;
}
section.p-content .entry-content a:hover {
  --_p: 100%;
}
section.p-content .entry-content ul li {
  font-size: clamp(1.1125rem, 3vw, 1.25rem);
}
section.p-content .entry-content .wp-block-iframe iframe {
  width: 100%;
  min-height: auto;
}
section.p-content .entry-content .wp-block-iframe iframe:has([href*="https://www.youtube.com/embed/"]) {
  border-radius: 2rem;
}
section.p-content P {
  font-size: 1em;
}
section.p-content P:has(iframe) {
  text-align: center;
}
section.p-content .--object-position {
  -o-object-position: 0 25%;
     object-position: 0 25%;
}

section.page-content {
  display: flex;
  flex-direction: column;
}
section.page-content header.entry-header,
section.page-content section.page header.entry-header {
  --thumb-height: 70vh;
  position: relative;
  background-size: cover;
  min-height: var(--thumb-height);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(var(--header-height) * -1 - 40.78px);
  z-index: 0;
}
section.page-content header.entry-header::after,
section.page-content section.page header.entry-header::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.15) 42%, rgba(0, 0, 0, 0.8) 95%);
}
section.page-content header.entry-header h1,
section.page-content section.page header.entry-header h1 {
  font-family: "Ubuntu";
  font-weight: 500;
  color: #fff;
  filter: drop-shadow(2px 4px 6px black);
  font-size: clamp(1.5rem, 2vw, 3rem);
  width: clamp(20em, 100%, 40em);
  text-align: center;
}
section.page-content header.entry-header .svg-divider--animated,
section.page-content section.page header.entry-header .svg-divider--animated {
  bottom: -90px;
}
@media (max-width: 90em) {
  section.page-content header.entry-header .svg-divider--animated,
  section.page-content section.page header.entry-header .svg-divider--animated {
    bottom: -1px;
  }
}
section.page-content header.entry-header div.thumb-source,
section.page-content section.page header.entry-header div.thumb-source {
  position: absolute;
  bottom: 1rem;
  display: inline-flex;
  padding-inline: 1rem;
  padding-block: 0.5rem;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2rem;
  backdrop-filter: blur(8px);
  font-size: 0.8rem;
  z-index: 10;
}
section.page-content header.entry-header div.thumb-source p.image-source,
section.page-content section.page header.entry-header div.thumb-source p.image-source {
  font-size: inherit;
  font-weight: 300;
}
section.page-content header.entry-header div.thumb-source p.image-source strong,
section.page-content section.page header.entry-header div.thumb-source p.image-source strong {
  font-size: inherit;
  font-weight: 600;
}
section.page-content header.entry-header div.thumb-source a,
section.page-content section.page header.entry-header div.thumb-source a {
  --c: #0089e5;
  color: rgba(0, 0, 0, 0);
  background: linear-gradient(90deg, #fff 50%, var(--c) 0) calc(100% - var(--_p, 0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) 100% no-repeat;
  -webkit-background-clip: text, padding-box;
  background-clip: text, padding-box;
  transition: 0.5s;
  font-weight: 500;
  border-radius: 10px;
  corner-shape: squircle;
  text-decoration: none;
  word-break: break-all;
}
section.page-content header.entry-header div.thumb-source a:hover,
section.page-content section.page header.entry-header div.thumb-source a:hover {
  --_p: 100%;
}
section.page-content header.page-hero {
  --thumb-height: 70vh;
  --hero-content-width: clamp(20rem, 100%, 75rem);
  --hero-content-padding: clamp(1.25rem, 5vw, 4rem);
  overflow: hidden;
}
section.page-content header.page-hero::after {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.45);
}
section.page-content header.page-hero .page-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, var(--hero-content-width));
  min-height: var(--thumb-height);
  margin-inline: auto;
  padding: var(--hero-content-padding);
}
section.page-content header.page-hero .page-hero__title {
  width: min(100%, 42rem);
  text-wrap: var(--hero-title-wrap, balance);
  font-family: var(--hero-title-font, "Ubuntu", sans-serif);
  font-size: var(--hero-title-size, clamp(3rem, 5vw, 6rem));
  color: var(--hero-title-color, currentColor);
  margin: var(--hero-title-push-top, 0) var(--hero-title-push-right, 0) var(--hero-title-push-bottom, 0) var(--hero-title-push-left, 0);
}
section.page-content header.page-hero.page-hero--height-small {
  --thumb-height: 46vh;
}
section.page-content header.page-hero.page-hero--height-medium {
  --thumb-height: 70vh;
}
section.page-content header.page-hero.page-hero--height-large {
  --thumb-height: 86vh;
}
section.page-content header.page-hero.page-hero--align-left .page-hero__title {
  text-align: left;
}
section.page-content header.page-hero.page-hero--align-center .page-hero__title {
  text-align: center;
}
section.page-content header.page-hero.page-hero--align-right .page-hero__title {
  text-align: right;
}
section.page-content header.page-hero.page-hero--position-center .page-hero__content {
  align-items: center;
  justify-content: center;
}
section.page-content header.page-hero.page-hero--position-left-center .page-hero__content {
  align-items: center;
  justify-content: flex-start;
}
section.page-content header.page-hero.page-hero--position-right-center .page-hero__content {
  align-items: center;
  justify-content: flex-end;
}
section.page-content header.page-hero.page-hero--position-bottom-left .page-hero__content {
  align-items: flex-end;
  justify-content: flex-start;
  padding-bottom: clamp(5rem, 12vw, 9rem);
}
section.page-content header.page-hero.page-hero--position-bottom-center .page-hero__content {
  align-items: flex-end;
  justify-content: center;
  padding-bottom: clamp(5rem, 12vw, 9rem);
}
section.page-content header.page-hero.page-hero--overlay-none::after {
  background-color: transparent;
}
section.page-content header.page-hero.page-hero--overlay-soft::after {
  background-color: rgba(0, 0, 0, 0.24);
}
section.page-content header.page-hero.page-hero--overlay-medium::after {
  background-color: rgba(0, 0, 0, 0.45);
}
section.page-content header.page-hero.page-hero--overlay-strong::after {
  background-color: rgba(0, 0, 0, 0.68);
}
section.page-content header.page-hero.page-hero--text-light .page-hero__title {
  color: var(--hero-title-color, #fff);
  filter: drop-shadow(2px 4px 6px black);
}
section.page-content header.page-hero.page-hero--text-dark .page-hero__title {
  color: var(--hero-title-color, #211a1d);
  filter: drop-shadow(0 2px 8px rgba(255, 255, 255, 0.55));
}
@media (max-width: 48em) {
  section.page-content header.page-hero.page-hero--height-small {
    --thumb-height: 22rem;
  }
  section.page-content header.page-hero.page-hero--height-medium {
    --thumb-height: 30rem;
  }
  section.page-content header.page-hero.page-hero--height-large {
    --thumb-height: 38rem;
  }
}
section.page-content .entry-content {
  position: relative;
  width: clamp(12.5em, 100%, 65em);
  margin-inline: auto;
  padding-inline: clamp(1rem, 5vw, 3rem);
  z-index: 5;
  font-family: "Ubuntu";
}
section.page-content .entry-content:first-of-type {
  margin-top: 5rem;
}
section.page-content .entry-content strong {
  font-weight: 600;
}
section.page-content .entry-content P,
section.page-content .entry-content span {
  font-family: "Ubuntu";
  font-weight: 300;
}
section.page-content .entry-content p {
  font-size: clamp(1.1125rem, 3vw, 1.25rem);
  text-wrap: pretty;
}
section.page-content .entry-content a {
  --c: #a53251;
  color: rgba(0, 0, 0, 0);
  background: linear-gradient(90deg, #fff 50%, var(--c) 0) calc(100% - var(--_p, 0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) 100% no-repeat;
  -webkit-background-clip: text, padding-box;
  background-clip: text, padding-box;
  transition: 0.5s;
  font-weight: 500;
  border-radius: 10px;
  corner-shape: squircle;
  text-decoration: none;
}
section.page-content .entry-content a:hover {
  --_p: 100%;
}
section.page-content .entry-content ul.wp-block-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  list-style: inside;
  font-weight: 300;
  font-size: 1.125rem;
}
section.page-content .entry-content ul.wp-block-list.list-item.col-2-list,
section.page-content .entry-content ul.wp-block-list.list-item.col-3-list,
section.page-content .entry-content ul.wp-block-list.list-item.col-4-list {
  display: list-item;
  flex-direction: unset;
  -moz-columns: var(--list-col);
       columns: var(--list-col);
  margin-block: 1rem;
  list-style-type: none;
}
section.page-content .entry-content ul.wp-block-list.list-item.col-2-list li,
section.page-content .entry-content ul.wp-block-list.list-item.col-3-list li,
section.page-content .entry-content ul.wp-block-list.list-item.col-4-list li {
  list-style-type: disc;
  font-size: 1rem;
}
section.page-content .entry-content ul.wp-block-list.list-item.col-2-list {
  --list-col: 2;
}
section.page-content .entry-content ul.wp-block-list.list-item.col-3-list {
  --list-col: 3;
}
@media (max-width: 500px) {
  section.page-content .entry-content ul.wp-block-list.list-item.col-3-list {
    --list-col: 2;
  }
}
section.page-content .entry-content ul.wp-block-list.list-item.col-4-list {
  --list-col: 4;
}
@media (max-width: 960px) {
  section.page-content .entry-content ul.wp-block-list.list-item.col-4-list {
    --list-col: 3;
  }
}
@media (max-width: 500px) {
  section.page-content .entry-content ul.wp-block-list.list-item.col-4-list {
    --list-col: 2;
  }
}
section.page-content .entry-content img {
  max-width: 100%;
  height: auto;
}
section.page-content .entry-content ul li {
  font-size: clamp(1.1125rem, 3vw, 1.25rem);
}
section.page-content .entry-content .wp-block-embed iframe {
  width: 100%;
  min-height: auto;
}
section.page-content .entry-content .wp-block-embed iframe:is([src*="https://www.youtube.com/embed/"]) {
  border-radius: 1.5rem;
}
section.page-content footer.page--admin-bar {
  display: flex;
  gap: 1rem;
  color: #fff;
  width: clamp(12.5em, 100%, 60em);
  margin-inline: auto;
  margin-block: 3em;
  z-index: 5;
  font-family: "Ubuntu";
  padding-block: clamp(1rem, 3vw, 1rem);
  flex-direction: row;
  align-items: center;
}
section.page-content footer.page--admin-bar h2 {
  color: #5b4b50;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 500;
}
section.page-content footer.page--admin-bar a.post-edit-link,
section.page-content footer.page--admin-bar a.post-trash-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--post-clr);
  background: var(--post-bg);
  border: var(--post-border);
  padding-inline: 1rem;
  padding-block: 0.5rem;
  text-decoration: none;
  line-height: 1.5;
  font-size: 0.85rem;
  font-weight: 300;
  border-radius: 0.5rem;
  transition: 0.25s ease-in-out;
}
section.page-content footer.page--admin-bar a.post-edit-link:hover,
section.page-content footer.page--admin-bar a.post-trash-link:hover {
  background: var(--post-bg-hover);
}
section.page-content footer.page--admin-bar a.post-edit-link {
  --post-bg: #cf9c3e;
  --post-bg-hover: #ffa600;
  --post-clr: #fff;
  --post-border: 1px solid transparent;
}
section.page-content footer.page--admin-bar a.post-trash-link {
  --post-bg: #f2f2f2;
  --post-bg-hover: rgb(151, 50, 50);
  --post-clr: rgb(151, 50, 50);
  --post-border: 1px dashed currentColor;
}
section.page-content footer.page--admin-bar a.post-trash-link:hover {
  --post-clr: fff;
}
section.page-content {
  /* sections */
}
section.page-content .svd-section blockquote {
  position: relative;
  font-size: clamp(1.5rem, 2.2vw, 2.2rem);
  font-weight: 300;
  line-height: 1.4;
  max-width: 900px;
  margin-inline: auto;
}
section.page-content .svd-section blockquote::before {
  content: "“";
  position: absolute;
  left: -0.6em;
  top: -0.3em;
  font-size: 4rem;
  opacity: 0.2;
}
section.page-content .svd-section blockquote::after {
  content: "”";
  position: absolute;
  right: -0.4em;
  bottom: -0.6em;
  font-size: 4rem;
  opacity: 0.2;
}
section.page-content .svd-section blockquote cite.svd-quote__author {
  display: block;
  margin-top: 1.2rem;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  opacity: 0.75;
}

section.svd-section .svd-card__body h3 {
  margin-block: 0;
}

/* Admin Tools: Edit */
footer.page--admin-bar {
  display: flex;
  gap: 1rem;
  color: #fff;
  width: clamp(12.5em, 100%, 60em);
  margin-inline: auto;
  margin-block: 2em 0;
  z-index: 5;
  font-family: "Ubuntu";
  padding-block: clamp(1rem, 3vw, 1rem);
  flex-direction: row;
  align-items: center;
  background: #f2f2f2;
  padding-inline: 1rem;
  border-radius: 4rem;
  corner-shape: squircle;
}
footer.page--admin-bar h2 {
  color: #5b4b50;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 500;
}
footer.page--admin-bar a.post-edit-link,
footer.page--admin-bar a.post-trash-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--post-clr);
  background: var(--post-bg);
  border: var(--post-border);
  padding-inline: 1rem;
  padding-block: 0.5rem;
  text-decoration: none;
  line-height: 1.5;
  font-size: 0.85rem;
  font-weight: 300;
  border-radius: 0.5rem;
  transition: 0.25s ease-in-out;
}
footer.page--admin-bar a.post-edit-link:hover,
footer.page--admin-bar a.post-trash-link:hover {
  background: var(--post-bg-hover);
}
footer.page--admin-bar a.post-edit-link {
  --post-bg: #cf9c3e;
  --post-bg-hover: #ffa600;
  --post-clr: #fff;
  --post-border: 1px solid transparent;
}
footer.page--admin-bar a.post-trash-link {
  --post-bg: #f2f2f2;
  --post-bg-hover: rgb(151, 50, 50);
  --post-clr: rgb(151, 50, 50);
  --post-border: 1px dashed currentColor;
}
footer.page--admin-bar a.post-trash-link:hover {
  --post-clr: fff;
}

section.p-content:has(#testament) {
  width: clamp(20em, 100%, 100svw);
}

form.svd-testament-form {
  background: #f0f0f0;
  padding-inline: 2rem;
  padding-block: 2rem;
  border-radius: 2rem;
  font-family: "Ubuntu";
}
form.svd-testament-form .svd-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0rem 1rem;
}
@media (max-width: 600px) {
  form.svd-testament-form .svd-grid {
    grid-template-columns: 1fr;
  }
}
form.svd-testament-form p {
  margin-block: 0 1rem;
}
form.svd-testament-form header.form-header {
  margin-block: 1rem;
}
form.svd-testament-form header.form-header h2 {
  font-weight: 300;
  font-size: clamp(1.5rem, 3vw, 2rem);
  margin: 0;
}
form.svd-testament-form header.form-header p {
  margin-block: 0 1rem;
  font-size: 1rem;
  color: #2a2a2a;
}
form.svd-testament-form header.form-header p small {
  display: block;
  font-size: 0.875rem;
  color: #626262;
}
form.svd-testament-form .svd-consent {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 0;
  font-size: clamp(0.875rem, 2vw, 1rem);
  font-weight: 300;
}
form.svd-testament-form .svd-consent label {
  display: block;
  font-weight: 500;
}
form.svd-testament-form p.tooltip-info:hover, form.svd-testament-form p.tooltip-info:focus-within {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
}
form.svd-testament-form p.tooltip-info:hover input[type=date], form.svd-testament-form p.tooltip-info:focus-within input[type=date] {
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.25s ease-in-out;
}
@media (max-width: 900px) {
  form.svd-testament-form p.tooltip-info:hover, form.svd-testament-form p.tooltip-info:focus-within {
    flex-direction: column;
  }
}
form.svd-testament-form [data-tooltip]:hover::before,
form.svd-testament-form p.tooltip-info:focus-within::before {
  display: block;
  content: attr(data-tooltip);
  padding: 0.25em;
}
form.svd-testament-form input[type=text],
form.svd-testament-form input[type=email],
form.svd-testament-form input[type=date],
form.svd-testament-form input[type=url],
form.svd-testament-form input[type=tel],
form.svd-testament-form input[type=search],
form.svd-testament-form select,
form.svd-testament-form textarea,
form.svd-testament-form button {
  font-family: "Ubuntu";
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 300;
  border-radius: 14px;
}
form.svd-testament-form button,
form.svd-testament-form input[type=submit] {
  background: var(--button-bg);
  color: contrast-color(var(--button-bg));
  padding: 0.75rem 1rem;
  margin-block: 1rem;
  border: none;
  border-radius: 14px;
  font-weight: 300;
  cursor: pointer;
  transition: 0.3s ease;
}
form.svd-testament-form button:hover,
form.svd-testament-form input[type=submit]:hover {
  background: color-mix(in oklab, var(--button-bg), black 15%);
  color: contrast-color(color-mix(in oklab, var(--button-bg), black 15%));
  transform: translateY(-4px);
}
@media (max-width: 600px) {
  form.svd-testament-form button,
  form.svd-testament-form input[type=submit] {
    width: 100%;
  }
}

section.accordion {
  --primary: #697701;
  --secondary: #646751;
  --background: #fff;
  --highlight: #ffda79;
  --theme: var(--primary);
  position: relative;
  background: rgb(216, 221, 186);
  background: linear-gradient(-45deg, rgb(255, 255, 255) 0% 0%, rgb(216, 221, 186) 100%);
  padding-block: 5em;
}
section.accordion .material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  transition: 0.35s linear;
}
section.accordion .accordion--container {
  display: flex;
  flex-direction: column;
  font-family: "Ubuntu";
  width: clamp(20em, 90%, 60em);
  margin-inline: auto;
}
section.accordion .accordion--container h1.accordion--title {
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: clamp(2rem, 3vw, 3rem);
  margin-block: 0 2rem;
  color: var(--primary);
}

div.accordion--testament {
  display: flex;
  flex-direction: column;
  gap: 2em;
  font-family: "Ubuntu";
}
div.accordion--testament a {
  color: var(--secondary);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: 0.2s;
}
div.accordion--testament a:hover {
  color: var(--primary);
  text-decoration-thickness: 2px;
}
div.accordion--testament .tab {
  position: relative;
}
div.accordion--testament .tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
div.accordion--testament .tab__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
  padding-inline: 2rem;
}
div.accordion--testament .tab input:checked ~ .tab__content {
  font-family: "Ubuntu";
  max-height: -moz-max-content;
  max-height: max-content;
  padding-inline: 2rem;
  padding-block: 2rem;
  background: rgb(255, 255, 255);
  border-radius: 0 0 2em 2em;
  corner-shape: squircle;
}
div.accordion--testament .tab:nth-child(even) .tab__content {
  color: var(--secondary);
}
div.accordion--testament .tab:nth-child(odd) .tab__content {
  color: var(--primary);
}
div.accordion--testament {
  /* Visual styles */
}
div.accordion--testament .accordion {
  color: var(--theme);
  border: 2px solid;
  border-radius: 0.5rem;
  overflow: hidden;
}
div.accordion--testament .tab__label,
div.accordion--testament .tab__close {
  display: flex;
  position: relative;
  color: rgb(255, 255, 255);
  cursor: pointer;
  transition: all 0.35s;
  font-size: 1.2rem;
}
div.accordion--testament .tab:nth-child(even) .tab__label {
  background: var(--secondary);
}
div.accordion--testament .tab:nth-child(odd) .tab__label {
  background: var(--primary);
}
div.accordion--testament .tab input ~ .tab__label {
  border-radius: 2em;
  corner-shape: squircle;
}
div.accordion--testament .tab input:checked ~ .tab__label {
  border-radius: 2em;
  corner-shape: squircle;
  scale: 1.05;
}
div.accordion--testament .tab__label {
  justify-content: space-between;
  padding: 1rem;
  padding-right: 3em;
}
div.accordion--testament .tab input:checked + .tab__label .material-symbols-outlined {
  transform: rotate(180deg) translateY(50%);
}
div.accordion--testament .tab__content p {
  margin: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6;
}
div.accordion--testament .tab__content strong {
  font-weight: 600;
}
div.accordion--testament .tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}
div.accordion--testament .accordion--radio {
  --theme: var(--secondary);
}
div.accordion--testament {
  /* Arrow animation */
}
div.accordion--testament .tab input:not(:checked) + .tab__label:hover::after {
  animation: bounce 0.5s infinite;
}
@keyframes bounce {
  25% {
    transform: rotate(90deg) translate(0.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-0.25rem);
  }
}

.accordion-toc {
  margin-bottom: 2rem;
}
.accordion-toc__title {
  font-family: "Ubuntu";
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: var(--primary);
  text-align: left;
}
.accordion-toc__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.accordion-toc__item a {
  font-family: "Ubuntu";
  font-size: 0.95rem;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-style: dotted;
  color: var(--primary);
  cursor: pointer;
}
.accordion-toc__item a:hover {
  text-decoration-style: solid;
}

li.nav-item.search-item > * {
  box-sizing: border-box;
}

li.nav-item.search-item {
  position: relative;
  margin-left: 4em;
  z-index: 10;
}
@media (max-width: 57.5em) {
  li.nav-item.search-item {
    position: absolute;
    margin: 0;
    right: 2.5em;
    top: 50%;
  }
}

.search-box {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  right: 0;
  top: -25px;
  z-index: 0;
  border-radius: 2em;
  outline: 2px black;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}

.input-search {
  height: 50px;
  width: 50px;
  border-style: none;
  padding: 10px;
  font-size: 1em;
  font-weight: 600;
  outline: none;
  border-radius: 25px;
  transition: all 0.5s ease-in-out;
  background-color: transparent;
  padding-right: 40px;
  color: #93134c;
  border: 1px solid transparent;
}

.input-search::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 100;
}

.input-search::placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 100;
}

.btn-search {
  width: 42px;
  height: 42px;
  border-style: none;
  font-size: 1em;
  font-weight: bold;
  outline: none;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  color: #ffffff;
  background-color: #93134c;
  pointer-events: painted;
  z-index: 10;
  position: absolute;
  top: 4px;
  right: 4px;
}

.btn-search:hover ~ .input-search,
.btn-search:focus ~ .input-search {
  width: 300px;
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(1em);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 500ms cubic-bezier(0, 0.11, 0.35, 2);
  transform-origin: right to left;
  padding: 0 2em;
  border-radius: 2em;
  outline: none;
}

.input-search:hover,
.input-search:focus {
  width: 300px;
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(1em);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 500ms cubic-bezier(0, 0.11, 0.35, 2);
  border-radius: 2em;
  padding: 0 2em;
  outline: none;
  border-color: #93134c;
  box-shadow: 0 0 10px #93134c;
  opacity: 1;
}

.input-search:focus-within {
  background-color: rgb(255, 255, 255);
  transition: 0.25s ease-in-out;
}

header#svd-maintenance .custom-logo {
  filter: drop-shadow(-2px -1px 1px rgba(255, 255, 255, 0.7));
}
header#svd-maintenance[data-scrolled=scrolled] .custom-logo {
  filter: none;
}

section.alert.maintenance-alert {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Ubuntu";
  font-weight: 300;
  border-radius: 2rem;
  position: fixed;
  background: #1d2327;
  color: #fff;
  padding: 0.25rem 0.25rem 0.25rem 1rem;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.72);
  z-index: 5;
}
@media (max-width: 1014px) {
  section.alert.maintenance-alert {
    flex-direction: column;
    padding: 0.5rem 1rem;
    width: calc(100vw - 2rem);
    border-radius: 1rem;
  }
}
section.alert.maintenance-alert small {
  font-weight: 300;
}
section.alert.maintenance-alert small strong {
  font-weight: 600;
}
section.alert.maintenance-alert button#maintenance-close {
  display: none;
}
section.alert.maintenance-alert a.customizer-btn {
  width: -moz-fit-content;
  width: fit-content;
  background: #f2c200;
  color: #1d2327;
  font-weight: 500;
  font-size: clamp(0.7rem, 1vw, 0.8rem);
  text-decoration: none;
  padding-inline: clamp(0.325rem, 1vw, 0.65rem);
  padding-block: clamp(0.125rem, 0.5vw, 0.25rem);
  border-radius: 1rem;
  transition: 0.25s ease-in-out;
}
section.alert.maintenance-alert a.customizer-btn:hover {
  background: #fff;
}

section.svd-maintenance {
  --svd-maintenance-bg-image: url("images/404/sky.png");
  --svd-maintenance-trees-image: url("images/404/trees.png");
  --svd-maintenance-clouds-image: url("images/404/clouds.png");
  --svd-maintenance-number-gradient-from: #df0d7a;
  --svd-maintenance-number-gradient-to: #ff6910;
  --svd-maintenance-number-text-stroke: 3px;
  --svd-maintenance-number-text-stroke-clr: rgb(255 161 98 / 50%);
  --svd-maintenance-heading-gradient-from: #ffffff;
  --svd-maintenance-heading-gradient-to: #ffac8c;
  --svd-maintenance-text-color: #ffffff;
  --svd-maintenance-btn-main-clr: #8d0049;
  --svd-maintenance-btn-bg-clr: #ffffff;
  --svd-maintenance-btn-hover-gradient-clr: #a06486;
  --svd-maintenance-btn-hover-gradient-accent-clr: #ff7f7e;
  --svd-maintenance-btn-hover-text-clr: #ffffff;
  display: flex;
  position: relative;
  isolation: isolate;
  min-height: 80vh;
  min-height: calc(80dvh + 1rem);
  height: auto;
  background: var(--svd-maintenance-bg-image) no-repeat bottom center;
  background-size: cover;
  margin-top: -200px;
  align-items: center;
  justify-content: center;
  padding-bottom: 2rem;
  /* ---------- Bomen-laag ---------- */
}
section.svd-maintenance::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-size: 100%;
  z-index: 1;
  mix-blend-mode: darken;
  filter: contrast(1.4);
}
@media (max-width: 57.5em) {
  section.svd-maintenance::before {
    background-size: 150%;
  }
}
section.svd-maintenance {
  /* ---------- Wolken-laag ---------- */
}
section.svd-maintenance::after {
  content: "";
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--svd-maintenance-clouds-image) top center;
  opacity: 0.5;
  background-position: 0%;
  background-size: contain;
  animation: 30s clouds infinite linear;
  z-index: 0;
  mix-blend-mode: overlay;
}
@media (max-width: 90.3125em), (max-width: 75em), (max-width: 57.5em) {
  section.svd-maintenance::after {
    background-size: cover;
  }
}
section.svd-maintenance {
  /* ---------- Piggy video ---------- */
}
section.svd-maintenance video {
  position: absolute;
  bottom: -75px;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(400px, 70%, 792px);
  height: auto;
  z-index: 5;
  filter: drop-shadow(-5px -7px 13px rgba(0, 0, 0, 0.08));
}
section.svd-maintenance .svd-maintenance__inner {
  width: clamp(20em, 90%, 80em);
  margin-inline: auto;
  font-family: "Ubuntu";
  text-align: center;
}
@media (max-width: 57.5em) {
  section.svd-maintenance .svd-maintenance__inner {
    height: auto;
    padding-top: 4rem;
  }
}
section.svd-maintenance .svd-maintenance__inner {
  /* ---------- Groot 404 ---------- */
}
section.svd-maintenance .svd-maintenance__inner header.svd-maintenance__header {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
  width: 100%;
  overflow: hidden;
}
section.svd-maintenance .svd-maintenance__inner header.svd-maintenance__header h1.svd-maintenance__title {
  --maintenance-fs: clamp(15rem, 16vw, 30rem);
  font-family: "Ubuntu";
  font-size: var(--maintenance-fs);
  position: absolute;
  font-weight: 600;
  bottom: -2rem;
  line-height: 1;
  left: 50%;
  transform: translateX(-50%);
  -webkit-text-stroke: var(--svd-maintenance-number-text-stroke) var(--svd-maintenance-number-text-stroke-clr);
  text-shadow: 0 0 1rem rgba(0, 0, 0, 0.35);
  background-image: linear-gradient(to bottom, #ff7f7e, #ff5151);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
@media (max-width: 500px) {
  section.svd-maintenance .svd-maintenance__inner header.svd-maintenance__header h1.svd-maintenance__title {
    --maintenance-fs: clamp(8rem, 10vw, 16rem);
    bottom: -1rem;
  }
}
section.svd-maintenance .svd-maintenance__inner header.svd-maintenance__header video {
  position: absolute;
  top: 265px;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(400px, 70%, 792px);
  height: auto;
  z-index: 5;
  filter: drop-shadow(-5px -7px 13px rgba(0, 0, 0, 0.08));
}
@media (max-width: 57.5em) {
  section.svd-maintenance .svd-maintenance__inner header.svd-maintenance__header video {
    top: 220px;
  }
}
section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content {
  position: relative;
  margin-block: 5rem 10rem;
}
@media (max-width: 75em) {
  section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content {
    margin-block: 10rem;
    padding-inline: 6rem;
  }
}
@media (max-width: 57.5em) {
  section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content {
    margin-block: 10rem;
    padding-inline: 6rem;
  }
}
@media (max-width: 500px) {
  section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content {
    margin-block: 2rem;
    padding-inline: 5rem;
  }
}
section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content {
  /* alles in content boven bomen/wolken */
}
section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content a.svd-btn,
section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content h1,
section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content p {
  position: relative;
  z-index: 5;
}
section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content {
  /* ---------- button ---------- */
}
section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content a.svd-btn {
  --color-main-clr: var(--svd-maintenance-btn-main-clr);
  --color-bg-clr: var(--svd-maintenance-btn-bg-clr);
  --color-hover-gradient-clr: var(--svd-maintenance-btn-hover-gradient-clr);
  --color-hover-gradient-accent-clr: var(--svd-maintenance-btn-hover-gradient-accent-clr);
  --color-hover-clr: var(--svd-maintenance-btn-hover-text-clr);
  --color-outline-clr: var(--color-main-clr);
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1rem;
  font-weight: 500;
  background-color: transparent;
  color: var(--color-hover-clr);
  border-radius: 1rem;
  padding-block: 0.35rem;
  padding-inline: 0.85rem;
  text-decoration: none;
  corner-shape: squircle;
  margin-block: 2rem;
  margin-inline: auto;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  mix-blend-mode: overlay;
  outline: 3px solid rgb(255, 255, 255);
  filter: drop-shadow(0px 3px 1px rgba(0, 0, 0, 0.2));
}
section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content a.svd-btn i {
  margin-right: 0.5rem;
}
section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content a.svd-btn:hover {
  background-color: var(--color-bg-clr);
  color: var(--color-hover-gradient-clr);
  outline: 5px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s linear;
  text-shadow: none;
}
section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content {
  /* ---------- title ---------- */
}
section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content h1 {
  --color-main-clr: var(--svd-maintenance-text-color);
  background: linear-gradient(90deg, var(--svd-maintenance-heading-gradient-from), var(--svd-maintenance-heading-gradient-to));
  -webkit-background-clip: text;
  color: rgba(255, 255, 255, 0.5);
  mix-blend-mode: overlay;
  font-size: clamp(1.55rem, 2vw, 2.5rem);
  font-weight: 500;
  text-wrap: balance;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.28));
}
section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content {
  /* ---------- paragraph ---------- */
}
section.svd-maintenance .svd-maintenance__inner .svd-maintenance__content p {
  --color-main-clr: var(--svd-maintenance-text-color);
  color: var(--color-main-clr);
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 300;
  text-wrap: balance;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
}
section.svd-maintenance .svd-maintenance__ground {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
  z-index: 1;
}
@media (max-width: 500px) {
  section.svd-maintenance .svd-maintenance__ground {
    bottom: -1px;
  }
}
section.svd-maintenance .svd-maintenance__ground svg {
  position: relative;
  display: block;
  width: calc(300% + 1.3px);
  transition: all 0.3s linear;
  height: 75px;
}
@media (max-width: 500px) {
  section.svd-maintenance .svd-maintenance__ground svg {
    height: 37.5px;
  }
}
section.svd-maintenance .svd-maintenance__ground .shape-fill {
  fill: #ffffff;
}

section.svd-maintenance__centered {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-block: 5rem;
  align-items: center;
  background: #fff;
  font-family: "Ubuntu";
}
section.svd-maintenance__centered .container {
  flex-direction: column;
  margin-block: 5em;
  margin-inline: auto;
  text-align: center;
  max-width: clamp(33.75em, 95%, 75em);
}
section.svd-maintenance__centered .container h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 500;
  text-wrap: balance;
}
section.svd-maintenance__centered .container h3 {
  font-size: clamp(1.25rem, 3vw, 2rem);
  font-weight: 300;
  text-wrap: balance;
}
section.svd-maintenance__centered .container form.search-form.search-form--page {
  display: flex;
  justify-content: center;
  margin-block: 1rem;
}
section.svd-maintenance__centered .container form.search-form.search-form--page * {
  font-family: "Poppins";
}
section.svd-maintenance__centered .container form.search-form.search-form--page input[type=search] {
  padding: 0.5rem 1rem;
}
section.svd-maintenance__centered .container form.search-form.search-form--page button {
  padding: 0.5rem 1rem;
}

@keyframes clouds {
  from {
    background-position: 0%;
  }
  to {
    background-position: 100%;
  }
}/*# sourceMappingURL=style.css.map */