:root{
  /* Kleuren */
  --colorPl: #fbf1df;
  --colorP:#C66311;
  --colorPd:#B31E19;

  --colorSl: #f1f2e1;
  --colorS: #9EA02C;
  --colorSd: #7b7d12;

  --colorTl: #d4e2e7; 
  --colorT: #B5D4DF; 
  --colorTd: #81acbb;

  --colorBlack:#2d0302;
  --colorWhite:#ffffff;
  --colorGrey:#B5D4DF;

  --gradientSl: linear-gradient(0deg,var(
  --colorWhite) 0%,var(--colorSl) 100%);	

  /* Fonts */
  --fontP:
  'Figtree', sans-serif;
  --fontS: var(
  --fontP);

  /* Site opties */
  --siteWidth: 1200px;
  --gap: 15px;
}

:root > * {
	--gap0x: calc(0.5 * var(--gap));
	--gap2x: calc(2 * var(--gap));
	--gap3x: calc(3 * var(--gap));
	--gap4x: calc(4 * var(--gap));
}

@media ( min-width:768px ) {
	:root{
	    --gap: 25px;
		font-size:17px;
	}
	.schema-faq.doublecolumn { column-count: 2;gap: var(--gap);}
}

@media ( min-width:1200px ) {
	:root{
	    --gap: 35px;
		font-size:18px;
	}
}

.editor-styles-wrapper :where(.wp-block) { max-width:var(--siteWidth); }

body {font-weight:300;display: flex;flex-direction: column;}
.search-toggle:hover,.search-toggle.active,.menu-toggle:hover,.menu-toggle.active {background: transparent;border: 2px solid var(--colorSd);}
.title-area .site-title { color:var(--colorP); }
.title-area .site-title a { display:block; line-height:40px; }
.title-area .site-title .icon {max-width:220px;max-height: 40px;vertical-align: bottom;margin-right: 5px;}
.title-area .site-title .icon path { fill:var(--colorP); }
.entry-content { padding-bottom:var(--gap0x); }
.site-header { font-weight:600; }

.slider .schema-faq-section,
.cardslider .schema-faq-section,
.cardslider li {width:20em;padding:var(--gap0x);border:1px solid var(--colorGrey);position:relative;background: var(--colorWhite); }
.slider.wp-block-yoast-faq-block .slick-slide,
.cardslider .slick-slide { width: 20em; }
.cardslider .schema-faq-section { cursor: pointer; background:var(--colorWhite) url(''); } 
.cardslider .schema-faq-question { font-weight:unset; }
.cardslider .schema-faq-question em { font-weight:bold; font-style:normal; }

.entry-content .cardslider,
.entry-content .cardslider .slick-track {display: flex;gap:var(--gap);list-style:none;flex-wrap: wrap;align-items: stretch;}
.entry-content .cardslider.slick-slider { display:block; }

.entry-content .cardslider .schema-faq-answer {transition:opacity 0.2s ease;opacity:0;position:absolute;top:0;left:0;padding:var(--gap0x);height:100%;background:var(--colorSd);margin: 0;color:var(--colorWhite);}
.entry-content .cardslider .schema-faq-section.active .schema-faq-answer { opacity:1; }

.block-editor-block-list__block .cardslider > div,
.block-editor-block-list__block ul.cardslider {display: flex;gap:var(--gap);list-style:none;flex-wrap: wrap;}
.block-editor-block-list__block .cardslider > div .schema-faq-section,
.block-editor-block-list__block ul.cardslider li { padding:var(--gap0x); border:1px solid var(--colorGrey); }
.block-editor-block-list__block .cardslider .schema-faq-answer { background:var(--colorSl); }

.wp-block-quote {background: var(--colorTl);border:none;padding:var(--gap);border-radius:var(--gap0x);margin: 0;margin-bottom: var(--gap0x);}
.wp-block-quote p {font-size:1.5rem;font-weight: 300;margin: 0;}
.wp-block-quote cite { font-weight:600; }
.wp-block-quote:last-child { margin-bottom:0; }
.wp-block-quote.is-style-plain { background:var(--colorPl); }
.wp-block-quote.is-style-plain p { font-size:1em; margin-bottom:1em;}

.wp-block-column.has-background,
.wp-block-column > .wp-block-group.has-background { padding:var(--gap); margin:0; }
.has-background {padding: var(--gap) 0;margin-top: var(--gap0x);}
.has-background :last-child { margin-bottom:0; }

.wp-block-buttons + *,
.wp-block-cover + div { margin-top:var(--gap0x); }
.wp-block-button__link, button[type="submit"] { font-weight:600; }

