/* Vandaag de Dag Magazine — presentatie zonder pagebuilder */
:root{--vdd-navy:#172e43;--vdd-red:#c83e3b;--vdd-cream:#f7f5f0;--vdd-ink:#243645}*{box-sizing:border-box}body{overflow-wrap:anywhere}a{text-underline-offset:3px}img{max-width:100%;height:auto}.wp-site-blocks{overflow:hidden}.vdd-site-header{background:#fff;border-bottom:1px solid #e8e6e1;position:relative;z-index:2}.vdd-header-inner{min-height:84px;padding:12px 22px;gap:25px}.vdd-logo a{font-weight:900;letter-spacing:-.06em;font-size:clamp(25px,3vw,37px);line-height:1;text-decoration:none;color:var(--vdd-navy)}.vdd-logo a:hover{color:var(--vdd-red)}.wp-block-navigation .wp-block-navigation-item__content{text-decoration:none!important}.wp-block-navigation .wp-block-navigation-item__content:hover{color:var(--vdd-red)}.vdd-hero{background:linear-gradient(145deg,#17334c,#12283b);color:#fff;padding:55px 22px 70px}.vdd-hero-intro{margin-bottom:40px}.vdd-hero-title{color:#fff!important;letter-spacing:-.05em;font-size:clamp(42px,6vw,78px);line-height:1.06;margin:12px 0 18px!important;max-width:830px}.vdd-hero-lead{max-width:660px;color:#dce5ea;font-size:clamp(17px,2vw,21px);line-height:1.55;margin-bottom:25px}.vdd-kicker{color:#f0b7ad;font-size:12px!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.vdd-featured-card{display:grid;grid-template-columns:1.22fr 1fr;align-items:center;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px #05142335;color:var(--vdd-ink)}.vdd-featured-card .wp-block-post-featured-image{margin:0;height:100%;min-height:335px}.vdd-featured-card .wp-block-post-featured-image a,.vdd-featured-card .wp-block-post-featured-image img{display:block;width:100%;height:100%;object-fit:cover}.vdd-featured-text{padding:clamp(25px,4vw,55px)}.vdd-featured-text .vdd-kicker{color:var(--vdd-red)}.vdd-featured-text .wp-block-post-title{font-size:clamp(26px,3.2vw,43px);letter-spacing:-.03em;margin:12px 0}.vdd-featured-text .wp-block-post-title a,.vdd-post-card .wp-block-post-title a{color:var(--vdd-navy);text-decoration:none}.vdd-featured-text .wp-block-post-title a:hover,.vdd-post-card .wp-block-post-title a:hover{color:var(--vdd-red)}.vdd-featured-text .wp-block-post-date{font-size:13px;color:#647585}.vdd-main-section{padding:65px 22px 75px}.vdd-section-head{margin-bottom:28px;gap:14px}.vdd-section-head h2{font-size:clamp(28px,3.5vw,40px);letter-spacing:-.04em}.vdd-section-head a{font-size:14px;font-weight:700}.vdd-grid-query .wp-block-post-template{gap:25px}.vdd-post-card{background:#fff;border:1px solid #ece9e3;border-radius:14px;overflow:hidden;height:100%;box-shadow:0 5px 20px #162a4010}.vdd-post-card .wp-block-post-featured-image{margin:0}.vdd-post-card .wp-block-post-featured-image img{width:100%;object-fit:cover}.vdd-post-card-body{padding:22px}.vdd-post-card .wp-block-post-title{font-size:21px;letter-spacing:-.02em;line-height:1.3;margin:7px 0 10px}.vdd-post-card .wp-block-post-date{font-size:12px;color:#77838c}.vdd-post-card .wp-block-post-excerpt{font-size:14px;line-height:1.6}.vdd-agenda-callout{background:#e6e9e8;padding:48px 22px}.vdd-agenda-callout h2{font-size:clamp(27px,3.4vw,42px);letter-spacing:-.04em}.vdd-agenda-callout .vdd-kicker{color:var(--vdd-red)}.vdd-article-shell{padding:52px 22px 85px}.vdd-article-shell>h1{font-size:clamp(34px,5vw,57px);letter-spacing:-.04em}.vdd-article-shell .wp-block-post-content{line-height:1.8}.vdd-article-shell .wp-block-post-content iframe{max-width:100%}.vdd-footer{background:var(--vdd-navy);color:#dbe2e7;padding:55px 22px 20px}.vdd-footer a{color:#fff}.vdd-footer .wp-block-site-title a{font-weight:850;color:#fff;text-decoration:none;font-size:26px}.vdd-footer h3{color:#fff;font-size:17px}.vdd-footer-bottom{border-top:1px solid #ffffff30;padding-top:22px;font-size:12px;margin-top:36px}.wp-block-query-pagination{margin-top:40px} :where(.wp-block-button__link){transition:transform .18s ease,opacity .18s ease}:where(.wp-block-button__link:hover){opacity:.92;transform:translateY(-1px)}.vdd-hero .is-style-outline a{border-color:#fff;color:#fff;background:transparent}@media(max-width:820px){.vdd-featured-card{grid-template-columns:1fr}.vdd-featured-card .wp-block-post-featured-image{min-height:0}.vdd-featured-text{padding:28px}.vdd-grid-query .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}.vdd-hero{padding:42px 18px 54px}.vdd-header-inner{min-height:70px}.vdd-main-section{padding:46px 18px}}@media(max-width:550px){.vdd-grid-query .wp-block-post-template{grid-template-columns:1fr}.vdd-hero-title{font-size:42px}.vdd-post-card-body{padding:19px}.vdd-agenda-callout .wp-block-columns{display:block}.vdd-agenda-callout .wp-block-buttons{justify-content:flex-start}.vdd-logo a{font-size:27px}}
/* v0.2.0 — nieuwsbriefkleuren overgenomen uit screenshot oktober 2026 */
:root{
  --vdd-navy:#1a3867;--vdd-red:#e28d32;--vdd-orange:#e28d32;
  --vdd-mint:#c5fce9;--vdd-cream:#f7fffc;--vdd-ink:#1a3867;
}
body{background:#ffffff;color:var(--vdd-ink)}
.vdd-site-header{background:#fff;border-bottom:2px solid var(--vdd-mint)}
.vdd-logo a{letter-spacing:-.025em;color:var(--vdd-navy)}
.vdd-hero{background:var(--vdd-mint);color:var(--vdd-navy)}
.vdd-hero-title{color:var(--vdd-navy)!important}
.vdd-hero-lead{color:var(--vdd-navy)}
.vdd-kicker,.vdd-featured-text .vdd-kicker,.vdd-agenda-callout .vdd-kicker{color:var(--vdd-navy)}
.vdd-featured-card{box-shadow:0 10px 32px rgba(26,56,103,.12);border-radius:18px}
.vdd-featured-card .wp-block-post-title a:hover,.vdd-post-card .wp-block-post-title a:hover{color:var(--vdd-orange)}
.vdd-featured-text .wp-block-post-date{color:#526b80}
.vdd-post-card{border-color:#d4e8e3;box-shadow:0 5px 20px rgba(26,56,103,.07)}
.vdd-main-section{background:#fff}
.vdd-agenda-callout{background:var(--vdd-mint)}
.vdd-footer{background:var(--vdd-navy);color:#fff}
.vdd-footer-bottom{border-top-color:rgba(255,255,255,.28)}
.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .current-menu-item>.wp-block-navigation-item__content{color:var(--vdd-orange)}
:where(.wp-block-button__link),:where(.wp-element-button){
 background:var(--vdd-orange);color:#fff;border-radius:999px;
 font-weight:750
}
.vdd-hero .is-style-outline a{border:2px solid var(--vdd-navy);color:var(--vdd-navy);background:transparent}
.vdd-hero .is-style-outline a:hover{background:var(--vdd-navy);color:#fff}
.vdd-section-head h2,.vdd-agenda-callout h2{color:var(--vdd-navy)}
a:focus-visible,button:focus-visible{outline:3px solid var(--vdd-orange);outline-offset:3px}
@media(prefers-reduced-motion:reduce){
 :where(.wp-block-button__link){transition:none}
 :where(.wp-block-button__link:hover){transform:none}
}

/* 0.3.0: extra redactionele homepage-onderdelen */
.vdd-youtube-band{background:var(--vdd-navy);color:#fff;padding:clamp(36px,6vw,75px) 22px}
.vdd-youtube-band h2{color:#fff;font-size:clamp(29px,3.6vw,46px);line-height:1.15}
.vdd-youtube-band .vdd-kicker{color:var(--vdd-mint)}
.vdd-youtube-band p:not(.vdd-kicker){max-width:660px}
.vdd-youtube-band .is-style-outline a{border:2px solid var(--vdd-mint);background:transparent;color:#fff}
.vdd-youtube-band .is-style-outline a:hover{background:var(--vdd-mint);color:var(--vdd-navy)}
.vdd-youtube-mark{margin:0 auto!important;display:grid;place-items:center;width:min(210px,48vw);aspect-ratio:1;border:4px solid var(--vdd-mint);border-radius:50%;color:var(--vdd-mint);font-size:clamp(70px,10vw,110px);line-height:1}
.vdd-youtube-caption{text-align:center;font-weight:700;font-size:15px}
.vdd-newsletter{background:#fff;padding:clamp(45px,6vw,80px) 22px}
.vdd-newsletter-inner{max-width:760px!important;text-align:center}
.vdd-newsletter h2{font-size:clamp(30px,3.6vw,44px);margin:12px 0}
.vdd-newsletter .vdd-kicker{color:var(--vdd-orange)}
.vdd-newsletter p:not(.vdd-kicker){font-size:18px}
.vdd-agenda-callout{border-top:1px solid #adddcd;border-bottom:1px solid #adddcd}
.vdd-main-section .wp-block-post-template{align-items:stretch}
@media(max-width:781px){.vdd-youtube-band .wp-block-columns{gap:10px}.vdd-youtube-mark{width:110px;font-size:54px;border-width:3px}.vdd-youtube-band .wp-block-buttons{gap:10px}}

/* v0.4.0 — live kalenderkaarten */
.vdd-upcoming-events-section{padding:clamp(24px,4vw,58px) 18px;max-width:1160px;margin-inline:auto}
.vdd-upcoming-events-section h3{color:#1a3867;font-size:clamp(1.35rem,2.5vw,2rem)}
.vdd-events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.vdd-event-card{display:flex;gap:16px;background:#fff;border:1px solid #d3e4df;border-radius:16px;padding:20px;min-width:0;box-shadow:0 6px 20px rgba(26,56,103,.07)}
.vdd-event-date{flex:0 0 66px;align-self:flex-start;text-align:center;background:#c5fce9;color:#1a3867;border-radius:10px;padding:8px 4px;text-transform:uppercase}
.vdd-event-date span{display:block;font-size:.75rem;letter-spacing:.06em;font-weight:700}
.vdd-event-date strong{display:block;font-size:2rem;line-height:1.2}
.vdd-event-details{min-width:0}.vdd-event-details h3{margin:0 0 8px;font-size:1.05rem;line-height:1.3;overflow-wrap:anywhere}
.vdd-event-details h3 a{color:#1a3867}.vdd-event-details p{font-size:.88rem;margin:0 0 8px}
.vdd-event-link,.vdd-events-more a{color:#1a3867;font-weight:700;text-decoration:underline;text-decoration-color:#e28d32;text-underline-offset:4px}
.vdd-events-more{margin:22px 0 0}.vdd-events-empty{padding:18px;border-left:4px solid #e28d32;background:#f7fffc}
@media(max-width:900px){.vdd-events-grid{grid-template-columns:1fr}}

/* Directe koppeling met kalenderplugin 1.2.2 */
.vdd-event-type{display:inline-block;color:#1a3867;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.35rem}
.vdd-event-city{opacity:.85}
.vdd-event-visiting{display:inline-block;background:#c5fce9;color:#1a3867;font-weight:750;padding:.25rem .6rem;border-radius:999px;font-size:.78rem;margin-bottom:.5rem}

/* v0.5 — automatisch bijgewerkte YouTube-reportages */
.vdd-yt-spotlight{max-width:1160px;margin:36px auto 0}
.vdd-yt-card{overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(26,56,103,.10)}
.vdd-yt-image{display:block;position:relative;aspect-ratio:16/9;background:#1a3867;overflow:hidden}
.vdd-yt-image img{display:block;width:100%;height:100%;object-fit:cover}
.vdd-yt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:18px;background:#e28d32;color:#fff;font-size:24px;padding:12px 22px;line-height:1}
.vdd-yt-text{padding:20px}.vdd-yt-text h3{margin:0 0 8px;font-size:1.2rem;line-height:1.3}.vdd-yt-text h3 a{color:#1a3867;text-decoration:none}
.vdd-yt-text h3 a:hover{color:#e28d32}.vdd-yt-text time{color:#567082;font-size:.85rem}
.vdd-yt-featured{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center}
.vdd-yt-featured .vdd-yt-text{padding:clamp(22px,4vw,50px)}.vdd-yt-featured .vdd-yt-text h3{font-size:clamp(1.5rem,2.8vw,2.6rem)}
.vdd-yt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:24px}
.vdd-yt-empty{padding:24px;border:1px solid #c5fce9;border-radius:16px;background:#fff}
@media(max-width:850px){.vdd-yt-featured{grid-template-columns:1fr}.vdd-yt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.vdd-yt-grid{grid-template-columns:1fr}}


/* v0.5.1 — uitgelichte video compacter en stabiel naast elkaar */
.vdd-yt-spotlight{max-width:980px;margin:36px auto 0}
.vdd-yt-featured{
  display:grid !important;
  grid-template-columns:minmax(320px, 56%) minmax(280px, 44%);
  align-items:stretch;
}
.vdd-yt-featured .vdd-yt-image{
  width:100%;
  min-width:0;
  aspect-ratio:16/9;
  height:100%;
}
.vdd-yt-featured .vdd-yt-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(24px,3vw,42px);
}
.vdd-yt-featured .vdd-yt-text h3{
  max-width:16ch;
  margin-bottom:14px;
}
.vdd-yt-featured .vdd-kicker{margin:0 0 14px}
.vdd-yt-featured time{display:block;margin-top:6px}
@media(max-width:900px){
  .vdd-yt-spotlight{max-width:100%}
  .vdd-yt-featured{grid-template-columns:1fr !important}
  .vdd-yt-featured .vdd-yt-text h3{max-width:none}
}


/* v0.5.2 — videoraster over de volledige breedte van het hoofdframe.
   WordPress geeft shortcodeblokken in constrained groups standaard een
   smallere content-width. Overschrijf die alleen voor deze videossectie. */
.vdd-main-section{
  width:calc(100% - 44px);
  max-width:1160px !important;
  margin-inline:auto !important;
  padding-inline:0;
}
.vdd-main-section > .wp-block-shortcode,
.vdd-main-section > .wp-block-shortcode:not(.alignwide):not(.alignfull){
  width:100% !important;
  max-width:100% !important;
  margin-inline:0 !important;
}
.vdd-main-section .vdd-yt-grid{
  width:100%;
  max-width:none;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.vdd-main-section .vdd-yt-card{min-width:0;height:100%}
.vdd-main-section .vdd-yt-text{padding:clamp(18px,2vw,26px)}
@media(max-width:850px){
 .vdd-main-section .vdd-yt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}
@media(max-width:550px){
 .vdd-main-section{width:calc(100% - 32px)}
 .vdd-main-section .vdd-yt-grid{grid-template-columns:1fr;gap:18px}
}


/* v0.5.5 — featured video werkelijk horizontaal: flex voorkomt
   dat een eerdere media-query of WordPress-constrained layout het grid opbreekt. */
.vdd-hero > .vdd-yt-spotlight,
.vdd-hero .vdd-yt-spotlight {
  width:100% !important;
  max-width:1160px !important;
  margin:36px auto 0 !important;
}
.vdd-hero .vdd-yt-spotlight > .vdd-yt-featured {
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:stretch !important;
  width:100%;
  max-width:100%;
  min-width:0;
}
.vdd-hero .vdd-yt-featured > .vdd-yt-image {
  display:block;
  flex:0 0 56%;
  width:56%;
  max-width:56%;
  min-width:0;
  height:auto;
  align-self:stretch;
  aspect-ratio:auto;
  margin:0;
}
.vdd-hero .vdd-yt-featured > .vdd-yt-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.vdd-hero .vdd-yt-featured > .vdd-yt-text {
  flex:1 1 44%;
  width:44%;
  max-width:44%;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(24px,3vw,48px);
}
.vdd-hero .vdd-yt-featured > .vdd-yt-text h3{
  max-width:none;
  overflow-wrap:break-word;
  font-size:clamp(1.35rem,2.5vw,2.4rem);
  line-height:1.22;
}
@media(max-width:760px){
  .vdd-hero .vdd-yt-spotlight > .vdd-yt-featured{flex-direction:column !important}
  .vdd-hero .vdd-yt-featured > .vdd-yt-image{
    flex:0 0 auto;width:100%;max-width:100%;aspect-ratio:16/9;
  }
  .vdd-hero .vdd-yt-featured > .vdd-yt-text{
    flex:0 0 auto;width:100%;max-width:100%;padding:24px;
  }
  .vdd-hero .vdd-yt-featured > .vdd-yt-text h3{font-size:clamp(1.4rem,5vw,2rem)}
}

/* v0.5.6: thumbnail in 16:9 zonder zwarte letterbox-stroken */
.vdd-hero .vdd-yt-featured > .vdd-yt-image,
.vdd-yt-grid .vdd-yt-image{position:relative;aspect-ratio:16/9;height:auto;align-self:center;background:transparent;overflow:hidden;}
.vdd-hero .vdd-yt-featured > .vdd-yt-image img,
.vdd-yt-grid .vdd-yt-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;}


/* v0.5.8 — footer met contactgegevens en bestaande verwijzingen */
.vdd-footer .vdd-footer-columns{display:flex;gap:clamp(24px,4vw,60px);align-items:flex-start}
.vdd-footer .vdd-footer-columns>.wp-block-column{min-width:0;flex:1 1 0}
.vdd-footer .vdd-footer-columns h3{color:#fff;font-size:clamp(1.15rem,2vw,1.45rem);margin:0 0 12px}
.vdd-footer .vdd-footer-columns p{line-height:1.8;margin:0;color:#e3edf3}
.vdd-footer .vdd-footer-columns a{color:#c5fce9;text-decoration:none}
.vdd-footer .vdd-footer-columns a:hover{text-decoration:underline;text-decoration-color:#e28d32}
@media(max-width:781px){.vdd-footer .vdd-footer-columns{flex-direction:column;gap:22px}}


/* Versie 0.5.9 — consistente breedte vanaf reportageblok t/m footer.
   WordPress constrained layouts gebruiken normaal 760px voor directe kinderen;
   expliciet dezelfde maximaal 1160px inclusief shortcode-uitvoer. */
:root { --vdd-home-content: 1160px; }
.vdd-hero > .vdd-hero-intro,
.vdd-hero > .vdd-yt-spotlight,
.vdd-main-section,
.vdd-youtube-band > .wp-block-columns,
.vdd-agenda-callout > .wp-block-columns,
.vdd-upcoming-events-section,
.vdd-newsletter > .vdd-newsletter-inner,
.vdd-footer > .vdd-footer-columns,
.vdd-footer > .vdd-footer-bottom {
 width:100% !important;
 max-width:var(--vdd-home-content) !important;
 box-sizing:border-box;
 margin-left:auto !important;
 margin-right:auto !important;
}
/* Shortcodes, hun resultaten en koppen horen bij hetzelfde raster. */
.vdd-main-section > .vdd-section-head,
.vdd-main-section > .wp-block-shortcode,
.vdd-main-section > .vdd-yt-grid,
.vdd-upcoming-events-section > .wp-block-shortcode,
.vdd-upcoming-events-section > .vdd-events-grid,
.vdd-newsletter-inner > .wp-block-buttons {
 width:100% !important;
 max-width:100% !important;
}
.vdd-youtube-band,
.vdd-agenda-callout,
.vdd-newsletter,
.vdd-footer {
 width:100%;
 padding-left:22px;
 padding-right:22px;
}
.vdd-main-section,.vdd-upcoming-events-section {
 width:calc(100% - 44px) !important;
 padding-left:0 !important;
 padding-right:0 !important;
}
.vdd-upcoming-events-section > .vdd-events-grid,
.vdd-upcoming-events-section .vdd-events-grid {
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:24px;
}
.vdd-newsletter-inner {
 text-align:left !important;
}
.vdd-newsletter-inner .has-text-align-center {text-align:left !important;}
.vdd-newsletter-inner .wp-block-buttons {justify-content:flex-start !important;}
/* Footer met gelijke linker- en rechterkantlijn. */
.vdd-footer > .vdd-footer-bottom {text-align:left;}
@media (max-width:900px) {
 .vdd-upcoming-events-section .vdd-events-grid {grid-template-columns:1fr;}
}
@media (max-width:781px) {
 .vdd-footer .vdd-footer-columns {display:flex;flex-direction:column;}
}
@media (max-width:600px) {
 .vdd-youtube-band,.vdd-agenda-callout,.vdd-newsletter,.vdd-footer {padding-left:16px;padding-right:16px;}
 .vdd-main-section,.vdd-upcoming-events-section {width:calc(100% - 32px) !important;}
}


/* v0.5.11 — evenementen, nieuwsbrief en footer exact op dezelfde framebreedte */
.vdd-upcoming-events-section,
.vdd-upcoming-events-section > .wp-block-heading,
.vdd-upcoming-events-section > .wp-block-shortcode,
.vdd-upcoming-events-section .vdd-events,
.vdd-upcoming-events-section .vdd-events-grid,
.vdd-upcoming-events-section .vdd-events-more,
.vdd-newsletter > .vdd-newsletter-inner,
.vdd-newsletter-inner,
.vdd-footer > .vdd-footer-columns,
.vdd-footer > .vdd-footer-bottom {
  max-width: var(--vdd-home-content) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

/* voorkom dat oudere smallere limieten blijven gelden */
.vdd-newsletter-inner{
  max-width: var(--vdd-home-content) !important;
}
.vdd-newsletter-inner > *{
  max-width: 100% !important;
}
.vdd-upcoming-events-section > *{
  max-width: 100% !important;
}
.vdd-upcoming-events-section .vdd-events{
  width: 100%;
}
.vdd-footer .vdd-footer-columns{
  justify-content: space-between;
}
.vdd-footer > .vdd-footer-bottom{
  display:block;
}
@media (max-width: 900px){
  .vdd-footer .vdd-footer-columns{justify-content:flex-start;}
}


/* v0.5.12 — consistente breedte op alle overige pagina's en berichttypes.
   Laat de achtergrond doorlopen maar lijn het inhoudsframe uit op 1160px. */
:root { --vdd-home-content:1160px; }
.wp-site-blocks .vdd-article-shell {
  width:calc(100% - 44px) !important;
  max-width:var(--vdd-home-content) !important;
  box-sizing:border-box;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.wp-site-blocks .vdd-article-shell > :not(.alignfull),
.wp-site-blocks .vdd-article-shell > .wp-block-post-content,
.wp-site-blocks .vdd-article-shell .wp-block-post-content.is-layout-constrained > :not(.alignfull),
.wp-site-blocks .vdd-main-section > :not(.alignfull),
.wp-site-blocks .vdd-main-section > .wp-block-query {
  width:100%;
  max-width:var(--vdd-home-content) !important;
  box-sizing:border-box;
}
.wp-site-blocks .vdd-main-section > .wp-block-query,
.wp-site-blocks .vdd-main-section > .wp-block-query .wp-block-post-template {
  width:100% !important;
  max-width:100% !important;
}
.wp-site-blocks .vdd-article-shell .wp-block-post-content :is(img, iframe, video) {
  max-width:100%;
}
@media(max-width:600px) {
  .wp-site-blocks .vdd-article-shell {
    width:calc(100% - 32px) !important;
  }
}

/* 0.6.0: automatische nieuwste nummers op de bestaande Alle video's pagina */
.vdd-video-archive-added{width:100%;max-width:1160px;margin:0 auto 30px}
.vdd-video-archive-added h2{font-size:clamp(1.45rem,2.5vw,2rem);margin:0 0 18px}
.vdd-video-archive-list{padding:0;margin:0;list-style:none;display:grid;gap:8px}
.vdd-video-archive-list li{display:flex;gap:12px;align-items:baseline;background:#f7fffc;padding:12px 15px;border-radius:10px}
.vdd-video-archive-number{color:#1a3867;font-weight:800;min-width:3.2em}
.vdd-video-archive-list a{font-weight:650;text-decoration-color:#e28d32}

/* v0.6.1 — nieuwe nummers opgemaakt als bestaande handmatige archiefregels */
.vdd-video-archive-added { max-width:100% !important; width:100%; margin:0 !important; padding:0 !important; font:inherit; color:inherit; }
.vdd-video-archive-added .vdd-video-archive-line { margin:0 0 1.5em; padding:0; background:none; border:0; border-radius:0; box-shadow:none; font:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; color:inherit; }
.vdd-video-archive-added .vdd-video-archive-line a { font:inherit; font-weight:inherit; color:inherit; text-decoration:underline; text-underline-offset:3px; }

/* 0.7.0 videobibliotheek: gelijk aan klassieke tekstregels */
.vdd-video-library-line {font:inherit;line-height:inherit;margin:0 0 1em;color:inherit;}
.vdd-video-library-line a {font:inherit;}


/* v0.7.2 — rustige agenda: datumregels gescheiden, geen dubbele organisatorlink */
.vdd-events-grid .vdd-event-card { align-items:flex-start; }
.vdd-event-card .vdd-event-details { flex:1 1 auto; min-width:0; }
.vdd-event-card .vdd-event-details h3 { margin-bottom:10px; line-height:1.4; }
.vdd-event-card .vdd-event-dates { display:flex; flex-direction:column; gap:3px; margin-bottom:10px; font-size:.88rem; line-height:1.45; }
.vdd-event-card .vdd-event-date-line { display:block; white-space:nowrap; }
.vdd-event-card .vdd-event-date-label { display:inline-block; min-width:2.4em; font-weight:700; }
.vdd-event-card .vdd-event-ongoing { display:inline-block; align-self:flex-start; font-weight:700; color:#1a3867; }
.vdd-event-card .vdd-event-city { margin-top:7px; }
.vdd-event-card .vdd-event-visiting { margin-top:5px; }
@media(max-width:400px) { .vdd-event-card .vdd-event-date-line { white-space:normal; } }

/* 0.7.3 — begin- en einddatum direct onder elkaar, zonder tussenruimte */
.vdd-event-card .vdd-event-dates {gap:0 !important;}
.vdd-event-card .vdd-event-date-line {margin:0 !important;padding:0 !important;line-height:1.4;}

/* 0.7.4 — footerregel verdeeld over linker- en rechterkant */
.vdd-footer > .vdd-footer-bottom,
.vdd-footer .vdd-footer-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 24px;
  width:100%!important;
  max-width:1160px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left;
}
.vdd-footer .vdd-footer-bottom p { margin:0; }
.vdd-footer .vdd-footer-bottom a { color:#c5fce9; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:600px){ .vdd-footer .vdd-footer-bottom { align-items:flex-start; flex-direction:column; } }


/* 0.7.9 — contactpagina, zonder bestaande pagina-inhoud of formulieren te wijzigen */
.vdd-contact-page{width:100%;background:#fff;color:#1a3867;padding:0 22px 76px}
.vdd-contact-page > .vdd-contact-intro,
.vdd-contact-page > .vdd-contact-content{width:100%!important;max-width:1160px!important;margin-left:auto!important;margin-right:auto!important}
.vdd-contact-intro{padding:clamp(32px,5vw,70px) clamp(24px,4vw,60px);border-radius:0 0 22px 22px;background:#c5fce9}
.vdd-contact-intro > *{max-width:100%!important}
.vdd-contact-intro .vdd-kicker{font-size:12px;letter-spacing:.15em;font-weight:800;margin-bottom:10px;color:#1a3867}
.vdd-contact-intro .vdd-contact-title{margin:0 0 14px;font-size:clamp(38px,5vw,66px);line-height:1.12;letter-spacing:-.04em;color:#1a3867}
.vdd-contact-intro .vdd-contact-lead{font-size:clamp(17px,2vw,21px);line-height:1.55;max-width:760px!important;margin:0}
.vdd-contact-page > .vdd-contact-content{padding:clamp(28px,4vw,52px) 0 0}
.vdd-contact-page .vdd-contact-content > .wp-block-post-content,
.vdd-contact-page .vdd-contact-content > .wp-block-post-content > *{max-width:100%!important;width:100%}
/* CF7 velden en feedback; automatisch toegepast op bestaand formulier */
.vdd-contact-page .wpcf7{max-width:850px;margin:0}
.vdd-contact-page .wpcf7 form{background:#fff;border:1px solid #d6e6e1;border-radius:18px;padding:clamp(22px,3.5vw,42px);box-shadow:0 12px 36px rgba(26,56,103,.07)}
.vdd-contact-page .wpcf7 form p{margin:0 0 18px;line-height:1.5}
.vdd-contact-page .wpcf7 form label{font-weight:700;display:block;color:#1a3867}
.vdd-contact-page .wpcf7 form .wpcf7-form-control-wrap{display:block;margin-top:7px}
.vdd-contact-page .wpcf7 :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],select,textarea){display:block;box-sizing:border-box;max-width:100%;width:100%;font:inherit;border:1px solid #b5c9c5;border-radius:9px;background:#fff;color:#1a3867;padding:12px 14px;box-shadow:none}
.vdd-contact-page .wpcf7 textarea{min-height:160px;resize:vertical}
.vdd-contact-page .wpcf7 :is(input,textarea,select):focus-visible{outline:3px solid #e28d32;outline-offset:2px;border-color:#1a3867}
.vdd-contact-page .wpcf7 input[type="submit"]{background:#e28d32;border:0;border-radius:99px;color:#fff;cursor:pointer;font:inherit;font-weight:750;padding:14px 27px}
.vdd-contact-page .wpcf7 input[type="submit"]:hover{background:#1a3867}
.vdd-contact-page .wpcf7 .wpcf7-response-output{border-radius:10px;padding:12px 16px;margin:18px 0 0}
.vdd-contact-page .wpcf7 .wpcf7-not-valid-tip{font-size:.86rem;margin-top:5px}
.vdd-contact-page .wp-block-post-content a{color:#1a3867;text-decoration-color:#e28d32;text-underline-offset:4px}
@media(max-width:600px){.vdd-contact-page{padding:0 16px 44px}.vdd-contact-intro{padding:30px 22px;border-radius:0 0 14px 14px}.vdd-contact-page .wpcf7 form{padding:20px 16px}}


/* v0.7.10 — reportage-tip en samenwerking op de contactpagina */
.vdd-contact-page > .vdd-contact-extra{width:100%!important;max-width:1160px!important;margin:42px auto 0!important}
.vdd-contact-extra-columns{gap:24px;align-items:stretch}
.vdd-contact-extra-columns > .wp-block-column{min-width:0;display:flex}
.vdd-contact-extra-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(24px,3vw,38px);border:1px solid #d1e7e1;border-radius:18px;background:#f7fffc;width:100%;height:100%}
.vdd-contact-extra-card-partner{background:#c5fce9}
.vdd-contact-extra-card > *{margin:0!important;max-width:100%!important}
.vdd-contact-extra-card h2{color:#1a3867;font-size:clamp(23px,2.4vw,31px);line-height:1.25}
.vdd-contact-extra-card p:not(.vdd-kicker){font-size:16px;line-height:1.6}
.vdd-contact-extra-card .wp-block-buttons{margin-top:auto!important;padding-top:10px}
@media(max-width:781px){.vdd-contact-extra-columns{gap:16px}.vdd-contact-page > .vdd-contact-extra{margin-top:30px!important}}


/* 0.7.11 — dezelfde mintgroene titelstrook op alle inhoudspagina's */
.wp-site-blocks .vdd-page-title-panel {
  background:#c5fce9; color:#1a3867; border-radius:0 0 22px 22px;
  width:100%!important;max-width:1160px!important;
  box-sizing:border-box;padding:clamp(32px,5vw,70px) clamp(24px,4vw,60px);
  margin:0 auto clamp(28px,4vw,52px)!important;
}
.wp-site-blocks .vdd-page-title-panel > * {
  max-width:100%!important; margin-left:0!important; margin-right:0!important;
}
.wp-site-blocks .vdd-page-title-panel :is(h1,.wp-block-query-title) {
  color:#1a3867;font-size:clamp(38px,5vw,66px);line-height:1.12;letter-spacing:-.04em;margin:0;
}
/* Bestaande contact-intro volgt dezelfde uitlijning en heeft geen bovenlabel meer. */
.wp-site-blocks .vdd-contact-intro .vdd-contact-lead {
  margin-top:16px!important;margin-left:0!important;margin-right:0!important;
}
@media(max-width:600px){
 .wp-site-blocks .vdd-page-title-panel{border-radius:0 0 14px 14px;padding:30px 22px}
}