/*

Theme Name: Wonderwijs Scholen
Template: kadence
Version: 1.0.1
Text Domain: cloudwise-basis-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/


:root{
	--groen: 		#95C11F;
	--grijs: 		#EFEFF4;
	--donkergrijs: 	#BCB7B7;
	--bruin: 		#432918;
}   


h1, h2, h3, h4, h5, h6 {
    font-weight: 400 !important;
}


/* knoppen */
.kb-button:not(.kb-btn-global-inherit),
.kb-form .kadence-blocks-form-field .kb-forms-submit{ }
.kb-button:not(.kb-btn-global-inherit).knop.kleur2{}
.kb-button:not(.kb-btn-global-inherit).knop.kleur2:hover{}

.kb-button:after{content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 700; padding-left:10px;}

.knop a,
.knop a:active,
.knop a:visited,
a.knop,
a.knop:active,
a.knop:visited,
#wrapper .wp-block-kadence-posts a.post-more-link,
#wpwrap .wp-block-kadence-posts a.post-more-link{display:inline-block; color:#fff; background-color:var(--groen); border:1px solid var(--groen); font-size:14px; text-decoration:none; line-height:33px; border-radius:18px; padding:0 20px !important; font-weight:normal;}
.knop a:hover,
a.knop:hover,
#wrapper .wp-block-kadence-posts a.post-more-link:hover,
#wpwrap .wp-block-kadence-posts a.post-more-link:hover{color:var(--groen); background-color:#fff;}
.met-pijl a:after,
a.knop.met-pijl:after{content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 700; padding-left:10px;}

#masthead{background-color:transparent !important;}



/* zoeken */
.search-toggle-open-container{}
.search-toggle-open-container .search-toggle-open{ border:1px solid var(--donkergrijs) !important; width:200px; display:flex; justify-content:space-between; border-radius:20px; padding-left:15px !important; padding-right:15px !important;}
.search-toggle-open-container .search-toggle-label{color:var(--donkergrijs);}

#search-drawer .drawer-inner input.search-field{border-radius:33px; padding:12px 30px !important;}
#search-drawer .drawer-inner input.search-field:focus{box-shadow:none !important;}

.search-items .wp-block-post-excerpt__more-text{display:none;} 


/* zoeken x  (browser default overschrijven) */
#search-drawer input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; appearance: none;
	width: 20px; height: 20px; background-color: #fff; border-radius: 50%; cursor: pointer;
    -webkit-mask-image: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
    <path fill='black' d='M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7a1 1 0 1 0-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 1 0 1.4 1.4L12 13.4l4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4z'/>\
    </svg>");-webkit-mask-repeat: no-repeat;-webkit-mask-position: center; -webkit-mask-size: contain;
}




/* menu */
.menu-hoofdmenu-container{background-color:var(--grijs); border-radius:20px; padding:20px; padding-right:40px; margin-bottom:20px; }
#menu-hoofdmenu{padding:0; margin:0; text-align:right;}
#menu-hoofdmenu li{list-style:none;}

#menu-hoofdmenu li a{text-decoration:none; font-size:16px; color:var(--bruin); line-height:30px; position:relative;}
#menu-hoofdmenu > li a:hover,
#menu-hoofdmenu > li.current-menu-item > a,
#menu-hoofdmenu > li.current-menu-parent > a,
#menu-hoofdmenu ul.sub-menu li.current-menu-item a{color:var(--groen);}

#menu-hoofdmenu > li > a{font-weight:500;}
#menu-hoofdmenu > li > a:after{content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:16px; color:var(--groen); position:absolute; top:-5px; right:-20px; }
#menu-hoofdmenu > li.current-menu-item > a:after,
#menu-hoofdmenu > li.current-menu-parent > a:after{content:"\f107";}