figure.wp-block-gallery.slider {flex-wrap: nowrap;}
figure.wp-block-gallery.slider  figure.wp-block-image { height: 30vh;max-height: 325px; width: auto!important;max-width: unset;min-width: unset;flex-shrink: 0;}
figure.wp-block-gallery.slider figure.wp-block-image img {height: 30vh;max-height: 325px;}
figure.wp-block-gallery.has-nested-images { }

.slick-arrow {background:var(--colorT);z-index: 10;height: 100%;width: var(--gap2x);}
.wp-block-gallery .slick-arrow { height: calc(100% - var(--gap)); }
.slick-arrow:hover, .slick-arrow:focus { background:var(--colorTd); }
.slick-prev {left:0;}
.slick-next { right:0; }

ul.slider > li, ul.slider .slick-slide {width:400px;padding: 5px;border: 1px solid var(--colorGrey);max-width: calc(100vw - var(--gap4x));}
ul.slider li img {max-width:100%;height: 200px;object-fit:cover;}
ul.slider li .text {padding: var(--gap0x);}
ul.slider li .text h3 {height: 1.2em;overflow:hidden;margin: 0 0 0.3em;}
ul.slider li .text h3 a { text-decoration:none; }
ul.slider li .text p {height: 7.4em;overflow:hidden;margin: 0;}

.pt-checkout-form { width: 100%; padding:var(--gap); background:var(--colorTl); border:none; }
.pt-form-group-label.has-quantity-input .pt-quantity-input,
.pt-form-group-checkbox-new.has-quantity-input .pt-quantity-input { padding:16px; }
.pt-form-group {display:flex; flex-wrap:wrap; justify-content: space-between;align-items: center;margin-bottom: var(--gap0x);}
.pt-form-group.has-quantity-input { flex-wrap:nowrap; }
.paytium-quantity-input button.paytium-spinner { width:40px; background:var(--colorT); }
form.pt-checkout-form input,
form.pt-checkout-form .paytium-quantity-input,
.pt-form-group .pt-form-control {	border:1px solid #00000066; margin:0; }
.pt-form-group-total-amount { font-size:1.2em; font-weight:bold; margin-bottom:var(--gap0x); border-bottom:1px solid #00000066; padding-bottom:var(--gap0x); }
.pt-checkout-form button.pt-payment-btn { border-radius:5px;background: var(--colorP);line-height: 1.5em;color: var(--colorWhite); border:none; font-weight:bold; text-transform:unset; }
.pt-checkout-form button.pt-payment-btn:hover { background:var(--colorPd); }

.pt-field-prefill-warning { display:none; }
.pt-form-group .pt-form-control { height:54px; line-height:54px; }

#agenda { list-style:none; display:flex; flex-direction:column; gap:var(--gap); }
#agenda .item {display:flex;gap:var(--gap0x);align-items: flex-start; border:1px solid var(--colorGrey); padding:var(--gap0x)}
#agenda .item img { object-fit:cover}
#agenda .item h4,
#agenda .item h6 { margin-bottom:10px; }
#agenda .item p  { margin-bottom:0; }

.schema-faq.doublecolumn  .schema-faq-section {break-inside: avoid;border: 1px solid var(--colorGrey);padding: var(--gap0x);margin-bottom: var(--gap);}
.schema-faq.doublecolumn  .schema-faq-section p { margin-bottom:var(--gap0x); }
.schema-faq.doublecolumn  .schema-faq-section p:last-child { margin-bottom:0; }

/*editor color pallette matching css*/

/*backgrounds*/
.has-1st-background-color{background:var(--colorP);}
.has-1st-dark-background-color{background:var(--colorPd);}
.has-1st-light-background-color{background:var(--colorPl);}

.has-2nd-background-color{background:var(--colorS);}
.has-2nd-dark-background-color{background:var(--colorSd);}
.has-2nd-light-background-color{background:var(--colorSl);}

.has-3rd-background-color{background:var(--colorT);}
.has-3rd-dark-background-color{background:var(--colorTd);}
.has-3rd-light-background-color{background:var(--colorTl);}

.has-light-to-white-gradient-background {background:var(--gradientSl);}

/*colors*/
.has-1st-color{color:var(--colorP);}
.has-1st-dark-color{color:var(--colorPd);}
.has-1st-light-color{color:var(--colorPl);}

.has-2nd-color{color:var(--colorS);}
.has-2nd-dark-color{color:var(--colorSd);}
.has-2nd-light-color{color:var(--colorSl);}

.has-3rd-color{color:var(--colorT);}
.has-3rd-dark-color{color:var(--colorTd);}
.has-3rd-light-color{color:var(--colorTl);}