@charset "utf-8";
/* CSS Document */

/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:8px;}
header, nav, article, aside, section, footer{display:block; overflow:hidden;}
main, header, section, footer{width:100%; height:auto; position:relative;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; font-family:"Montserrat", sans-serif; font-size:1.8rem; line-height:1.628571; color:#1d1729 ; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

@font-face{
  font-family: 'Dopestyle'; 
  src: url('/non-html/fonts/dopestyle-webfont.woff2') format('woff2'), 
       url('/non-html/fonts/dopestyle-webfont.woff') format('woff');  
  font-weight: normal; 
  font-style: normal; 
  font-display: swap; 
}

/*text*/
h1, h2, h3, h4, h5, h6{display:inline-block; position:absolute; font-family:"Dopestyle", cursive; font-weight:normal; rotate:-3deg; font-size:4.8rem; background:#FFF5EC; padding:0px 24px 0px 0px; left:-40px; top:-40px;}
h1.no-bg,h2.no-bg,h3.no-bg,h4.no-bg,h5.no-bg,h6.no-bg{background:none; padding:0px; margin:-24px 0px 24px 0px;}
h1.inline,h2.inline,h3.inline,h4.inline,h5.inline,h6.inline{position:relative; left:unset; top:0;}
h2.stripe-center{width:100%; height:auto; position:relative; display:block; rotate:unset; text-align:center; margin:-24px 0px 24px 0px; top:unset; left:unset;}
h2.stripe-center:before,
h2.stripe-center:after{content:'';position:absolute; top:50%; transform:translateY(-50%); display:inline-block; height:20px; width:40%; margin:auto 0; border-top:7px solid #24a24f; border-bottom:7px solid #24a24f;}
h2.stripe-center:before{ left:0;}
h2.stripe-center:after{ right:0;}
h3{font-size:3.8rem;}
p{margin:0px 0px 32px 0px;}
p:last-of-type{margin:0px 0px 0px 0px;}
a, a{color:#0169b4; text-decoration:none;}
a:hover, a:hover{color:#24a24f;}
small{font-size:1.2rem;}
section{padding:32px 0;}
.nopadding{padding:0 !important;}
.nomargin{margin:0 !important;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
.left{float:left;}
.right{float:right;}
.uppercase{text-transform:uppercase;}
.txt-shadow{text-shadow:2px 4px 3px rgba(0,0,0,0.2);}
.box-shadow{box-shadow:4px 8px 6px rgba(24,24,24,0.2);}
.no-padding{padding:0px !important;}

/*buttons*/
.button{display:block; width:fit-content; font-weight:500; padding:12px 20px; border-radius:8px; margin-top:12px; color:#ffffff;}
.button:hover{color:#ffffff; text-decoration:underline;}
.button.full{width:100%;}
.button.bg-green:hover{background:#00a5f2; } 
.button.bg-blue:hover{background:#24a24f;} 
.button.bg-red:hover{background:#ea5b1a;} 
.button.bg-yellow:hover{background:#e30c13;} 
.button.bg-orange:hover{background:#f6b628;} 

/*colors*/
.bg-white{background:#ffffff;}
.bg-white-20{background:rgba(255,255,255,0.2);}
.bg-white-40{background:rgba(255,255,255,0.4);}
.bg-orange{background:#ea5b1a;}
.bg-yellow{background:#f6b628;}
.bg-green{background:#24a24f;}
.bg-blue{background:#0169b4;}
.bg-beige{background:#FFF5EC;}
.bg-red{background:#e30c13;}
.bg-red *{color:#ffffff;}
.bg-coloring{background:url('../images/bg-kleurplaat.webp'); background-size:cover; background-position:center center; background-repeat:no-repeat;}
.bg-mainact{background:url('../images/bg-mainact.webp'), #1d1729; background-size:cover; background-position:bottom center; background-repeat:no-repeat;}
.bg-mainact *{color:#ffffff;}

.txt-white{color:#ffffff;}
.txt-orange{color:#ea5b1a;}
.txt-yellow{color:#f6b628;}
.txt-green{color:#24a24f;}
.txt-red{color:#e30c13;}
.txt-blue{color:#0169b4;}
.txt-beige{color:#FFF5EC;}

.border-orange{border:2px solid #ea5b1a;}
.border-yellow{border:2px solid #f6b628;}
.border-green{border:2px solid #24a24f;}
.border-red{border:2px solid #e30c13;}
.border-blue{border:2px solid #0169b4;}
.border-beige{border:2px solid #FFF5EC;}
.border-black{border:2px solid #1d1729 ;}

/*form*/
.form-grid{display:grid; grid-template-columns:200px auto; gap:16px;}
.form-grid .wide{grid-column-end:span 2;}
.form-grid div{padding:8px 0px; font-size:1.4rem;}
input[type="text"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"]{width:100%; height:24px; line-height:24px; padding:16px; border-radius:8px; font-family:"Montserrat", sans-serif; font-size:1.6rem; border:1px solid #eae9e9; color:#3c4a3e; background:#ffffff;}
select{width:100%; height:24px; line-height:24px; font-size:1.6rem; padding:16px; border-radius:8px; color:#3c4a3e; background:#ffffff; font-family:"Montserrat", sans-serif; border:1px solid #eae9e9;  color:#555555;}
select{height:unset; line-height:unset; padding:8px 16px;}
select option{color:#555555;}
input[type="text"].red,
input[type="number"].red,
input[type="date"].red,
input[type="time"].red,
select.red,
textarea.red,
input[type="datetime-local"].red{border:1px solid #ff4650;}
form label.red{color:#ff4650;}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus{border:1px solid #1d1729 ;}
textarea{width:100%; height:200px; line-height:24px; padding:16px; border-radius:8px; font-family:"Montserrat", sans-serif; font-size:1.6rem; background:#ffffff; color:#1d1729 ; border:1px solid #ea5b1a;} 
textarea:focus{border:1px solid #303030;}
input[type="submit"]{font-family:"Montserrat", sans-serif; cursor:pointer;}
form label:not(.bigger){font-size:1.2rem;}

/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto;}
.container{max-width:1440px; margin:0px auto; padding:0 24px; position:relative;}
.grid{display:grid; grid-template-columns:repeat(12,1fr); gap:48px;}

.grid > .span-2{grid-column-end:span 2;}
.grid > .span-3{grid-column-end:span 3;}
.grid > .span-4{grid-column-end:span 4;}
.grid > .span-5{grid-column-end:span 5;}
.grid > .span-6{grid-column-end:span 6;}
.grid > .span-7{grid-column-end:span 7;}
.grid > .span-8{grid-column-end:span 8;}
.grid > .span-12{grid-column-end:span 12;}

/*header*/
header{width:100%; position:relative; background:url('../images/bg-header.webp'); background-size:contain; background-position:top center; background-repeat:no-repeat; overflow:visible;}
header .container{width:100%; height:260px; overflow:visible; position:relative; display:grid; grid-template-columns:1fr 316px 1fr; gap:24px; padding:0 24px; align-items:center;}
header .container .logo{height:260px; overflow:visible;}
header .container .logo a{width:auto; height:300px; display:block; position:relative; overflow:visible;}
header .container .logo img{object-fit:contain;}

section.wrapper{width:100%; padding:80px 0;}
section.wrapper .block{width:100%; height:auto; padding:60px 24px 24px 24px; border-radius:8px; position:relative; overflow:visible;}
section.wrapper .block .program{display:grid; grid-template-columns:1fr 1fr 1fr; gap:32px; margin-top:32px; overflow:visible;}
section.wrapper .block .program table *{font-size:1.4rem;}
section.wrapper .block .program table tr td:first-of-type{width:150px; font-weight:500;}
section.wrapper .block .program table th{text-align:left;}
section.wrapper .block .image{width:100%; height:100%; border-radius:8px; overflow:hidden; position:relative; padding:0;}
section.wrapper .block .image img{width:100%; height:100%; object-fit:cover; top:0; left:0;}
section.wrapper .block.banner{min-height:450px;}
section.wrapper .block.banner article{position:relative; width:100%; height:100%;}
section.wrapper .block.banner article p{position:absolute; top:50%; left:0;}
section.wrapper .block.nav ul li{width:100%;}
section.wrapper .block.nav ul li a{width:100%; height:auto; display:block; font-size:1.8rem; padding:12px 0px; font-weight:700; text-align:center; color:#ffffff;}
section.wrapper .block.partners{padding:24px;}

.logo-slider{height:105px; overflow: hidden;}
.logo-slider .slick-list{height:100%; margin-left:-12px; margin-right:-12px;}
.logo-slider .slick-track{height:100%; display: flex; align-items:center; }
.logo-slider .slick-slide{height: auto !important; padding-left:12px; padding-right:12px; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.logo-slider .slick-slide a{display:flex; justify-content:center; align-items:center; max-height:105px; max-width:210px; height:100%; width:auto;  }
.logo-slider .slick-slide img{max-height:100%; max-width:100%; height:auto; width:auto;}

/*footer*/
footer{}
footer .copyright{text-align:center; font-size:1.2rem; margin:8px 0px;}
footer .copyright *{font-size:1.2rem; color:#ea5b1a; margin:0px 8px;}
footer .copyright a:hover{color:#e30c13 !important; text-decoration:underline;}

/*tablet: 1220*/
@media only screen and (max-width:1220px) 
{

}


/*tablet: 768-1024*/
@media only screen and (max-width:1024px) 
{
    .grid{grid-template-columns:1fr; gap:48px;}
    .grid > .span-2,
    .grid > .span-3,
    .grid > .span-4,
    .grid > .span-5,
    .grid > .span-6,
    .grid > .span-7,
    .grid > .span-8,
    .grid > .span-12{grid-column-end:unset;}
    
    h2.stripe-center:before,
    h2.stripe-center:after{width:25%;}
    section.wrapper{}
    section.wrapper .block .program{grid-template-columns:1fr; gap:24px; margin-top:24px;}


}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
    .grid{row-gap:60px;}
    body{font-size:1.4rem;}
    h1, h2, h3, h4, h5, h6{font-size:3.2rem; margin:-12px 0px 12px 12px; padding:12px 32px 12px 0px;}
    h3{font-size:2.8rem; margin-top:12px;}
    section.wrapper{}
    section.wrapper .block{max-width:100%; height:auto; padding:24px; border-radius:8px;}
    section.wrapper .block .program table tr td:first-of-type{width:120px;}

}

/*mobile s: 320-426*/
@media only screen and (max-width:426px)
{

    
}