/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Algemeen: alle kolommen met dnd layout */
.dnd-column {
    display: flex;
    flex-direction: column;
    align-items: stretch;
} 

@media (max-width: 575px){
  .hide-mobile {
    display: none !important;
  }
}

/* Zorg ervoor dat alle rijen binnen die kolom 100% breed zijn */
.dnd-column .row-fluid-wrapper {
    width: 100%;
    clear: both;
} 

#return-to-top { 
    display: none !important; 
}

.btn-simple {
  background-color: #08286a;
  color: #ffffff;
  padding: 10px 20px; 
  border: none;
  border-radius: 7px;
  letter-spacing: 1px;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

/* hover/focus states */
.btn-simple:hover,
.btn-simple:focus {
  background-color: #0a2f85; 
  text-decoration: none;
  color: #ffffff;
}

.hide-temp {
  display: none !important;
}

.add-on img {
  margin-top: -30px;
}

.add-ons img {
  margin-top: -50px;
}
/* Hide inline SVG dropdown icons inside the Webinargeek embed */
.webinargeek-embed-wrap svg{
  display: none !important;
}
/* ===== 4CEE table refinement ===== */
/* VOLLEDIG BORDERLOOS GEMAAKT */
.page__body table,
.page__body [data-hs-responsive-table="true"] table {
  border-collapse: collapse !important;
  table-layout: auto !important;
  border: none !important;                 /* geen buitenkader */
  border-radius: 0 !important;
  margin: 1em auto !important;
  width: auto !important;
  box-shadow: none !important;             /* geen schaduw */
  font-size: 15px !important;
  line-height: 1.55 !important;
  overflow: hidden !important;
}

.page__body table th,
.page__body [data-hs-responsive-table="true"] table th {
  background-color: #f7f9fc !important;
  color: #08286a !important;
  font-weight: 600 !important;
  border-bottom: none !important;          /* GEEN lijn onder headers */
  padding: 12px 14px !important;
}

.page__body table td,
.page__body [data-hs-responsive-table="true"] table td {
  border-bottom: none !important;          /* GEEN horizontale lijnen */
  padding: 10px 14px !important;
  color: #111 !important;
}

.page__body table tbody tr:last-child td,
.page__body [data-hs-responsive-table="true"] table tbody tr:last-child td {
  border-bottom: none !important;
}

/* responsive scroll */
@media (max-width:700px){
  .page__body table,
  .page__body [data-hs-responsive-table="true"] table {
    display: block !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
  }
}
/* ===== FORM aside styling (restore) ===== */
.aside-form-wrap{display:none;}
.aside-form-wrap .hs-form{width:100%;}

.aside-form-wrap:has(.hs-form){
  display:block;
  background-color:#f1edf9;
  border:1px solid #d9ccf5;
  border-radius:12px;
  padding:40px 20px;
  box-shadow:0 1px 0 rgba(0,0,0,0.02);
  box-sizing:border-box;
}

/* Editor (inline) */
.hs-inline-edit .aside-form-wrap{
  display:block!important;
  outline:1px dashed #09f;
  padding:8px 0;
}

/* Text colors in form */
.post-page-full .page__aside .aside-form-wrap .hs-form label,
.post-page-full .page__aside .aside-form-wrap .hs-form legend,
.post-page-full .page__aside .aside-form-wrap .hs-form .hs-form-required,
.post-page-full .page__aside .aside-form-wrap .hs-form .hs-richtext,
.post-page-full .page__aside .aside-form-wrap .hs-form .hs-richtext p,
.post-page-full .page__aside .aside-form-wrap .hs-form .hs-richtext a{
  color:#010933!important;
}

/* Inputs (NOT submit/button/reset) */
.post-page-full .page__aside .aside-form-wrap .hs-form input:not([type="submit"]):not([type="button"]):not([type="reset"]),
.post-page-full .page__aside .aside-form-wrap .hs-form select,
.post-page-full .page__aside .aside-form-wrap .hs-form textarea{
  color:#010933!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
}

.post-page-full .page__aside .aside-form-wrap .hs-form ::placeholder{
  color:#6b7280!important;
  opacity:1!important;
}

/* Form title/legend */
.post-page-full .page__aside .aside-form-wrap :is(legend,.form-title,.hs-form-title,.hs-form__title,.hs-form-legend){
  font-weight:700!important;
  margin:0 0 28px 0!important;
  font-size:21px!important;
  line-height:1.4!important;
}

/* Submit containers reset */
.post-page-full .page__aside .aside-form-wrap .hs-form .hs_submit,
.post-page-full .page__aside .aside-form-wrap .hs-form .hs_submit .actions{
  width:100%!important;
  max-width:100%!important;
  display:block!important;
  float:none!important;
  clear:both!important;
  margin:0!important;
  padding:0!important;
  text-align:initial!important;
  box-sizing:border-box!important;
}

/* Submit button */
.post-page-full .page__aside .aside-form-wrap .hs-form .hs_submit .actions input[type="submit"],
.post-page-full .page__aside .aside-form-wrap .hs-form .hs_submit .actions button[type="submit"],
.post-page-full .page__aside .aside-form-wrap .hs-form .hs_submit .actions .hs-button,
.post-page-full .page__aside .aside-form-wrap .hs-form input[type="submit"]{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;

  background:#4f7cff!important;
  color:#ffffff!important;

  border:none!important;
  border-radius:8px!important;
  padding:10px 16px!important;
  font-size:14.5px!important;
  font-weight:500!important;
  line-height:1.25!important;

  cursor:pointer!important;
  text-align:center!important;
  text-decoration:none!important;

  box-shadow:0 2px 6px rgba(0,0,0,0.12)!important;
}

.post-page-full .page__aside .aside-form-wrap .hs-form .hs_submit .actions input[type="submit"]:hover,
.post-page-full .page__aside .aside-form-wrap .hs-form .hs_submit .actions button[type="submit"]:hover,
.post-page-full .page__aside .aside-form-wrap .hs-form .hs_submit .actions .hs-button:hover,
.post-page-full .page__aside .aside-form-wrap .hs-form input[type="submit"]:hover{
  background:#3f6af0!important;
  box-shadow:0 3px 8px rgba(0,0,0,0.16)!important;
}
/* Mobile: stack as 3 rows (CTA1 / of / CTA2) */
@media (max-width: 767.98px){
  .q-cta-split{
    display:flex;
    flex-direction:column;
    gap:12px;

    /* volg desktop-alignment (meestal via text-align op parent/container) */
    align-items:stretch;   /* dus NIET center */
    text-align:inherit;
  }

  .q-cta-split .q-cta-split__sep{
    margin:0;
  }

  /* maak elke rij 100% breed, zodat text-align (left/center) z’n werk kan doen */
  .q-cta-split .q-cta-split__cta,
  .q-cta-split .hs-cta-wrapper,
  .q-cta-split .q-cta-split__sep{
    display:block;
    width:100%;
    text-align:inherit;
  }
}
.q-agenda,
.q-agenda *{
  box-shadow: none !important;
}

/* Geen gekleurde achtergrond achter de tabel */
.q-agenda{
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #fff;
  max-width: 1100px;
}

/* Kill theme table borders/lines */
.q-agenda table,
.q-agenda thead,
.q-agenda tbody,
.q-agenda tr,
.q-agenda th,
.q-agenda td{
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  outline: 0 !important;
}

.q-agenda tr::before,
.q-agenda tr::after,
.q-agenda td::before,
.q-agenda td::after,
.q-agenda th::before,
.q-agenda th::after{
  content: none !important;
  display: none !important;
}

/* Layout */
.q-agenda table.q-agenda-table{
  width: 100% !important;
  min-width: 0 !important;
  border-collapse: separate !important;
  border-spacing: 10px 8px !important;
  table-layout: fixed !important;
}

.q-agenda table.q-agenda-table col.time{ width: 140px !important; }
.q-agenda table.q-agenda-table col.track{ width: auto !important; }

.q-agenda .q-agenda-table td,
.q-agenda .q-agenda-table th{
  padding: 0 !important;
  vertical-align: top !important;
}

/* Tijd-cellen */
.q-agenda table.q-agenda-table th.q-agenda-time{
  background: #4f55c9 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: nowrap !important;
  color: #fff !important;
}

/* Zorg dat ze default ingeklapt zijn */
details:not([open]) .q-slot-more {
  display: none!important;
}

/* Blokken algemeen */
.q-agenda details.q-agenda-slot{
/*   display: block !important; */
  width: 100% !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0 !important;
}

/* Kleuren */
.q-agenda details.q-agenda-slot.is-blue{       background: #6e7ffb !important; }
.q-agenda details.q-agenda-slot.is-blue-light{ background: #6a3fc8 !important; }
.q-agenda details.q-agenda-slot.is-purple{     background: #3037bf !important; }

/* Partner kleur */
.q-agenda-table td.q-agenda-partner-cell > details.q-agenda-slot{
  background: #8770d9 !important;
}

/* Summary styling */
.q-agenda details.q-agenda-slot > summary{
  list-style: none !important;
  cursor: pointer !important;
  padding: 14px 16px !important;
  user-select: none !important;
  outline: none !important;
}
.q-agenda details.q-agenda-slot > summary::-webkit-details-marker{ display:none !important; }

.q-agenda .q-slot-title{
  display:block !important;
  font-weight:700 !important;
  font-size:16px !important;
  line-height:1.25 !important;
  margin:0 0 4px 0 !important;
  color:#fff !important;
}

.q-agenda .q-slot-meta{
  display:block !important;
  font-size:15px !important;
  line-height:1.25 !important;
  color: rgba(255,255,255,0.82) !important;
}

.q-agenda .q-slot-hint{
  display:inline-block !important;
  margin-top:10px !important;
  font-size:14px !important;
  color: rgba(255,255,255,0.55) !important;
}

.q-agenda .q-slot-more{
  padding: 0 16px 14px 16px !important;
  font-size:16px !important;
  line-height:1.5 !important;
  color: rgba(255,255,255,0.70) !important;
}

.q-agenda details.q-agenda-slot > summary:hover{
  filter: brightness(1.04);
}

/* Wrap fix */
.q-agenda-slot,
.q-agenda-slot summary,
.q-agenda-slot .q-slot-more{
  max-width: 100%;
  white-space: normal !important;
}
.q-agenda-slot summary,
.q-agenda-slot .q-slot-more{
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}
.q-agenda-slot summary{
  display: block;
}
.q-agenda-slot summary span,
.q-agenda-slot .q-slot-more{
  min-width: 0;
}

/* =========================
   2x2 Breakout Grid FIX
   ========================= */
.q-agenda-breakouts-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, 1fr);  /* force equal rows */
  gap: 10px;
  align-items: stretch;
}

/* Allow grid sizing */
.q-agenda-breakouts-grid > details.q-agenda-slot{
  width: auto !important;
  max-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Summary stays top */
.q-agenda-breakouts-grid > details.q-agenda-slot > summary{
  flex: 0 0 auto;
}

/* Content fills remaining space */
.q-agenda-breakouts-grid > details.q-agenda-slot > .q-slot-more{
  flex: 1 1 auto;
  min-height: 0;
}

/* =========================
   Partner cell fill-height (fixed)
   ========================= */
.q-agenda-table td.q-agenda-partner-cell{
  position: relative;
}

/* Alleen vullen zolang hij dicht is */
.q-agenda-table td.q-agenda-partner-cell > details.q-agenda-slot:not([open]){
  position: absolute;
  inset: 0;
  width: auto !important;
}

/* Als hij openklapt: normale flow zodat de rij kan groeien */
.q-agenda-table td.q-agenda-partner-cell > details.q-agenda-slot[open]{
  position: static;
  width: 100% !important;
}

.q-agenda-table td.q-agenda-partner-cell > details.q-agenda-slot > summary{
  display: block;
}

/* =========================
   Mobile
   ========================= */
@media (max-width: 767.98px){

  .q-agenda-table { width: 100%; }
  .q-agenda-table colgroup { display: none; }

  .q-agenda-table,
  .q-agenda-table tbody,
  .q-agenda-table tr,
  .q-agenda-table th,
  .q-agenda-table td{
    display: block;
  }

  .q-agenda-table tr{
    margin: 0 0 14px;
  }

  .q-agenda-table th.q-agenda-time{
    margin: 0 0 8px;
  }

  /* Disable partner absolute fill on mobile */
  .q-agenda-table td.q-agenda-partner-cell{
    position: static;
  }
  .q-agenda-table td.q-agenda-partner-cell > details.q-agenda-slot{
    position: static;
    inset: auto;
    width: 100% !important;
  }

  /* Keep 2 columns on mobile */
  .q-agenda-breakouts-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, auto);
  }
}
/* Als er 1 item open staat: grid-rijen niet meer forceren */
.q-agenda-breakouts-grid:has(details[open]){
  grid-template-rows: repeat(2, auto) !important;
}

/* En open items mogen dan ook hun eigen hoogte pakken */
.q-agenda-breakouts-grid > details.q-agenda-slot[open]{
  height: auto !important;
}
/* Webinar embed */
.webinargeek-embed-wrap{
  background:#f1edf9;
  padding:24px;
  border-radius:12px;
}

.webinargeek-embed-wrap iframe{
  display:block;
  width:100%;
  border:0;
}
  /* Keep breakouts 2 columns on mobile too */
  .q-agenda-breakouts-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.webinargeek-embed-wrap{
  background:#f1edf9;
  padding:24px;          /* adjust as needed */
  border-radius:12px;    /* optional */
}

.webinargeek-embed-wrap iframe{
  display:block;
  width:100%;
  border:0;
}