#menu-hoofdmenu li .sub-menu{display:block !important; box-sizing:border-box;  z-index:111; top:100%; left:0; overflow:hidden;  height:0; position: relative; transition:all 0.3s ease;}
#menu-hoofdmenu li.current-menu-item .sub-menu,
#menu-hoofdmenu li.current-menu-parent .sub-menu{overflow:visible; height:auto; transform:translate(0px, 0px); padding:0px;}


#mobile-toggle{border-radius:10px; aspect-ratio:1/1;}


/* banner */
.banner-wrapper{background-color:var(--grijs); width:768px; aspect-ratio:768 / 703;
-webkit-mask-image: url("images/banner_mask_ringen.svg"); mask-image: url("images/banner_mask_ringen.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}

.content-wrapper .content-right .banner-wrapper{margin-top:-320px;}
.home-content-wrapper .home-content-middle .banner-wrapper{-webkit-mask-image: url("images/banner_mask.svg"); mask-image: url("images/banner_mask.svg"); margin-top:-350px;}



/* home cta */
.cta-wrapper{width:256px; aspect-ratio:256 / 237; height:auto; text-align:center; box-sizing:border-box; }
.cta-wrapper h2{font-size:22px;}

.home-content-wrapper .home-content-middle .cta-wrapper{margin-top:-240px}


/* content */
.content-wrapper{position:relative;}
.content-wrapper .content-left{}
.content-wrapper .content-middle{}
.content-wrapper .content-right{}


/* vlekken */
.content-right-bg{position:relative; margin-top:393px;}
.content-right-bg:before{content:""; display:block; position:absolute; left:-90px; top:-250px; width:1434px; height:1312px; background-image:url("images/nieuws_bg.svg"); background-size:contain; background-repeat:center center; background-position:center center; }


/* instagram */
.insta-header a{display:inline-block; vertical-align:middle; width:100%;}
.insta-header a:hover{text-decoration:none;}
.insta-header a:after{content: "\f16d"; font-family: "Font Awesome 5 Brands"; font-size: 35px; width:60px; height:60px; line-height:60px; background-color:var(--bruin); color:#fff; display:inline-block; vertical-align:middle; border-radius:10px; margin-left:20px; transition:all 0.3s ease; }
.insta-header a:hover:after{background-color:var(--groen);}


/* posts overzicht */
.home-nieuws{margin-top:20px !important;}

.wp-block-kadence-posts{}
.wp-block-kadence-posts .post-thumbnail{border-radius:25px;}
.wp-block-kadence-posts .content-bg{border-radius:10px; box-shadow:none !important; border:2px solid var(--lichtoranje); overflow:hidden;}
.wp-block-kadence-posts .entry-header{margin:0;}
.wp-block-kadence-posts .entry-header .entry-title{font-size:24px;}
.wp-block-kadence-posts .entry-header .entry-title a{color:var(--oranje);}
.wp-block-kadence-posts .entry-header .entry-title a:hover{color:var(--oranje);}
.wp-block-kadence-posts .entry-header .entry-meta{font-size:13px; font-style:italic; color:var(--lichtoranje);}
.wp-block-kadence-posts .entry-summary{margin:0;}
.wp-block-kadence-posts .entry-summary p{margin:0;}
.wp-block-kadence-posts .entry-actions{}
.wp-block-kadence-posts .entry-content-wrap .entry-footer a.post-more-link{display:inline-block; background-color:#fff; color:var(--oranje); border:2px solid var(--oranje); text-decoration:none; display:inline-block; font-size:18px; font-weight:600; border-radius:10px; padding:7px 18px !important; font-weight:bold; text-transform:none; letter-spacing:0;}
.wp-block-kadence-posts .entry-content-wrap .entry-footer a.post-more-link:hover{background-color:var(--oranje); color:#fff;}
.wp-block-kadence-posts .entry-content-wrap .entry-footer a.post-more-link .kadence-svg-iconset{display:none;}


/* post single */
.post-template-default .content-area{padding:2rem;}
.post-template-default .post-thumbnail{overflow:hidden; position:relative;}
.post-template-default .post-thumbnail:after{content:""; position:absolute; display:block; height:200%; aspect-ratio:48/52;  top:-15%; right:-10%; background-image:url('images/scholen/hoekstee/vorm.svg'); background-repeat:no-repeat; background-size:contain; background-position:center center; opacity:0.9;}
.post-template-default .entry.single-entry {box-shadow:none;}
.post-template-default .entry-taxonomies{padding:0 20px 10px 20px;}
.post-template-default .entry-title{background-color:var(--blauw) !important; color:#fff !important; display: inline-block; padding-left:4%; padding-right:4%; position:relative !important;
-webkit-mask-image: url('images/lint.svg'); mask-image: url('images/lint.svg'); mask-repeat: no-repeat;}
.post-template-default .entry-meta{font-style:italic; color:var(--lichtblauw);}


/* footer */
#colophon{position:relative; margin-top:80px; overflow:hidden;}
#colophon:before{content:""; position:absolute; left:50%; top:0;background:url("images/footer_bg.svg"); height:1729px; width: 1582px; background-repeat:no-repeat; background-size:contain; transform:translateX(calc(-50% + 50px)); }
#colophon .site-middle-footer-inner-wrap{margin-left:calc(25% + 60px); margin-right:100px;}


/* flickity */
.site .flickity-page-dots .dot{height:15px; width:15px; margin:0 4px; opacity:1; background-color:var(--grijs);}
.site .flickity-page-dots .dot.is-selected{ background-color:var(--groen);}
.site .content-right .flickity-page-dots .dot{background-color:#fff;}
.site .content-right .flickity-page-dots .dot.is-selected{ background-color:var(--groen);}

.home-content-right .flickity-viewport{margin-bottom:20px;}


/* instagram */
#sb_instagram .sbi_photo img{border-radius:25px;}


/* LB CTA  */
.CTAWrapper{ width:256px; height:237px; display:flex; background-image:url("/wp-content/themes/WonderwijsScholen/images/cta_bg.svg"); background-repeat:no-repeat; background-position:center center; background-size:contain; align-items: center; justify-content: center;}
.CTAWrapper .CTAContent{ text-align:center; padding:25px; box-sizing:border-box; }
.CTAWrapper .CTAtxt{font-size:22px; color:#fff; font-weight:500; padding-bottom:15px;}
.CTAWrapper a.CTAbtn{color:var(--bruin); border-color:#fff; background-color:#fff; border:0;}
.CTAWrapper a.CTAbtn:hover{background-color:var(--bruin); border-color:var(--bruin); color:#fff;}



/* LB CTA groot  */
.CTABigItem {height:458px; aspect-ratio:458/419; padding:60px; box-sizing:border-box; position:relative; display:flex; align-items: center; justify-content: center; pointer-events: none;}
.CTABigItem:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--groen); opacity:0.9; z-index:10; transition:all 0.3s ease;
-webkit-mask-image: url("images/banner_mask.svg"); mask-image: url("images/banner_mask.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.CTABigItem:hover:before{opacity:1;}
.CTABigItem .CTABigContent{position:relative; z-index:20; color:#fff;}
.CTABigItem .CTABigContent .CTABigTitle{font-size:28px; line-height:1.5; margin-bottom:10px;}
.CTABigItem .CTABigContent .CTABigBtn{color:var(--bruin); border-color:#fff; background-color:#fff; margin-left:50%; transform:translateX(-50%); pointer-events: auto; text-decoration:none; margin-top:15px;}
.CTABigItem .CTABigContent .CTABigBtn:hover{background-color:var(--bruin); border-color:var(--bruin); color:#fff;}



/* LB team */
 .TeamMainWrapper{} 
 .TeamHeader{padding-bottom:20px;} 
 .TeamHeader .TeamheaderTitel{} 
 .TeamHeader .TeamHeaderTekst{} 
 .TeamItems{padding-bottom:30px; display:flex; flex-wrap:wrap; }

 .TeamMainWrapper{} 
 .TeamHeader{padding-bottom:20px;} 
 .TeamHeader .TeamheaderTitel{} 
 .TeamHeader .TeamHeaderTekst{} 
 .TeamItems{padding-bottom:30px; display:flex; flex-wrap:wrap; }
 .TeamItems .TeamItem{width:33%; margin-bottom:30px; box-sizing:border-box;}
 .TeamItems .TeamItem .TeamImg{width:80%; aspect-ratio: 261/242; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:auto; margin-bottom:10px; background-color:var(--grijs);
-webkit-mask-image: url("images/quote_mask.svg"); mask-image: url("images/quote_mask.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}
 .TeamItems .TeamItem .TeamContent{text-align:center;}
 .TeamItems .TeamItem .TeamNaam{font-weight:500; font-size:20px; color:var(--groen);}
 .TeamItems .TeamItem .TeamFunctie{}
 .TeamItems .TeamItem .TeamTekst{font-style:italic;}
 
 .BigPane1 .TeamItems .TeamItem,
 .BigPane2 .TeamItems .TeamItem{width:calc((100% - var(--gap)) / 4);}
 
 
 
 /* LB docs */
.DocsLijstWrapper{width:100%; margin-bottom:30px;}
.DocsLijstWrapper .DocsItem{width:100%; display:flex; justify-content: space-between; align-items: center; padding:5px 10px; box-sizing:border-box;}
.DocsLijstWrapper .DocsItem:nth-of-type(2n){background-color:var(--grijs);}
.DocsLijstWrapper .DocsItem .DocTitel{}
.DocsLijstWrapper .DocsItem a.DocsBtn{margin-right:0;}

.DocsStipWrapper{margin-bottom:30px;}
.DocsStipWrapper .DocsItemWrapper{  display:flex; justify-content: space-between; flex-wrap:wrap;}
.DocsStipWrapper .DocsItemWrapper .DocsItem{width:calc(50% - 1rem); background-color:var(--groen); color:#fff; aspect-ratio: 261/242; background-position:center center; margin:auto; margin-bottom:10px; display: flex; align-items: center;justify-content: center; text-align:center;
-webkit-mask-image: url("images/quote_mask.svg"); mask-image: url("images/quote_mask.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}
.DocsStipWrapper .DocsItemWrapper .DocsItem .DocsContent{ padding:20px;}
.DocsStipWrapper .DocsItemWrapper .DocsItem .DocTitel{font-size:24px; line-height:1.3; font-weight:400;}
.DocsStipWrapper .DocsItemWrapper .DocsItem a.DocsBtn{background-color:#fff; border-color:#fff; color:var(--bruin); margin-right:0; margin-top:15px;}
.DocsStipWrapper .DocsItemWrapper .DocsItem a.DocsBtn:hover{color:#fff; background-color:var(--bruin); border-color:var(--bruin);}

.DocsStipWrapper .DocsItemWrapper .DocsItem:nth-of-type(4n+2),
.DocsStipWrapper .DocsItemWrapper .DocsItem:nth-of-type(4n+3){background-color:var(--bruin);}

.DocsStipWrapper .DocsItemWrapper .DocsItem:nth-of-type(4n+2) a.DocsBtn,
.DocsStipWrapper .DocsItemWrapper .DocsItem:nth-of-type(4n+3) a.DocsBtn{color:var(--groen);}

.DocsStipWrapper .DocsItemWrapper .DocsItem:nth-of-type(4n+2) a.DocsBtn:hover,
.DocsStipWrapper .DocsItemWrapper .DocsItem:nth-of-type(4n+3) a.DocsBtn:hover{color:#fff; background-color:var(--groen);}



/* LB quotes */
.QuoteMainWrapper{ margin-bottom:80px;}
#Wrapper.Home .QuoteMainWrapper{margin-top:80px;}

.QuoteItem{width:100%; display:flex; align-items: center; justify-content: space-between; }
.QuoteItem .QuoteImgWrapper{width:460px; height:421px; background-image:url("images/quote_bg.svg"); background-size:contain; background-repeat:no-repeat; position:relative;}
.QuoteItem .QuoteImgWrapper .QuoteImg{width:261px; aspect-ratio: 261/242; position:absolute; right:50px; bottom:57px; background-size:cover; background-repeat:no-repeat; background-position:center center;
-webkit-mask-image: url("images/quote_mask.svg"); mask-image: url("images/quote_mask.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.QuoteItem .QuoteContent{ width:calc(100% - 500px); padding-right:100px; box-sizing:border-box;}
#Wrapper.Home .QuoteItem .QuoteContent{padding-right:200px;}
.QuoteItem .QuoteContent .QuoteQuote{font-size:36px; color:var(--groen); line-height:1.3;}
.QuoteItem .QuoteContent .QuotePersoon{font-size:16px; padding-top:15px;}
.QuoteItem .QuoteContent .QuoteNaam{font-weight:500;}
.QuoteItem .QuoteContent .QuoteSchool{}
.QuoteItem .QuoteContent .QuoteSchool:before{content:"|"; padding:0 8px;}
.QuoteItem .QuoteContent .QuoteTekst{padding-top:15px; margin-bottom:20px;}



/* LB Route */
.RouteMainWrapper{position:relative; margin-bottom:60px;}
.RouteMainWrapper .RouteOuterWrapper{position:relative; width:100%; aspect-ratio:426/389; background-image: url("images/maps_bg.svg"); background-repeat:no-repeat; background-position:center center; background-size:contain; }
.RouteMainWrapper .RouteWrapper{ background-color: var(--grijs); position: absolute; left: 9%; top: 9%;background-size: cover; background-position: center; width:81%; aspect-ratio: 225/208; text-align:center;
-webkit-mask-image: url("images/maps_mask.svg"); mask-image: url("images/maps_mask.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.RouteMainWrapper .RouteWrapper .RouteBtn{margin-top:65%; margin-left:5%;}



/* LB Video */
.wp-block-lazyblock-video-lightbox{display:flex; width:100%; max-width:720px;  position:relative;}

.CustomVideo { position:relative; width: 100%; aspect-ratio: 16/9; display: flex !important; justify-content: center; align-items: center; position: relative; background-size: cover; background-position: center; border-radius:20px; overflow:hidden; max-width:720px;  text-decoration:none; }
.CustomVideo:hover{text-decoration:none;}
.CustomVideo:before { content: "\f04b"; display: block; height:100px; width:100px; padding-top:25px; padding-left:10px; box-sizing:border-box; border-radius:50%; text-align:center; line-height:100px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:50px; line-height: 1; background-color: var(--groen); color:#fff; position: relative; z-index: 2; box-shadow: 0 0 10px rgba(0,0,0,0.5); transition: all 0.3s ease;}
.CustomVideo:hover:before { transform: scale(1.1); }
.CustomVideo:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #000; opacity: 0.1; transition: all 0.3s ease; }
.CustomVideo:hover:after { opacity: 0; }

.home-video-wrapper .wp-block-lazyblock-video-lightbox{margin-top:-200px; margin-left:120px;}


/* LB kaart */
.KaartMainWrapper{position:relative; margin-bottom:60px;}
.KaartMainWrapper .KaartOuterWrapper{position:relative; width:852px; aspect-ratio:426/389; background-image: url("images/maps_bg.svg"); background-repeat:no-repeat; background-position:center center; background-size:contain; }
.KaartMainWrapper .KaartWrapper{ background-color: var(--grijs); position: absolute; left: 10%; top: 9%;background-size: cover; background-position: center; width:675px; aspect-ratio: 225/208; background-image: url("images/wonderwijs_map.png"); 
-webkit-mask-image: url("images/maps_mask.svg"); mask-image: url("images/maps_mask.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.KaartMainWrapper .KaartWrapper .Marker{ position:absolute; cursor:pointer; height:17px; width:17px; transform-origin: center center; background-color:var(--bruin); border-radius:50%;}
.KaartMainWrapper .KaartWrapper .Marker.active{background-color:var(--groen); position:relative;}
.KaartMainWrapper .KaartWrapper .Marker.active:before{content:""; display:block; width:31px; height:31px; background-color:transparent; border-radius:50%; border:3px solid var(--groen); position:absolute; left:-7px; top:-7px;}

.KaartMainWrapper .KaartWrapper{}

.KaartMainWrapper .LijstWrapper{background-color:var(--groen); color:#fff; padding:30px; margin-bottom:5px; border-radius:30px; width:270px; height:300px; box-sizing:border-box; position: absolute; right:180px; top:50%; transform:translateY(-50%); }
.KaartMainWrapper .LijstWrapper .LijstItem .LijstItem-content{display:none;}
.KaartMainWrapper .LijstWrapper .LijstItem.active .LijstItem-content{display:block; position:relative; height: calc(300px - 60px);}
.KaartMainWrapper .LijstWrapper .LijstItem .LijstItem-content .LijstItem-naam{font-size:24px; line-height:1.3; font-weight:400;}
.KaartMainWrapper .LijstWrapper .LijstItem .LijstItem-content .lijstItem-innercontent{display:block; position:absolute; left:0; bottom:-15px;}
.KaartMainWrapper .LijstWrapper .LijstItem .LijstItem-content .LijstItem-website{display:block; padding-top:20px;}
.KaartMainWrapper .LijstWrapper .LijstItem .LijstItem-content .LijstItem-website a{background-color:#fff; border-color:#fff; color:var(--bruin);}
.KaartMainWrapper .LijstWrapper .LijstItem .LijstItem-content .LijstItem-website a:hover{color:#fff; background-color:var(--bruin); border-color:var(--bruin);}
.KaartMainWrapper .LijstWrapper .LijstItem .LijstItem-content a{color:var(--bruin); text-decoration:none;}
.KaartMainWrapper .LijstWrapper .LijstItem .LijstItem-content .LijstItem-img{height:220px; width:220px; border-radius:50%; background-color:var(--grijs); border:7px solid #fff; position:absolute; right:-210px; top:0; background-size:cover; background-position:center center; background-repeat:no-repeat;}


/* LB scholen lijst */
.ScholenWrapper { height:300px; }
.ScholenWrapper .ScholenItem{background-color:var(--groen); color:#fff; padding:30px; margin-bottom:5px; border-radius:30px; width:270px; height:300px; box-sizing:border-box; position: relative; margin:0 10px;}
.ScholenWrapper .ScholenItem .ScholenItem-content{display:block; position:relative; height: calc(300px - 60px);}
.ScholenWrapper .ScholenItem .ScholenItem-content .ScholenItem-naam{font-size:24px; line-height:1.3; font-weight:400;}
.ScholenWrapper .ScholenItem .ScholenItem-content .ScholenItem-innercontent{display:block; position:absolute; left:0; bottom:-15px;}
.ScholenWrapper .ScholenItem .ScholenItem-content .ScholenItem-website{display:block; padding-top:20px;}
.ScholenWrapper .ScholenItem .ScholenItem-content .ScholenItem-website a{background-color:#fff; border-color:#fff; color:var(--bruin);}
.ScholenWrapper .ScholenItem .ScholenItem-content .ScholenItem-website a:hover{color:#fff; background-color:var(--bruin); border-color:var(--bruin);}
.ScholenWrapper .ScholenItem .ScholenItem-content a{color:var(--bruin); text-decoration:none;}

.ScholenWrapper .ScholenItem:nth-of-type(2n){background-color:var(--bruin);}
.ScholenWrapper .ScholenItem:nth-of-type(2n) .ScholenItem-content .ScholenItem-website a{background-color:#fff; border-color:#fff; color:var(--bruin);}
.ScholenWrapper .ScholenItem:nth-of-type(2n) .ScholenItem-content .ScholenItem-website a:hover{color:#fff; background-color:var(--groen); border-color:var(--groen);}
.ScholenWrapper .ScholenItem:nth-of-type(2n) .ScholenItem-content a{color:var(--groen);}

.ScholenNav{height:36px; border-radius:18px; border:1px solid var(--donkergrijs); display:flex; width:200px; margin:auto; margin-top:30px; padding:0px 5px; justify-content: space-between; }
.ScholenNav span{height:36px; line-height:36px; font-weight:400; display:inline-block; color:var(--groen);}
.ScholenNav span.txt{}
.ScholenNav span.SBtn{height:36px; width:36px; cursor:pointer; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:20px; text-align:center;}
.ScholenNav span.SBtn:hover{color:var(--bruin);}

 

/* responsive */
@media (max-width: 1024px) {


@media (max-width: 768px) {
	.menu-hoofdmenu-container{display:none;}
	
	.content-wrapper .content-right .banner-wrapper{margin-top:0; width:100%; max-width:500px; margin:auto;}
	
	.home-content-wrapper .home-content-middle .banner-wrapper{margin-top:0; width:100%; max-width:500px; margin:auto;}
	.home-content-wrapper .home-content-middle .cta-wrapper{margin-top:-500px}
	
	.home-content-wrapper .home-content-right{margin:0; background-color:var(--grijs);}
	.home-content-wrapper .home-content-right .flickity-page-dots{ margin-bottom:20px;}
	.home-content-wrapper .content-right-bg:before{display:none;}
	
	#colophon .site-middle-footer-inner-wrap{margin-left:auto; margin-right:auto; text-align:center;}
	#colophon .site-middle-footer-inner-wrap figure{margin-left:auto; margin-right:auto;}
	
	.QuoteItem .QuoteContent,
	.QuoteItem .QuoteImgWrapper{width:100%;}
	.QuoteItem .QuoteImgWrapper{margin-bottom:20px; background-image:none !important; position:relative; height:auto;}
	.QuoteItem .QuoteImgWrapper .QuoteImg {position:relative; left:auto; right:auto; bottom:0; margin-left:auto; margin-right:auto;}
	.QuoteItem .QuoteContent{margin-bottom:30px; padding-right:0;}
	
	.KaartMainWrapper .KaartOuterWrapper{width:100%; background-image:none;}
	.KaartMainWrapper .KaartWrapper{width:100%; left:auto; top:auto;}
	.KaartMainWrapper .LijstWrapper{position:relative; transform:none; margin-top:20px; top:auto; right:auto;}
	.KaartMainWrapper .LijstWrapper .LijstItem .LijstItem-content .LijstItem-img{display:block;}
	
	
	
	.CTABigItem{width:100%; height:auto; margin-left:auto; margin-right:auto;}
	
	.home-video-wrapper .wp-block-lazyblock-video-lightbox{margin-top:20px; margin-left:0;}
	
}   

@media only screen and (max-width: 479px) {	

	.QuoteItem{-webkit-flex-direction: column; flex-direction: column;}
	.QuoteItem .QuoteContent .QuoteQuote{font-size:26px;}
	
	.KaartMainWrapper .KaartWrapper .Marker{ height:14px; width:14px;}
	.KaartMainWrapper .KaartWrapper .Marker.active:before{display:none}
	.KaartMainWrapper .LijstWrapper .LijstItem .LijstItem-content .LijstItem-img{display:none;}
	
	.DocsStipWrapper .DocsItemWrapper .DocsItem{width:100%; max-width:250px;}
	
	.CTABigItem .CTABigContent .CTABigTitle{font-size:22px;}
	
	

}