/* ==== VIAK 2026-11 BEGIN: header, lettertypes, tabellen, footer, /informatie ====
   Alles hiertussen weghalen = terug naar hoe het was. Formulieren (form, .ba-form) blijven buiten schot. */

@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/nunito-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito Sans";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/nunito-sans-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/nunito-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-600-normal.woff2) format("woff2")}

:root{
  --mc-tekst:"Nunito Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mc-kop:"Poppins","Nunito Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --mc-blauw:#1500ff;
  --mc-roze:#ff3bd9;
  --mc-paars:#b752e7;
  --mc-inkt:#2f2b3a;
}

/* ---------- 1. Lettertypes: overal dezelfde alinea's ---------- */
body{font-family:var(--mc-tekst);font-size:17px;line-height:1.65;color:#3b3646}
#sp-main-body :is(p,li,td,th,blockquote,dd,dt):not(form *){font-size:17px;line-height:1.65}
#sp-main-body .sppb-addon-text-block p:not(form *){margin:0 0 .9em}
#sp-main-body .sppb-addon-text-block p:not(form *):last-child{margin-bottom:0}
h1,h2,h3,h4,h5,h6,.sppb-addon-title,.sp-module-title{font-family:var(--mc-kop);font-weight:600;letter-spacing:-.005em}
#sp-main-body :is(h1,h2,h3,h4,h5,h6):not([class*=eapps] *){font-family:var(--mc-kop);line-height:1.25}
#sp-main-body .sppb-addon-text-block .sppb-addon-content h3:not(:first-child){margin-top:1.1em}
#sp-main-body a:not(.btn):not(.sppb-btn){text-underline-offset:2px}
/* Formulieren houden hun oude maten (alleen het lettertype loopt mee) */
#sp-main-body form{font-size:15px;line-height:1.3;color:#555}

/* ---------- 2. Header: direct zichtbaar, compacter, smal bij scrollen ---------- */
#sp-header,#sp-header.header-sticky{animation:none!important;opacity:1!important}
@media (min-width:992px){
  #sp-header{min-height:0!important;transition:box-shadow .25s ease}
  #sp-header .container,#sp-header .container-inner,#sp-header .container-inner>.row{min-height:0}
  #sp-header .container-inner>.row{align-items:center}
  #sp-header #sp-logo{top:0!important}
  #sp-header #sp-logo .logo{height:auto!important;align-items:flex-start!important}
  #sp-header #sp-logo .logo>a{height:auto!important}
  #sp-header .logo-image{width:200px!important;max-width:none!important;height:auto!important;transition:width .25s ease}
  #sp-header .col-sm-8.col-md-7{display:grid!important;grid-template-columns:auto auto;align-items:center;column-gap:20px;row-gap:8px;padding-top:12px!important;padding-bottom:10px;transition:padding .25s ease}
  #sp-header .header-top-left,#sp-header .header-top-right{width:auto!important;max-width:none!important;flex:none!important}
  #sp-header .header-top-left p{margin:0!important;font-family:var(--mc-tekst);font-size:16px;font-weight:400;opacity:.92}
  #sp-header .header-top-right .sp-module,#sp-header .header-top-right p{margin:0!important}
  #sp-header .header-top-right .btn{padding:7px 18px;font-size:14px;letter-spacing:.03em;border-radius:999px}
  #sp-header #sp-menu{grid-column:1 / -1;width:auto!important;max-width:none!important}
  #sp-header .sp-megamenu-parent>li>a{font-family:var(--mc-kop);font-weight:500;letter-spacing:.02em}
  #sp-header .col-sm-3{display:flex;align-items:center;justify-content:flex-end}
  #sp-header .sp-social{height:auto!important;padding-top:0!important;align-items:center}
  #sp-header .sp-social .sp-module{margin-top:0!important}
  #sp-header .sp-social p{margin:0!important}
  #sp-header .sp-social img{height:40px;width:auto;transition:height .25s ease}

  /* Na het scrollen: alleen het menu, logo en iconen kleiner (header 115 -> 60 px) */
  #sp-header.mc-smal{box-shadow:0 6px 20px rgba(10,0,120,.25)}
  #sp-header.mc-smal .header-top-left,#sp-header.mc-smal .header-top-right{display:none!important}
  #sp-header.mc-smal .col-sm-8.col-md-7{padding-top:10px!important;padding-bottom:10px}
  #sp-header.mc-smal .sp-social img{height:32px}
  #sp-header.mc-smal .logo-image{width:120px!important}
}
@media (max-width:991.98px){
  #sp-header{min-height:96px!important;transition:min-height .25s ease,box-shadow .25s ease}
  #sp-header .mobile-logo{top:28px!important;transform-origin:right top;transition:transform .25s ease}
  #sp-header .mobile-logo .logo-image-phone{width:150px!important;height:auto!important}
  #sp-header .col-sm-8.col-md-7{transition:padding .25s ease}
  #sp-header.mc-smal{min-height:64px!important;box-shadow:0 4px 14px rgba(10,0,120,.25)}
  #sp-header.mc-smal .mobile-logo{transform:translateY(-6px) scale(.6)}
  #sp-header.mc-smal .col-sm-8.col-md-7{padding-top:7px!important}
}

/* ---------- 3. Openingstijden (Contact) ---------- */
#sppb-addon-1592302425596 table.sppb-table-style{width:100%!important;height:auto!important;border-collapse:separate;border-spacing:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,40,.18);margin:6px 0 18px}
#sppb-addon-1592302425596 table.sppb-table-style td{border:0!important;border-bottom:1px solid #ece8f6!important;padding:9px 14px!important;vertical-align:top;background:transparent;height:auto!important;width:auto!important}
#sppb-addon-1592302425596 table.sppb-table-style tr:last-child td{border-bottom:0!important}
#sppb-addon-1592302425596 table.sppb-table-style td p{margin:0;font-size:16px;line-height:1.45}
#sppb-addon-1592302425596 table.sppb-table-style td span{color:inherit!important}
#sppb-addon-1592302425596 table.sppb-table-style td:first-child{font-family:var(--mc-kop);font-weight:500;color:var(--mc-inkt);white-space:nowrap;width:38%!important}
#sppb-addon-1592302425596 table.sppb-table-style td:last-child{color:#4a4560;font-variant-numeric:tabular-nums}
#sppb-addon-1592302425596 table.sppb-table-style tr.mc-vandaag td{background:#fdeefa}
#sppb-addon-1592302425596 table.sppb-table-style tr.mc-vandaag td:first-child{color:#c21fa3;box-shadow:inset 4px 0 0 var(--mc-roze)}

/* Overige inhoudstabellen (Lessen, Activiteiten): rustiger en beter leesbaar */
#sp-main-body .sppb-addon-text-block table:not(form table),#sp-main-body .article-details table:not(form table){border-collapse:collapse;width:100%}
#sp-main-body .sppb-addon-text-block table:not(form table) td,#sp-main-body .sppb-addon-text-block table:not(form table) th{border-color:#e6e1f2!important;padding:7px 12px;vertical-align:top}
#sp-main-body .sppb-addon-text-block table:not(form table) td p{margin:0}
#sp-main-body .sppb-addon-text-block table:not(form table) tr:first-child:has(td strong,th) td,#sp-main-body .sppb-addon-text-block table:not(form table) th{background:#f5f1fc;font-family:var(--mc-kop);font-weight:500;color:var(--mc-inkt)}
#sp-main-body .sppb-addon-text-block table:not(form table) td[rowspan]:not([rowspan="1"]){font-family:var(--mc-kop);font-weight:500;color:var(--mc-inkt);background:#fbf9fe}
@media (max-width:767.98px){
  #sp-main-body .sppb-addon-text-block:has(table) .sppb-addon-content{overflow-x:auto;-webkit-overflow-scrolling:touch}
  #sp-main-body .sppb-addon-text-block table:not(form table) :is(td,th){font-size:15px;padding:6px 8px}
}

/* ---------- 4. Footer ---------- */
#sp-bottom{padding:56px 0 40px!important}
#sp-bottom .sp-module-title{font-family:var(--mc-kop)!important;font-weight:600!important;font-size:15px!important;letter-spacing:.12em!important;text-transform:uppercase;margin-bottom:16px!important;line-height:1.3!important}
#sp-bottom,#sp-bottom p,#sp-bottom li{font-size:16px;line-height:1.7}
#sp-bottom p{margin:0 0 4px}
#sp-bottom a:not(.btn){text-decoration:none}
#sp-bottom a:not(.btn):hover{text-decoration:underline;text-underline-offset:3px}
#sp-bottom .vmenu ul.menu li a{font-size:16px!important;font-weight:700;line-height:1.7!important}
#sp-bottom img:not([class*=social]):not(.sp-social img){max-width:170px;height:auto;margin-top:0}
#sp-bottom .copyright-section{margin-top:36px!important;font-size:14px;opacity:.9}
#sp-bottom .copyright-section p{font-size:14px}
@media (max-width:991.98px){
  #sp-bottom .row>div{margin-bottom:28px}
  #sp-bottom .sp-social{justify-content:flex-start!important}
  #sp-bottom [id^=sp-bottom3] .sp-module-title{text-align:left!important}
}

/* ---------- 5. /informatie: Jouw Manegeplan bekijken ---------- */
.itemid-158 #sp-main-body{background:linear-gradient(180deg,#f7f4fd 0,#fff 420px)}
.itemid-158 #section-id-1594372635305 .sppb-addon-text-block .sppb-addon-content h3{position:relative;padding:14px 18px 6px 52px;margin:14px 0 0;background:#fff;border:1px solid #ece6f8;border-bottom:0;border-radius:14px 14px 0 0;font-size:19px}
.itemid-158 #section-id-1594372635305 .sppb-addon-text-block .sppb-addon-content h3::before{content:"?";position:absolute;left:16px;top:13px;width:26px;height:26px;border-radius:50%;background:var(--mc-paars);color:#fff;font:600 15px/26px var(--mc-kop);text-align:center}
.itemid-158 #section-id-1594372635305 .sppb-addon-text-block .sppb-addon-content h3+p{padding:0 18px 14px 52px;margin:0;background:#fff;border:1px solid #ece6f8;border-top:0;border-radius:0 0 14px 14px;box-shadow:0 6px 18px rgba(60,20,120,.06)}
.itemid-158 #section-id-1594372635307 iframe{display:block;width:100%;max-width:560px;height:700px!important;margin:0 auto;border:0;border-radius:18px;box-shadow:0 14px 40px rgba(21,0,255,.25);background:#0000ff}
.itemid-158 #sppb-addon-1594372635310 .sppb-addon-title{margin:30px 0 4px}
.itemid-158 #column-id-1594386294110{border-radius:20px;overflow:hidden;box-shadow:0 14px 40px rgba(120,40,200,.18)}
@media (max-width:767.98px){.itemid-158 #section-id-1594372635307 iframe{height:760px!important;border-radius:12px}.itemid-158 #section-id-1594372635305 .sppb-addon-text-block .sppb-addon-content h3+p{padding-left:18px}}

/* Mededelingen-blok op de homepage: compact houden zodat de knop in het blok past */
#sp-main-body .slider-module p{font-size:15px;line-height:1.4;margin-bottom:.5em}
#sp-main-body .slider-module p a{font-weight:700}

/* Brede roosters (4+ kolommen) op mobiel: niet midden in woorden afbreken maar zijwaarts scrollen */
@media (max-width:767.98px){
  #sp-main-body .sppb-addon-text-block table:not(form table):has(tr > :nth-child(4)){min-width:620px}
  #sp-main-body .sppb-addon-text-block table:not(form table) :is(td,th){word-break:normal;overflow-wrap:normal;hyphens:manual}
}

/* ---------- 6. Knoppen, links en foto's overal gelijk (2026-11-05) ---------- */
#sp-main-body a.uk-button-default,#sp-main-body a.sppb-btn,#sp-main-body a.bd-linkbutton-3{display:inline-block;font-family:var(--mc-kop)!important;font-weight:500!important;font-size:14px!important;letter-spacing:.06em;text-transform:uppercase;line-height:1.2!important;padding:11px 24px!important;border:2px solid var(--mc-roze)!important;border-radius:999px!important;background:#fff!important;color:var(--mc-inkt)!important;text-decoration:none!important;transition:background .2s ease,color .2s ease,transform .2s ease}
#sp-main-body a.uk-button-default:hover,#sp-main-body a.sppb-btn:hover,#sp-main-body a.bd-linkbutton-3:hover{background:var(--mc-roze)!important;color:#fff!important;transform:translateY(-1px)}
#sp-main-body a.bd-linkbutton-3{background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:#fff!important}
#sp-main-body a.bd-linkbutton-3:hover{background:#fff!important;color:var(--mc-blauw)!important}
#sp-main-body .sppb-addon-text-block a:not([class*=btn]):not([class*=button]):not(#column-id-1588668529358 *){color:#8a2fc0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#sp-main-body .sppb-addon-text-block a:not([class*=btn]):not([class*=button]):not(#column-id-1588668529358 *):hover{color:var(--mc-roze)}
#sp-main-body .sppb-addon-single-image img,#sp-main-body .sppb-addon-image-layouts img{border-radius:14px}
#sp-main-body .sppb-addon-text-block ul:not(form ul) li::marker{color:var(--mc-roze)}
#sp-main-body .sppb-addon-text-block ul:not(form ul) li{margin-bottom:.25em}
/* ==== VIAK 2026-11 EINDE ==== */