:root{
	--donkergroen: 		#006D33;
	--groen: 			#3AAA35;
	--oranje: 			#EF7D00;
} 

/* knoppen */
.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{ background-color:var(--groen); border-color:var(--groen);}
.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;}


/* vlakken */
.content-right-bg:before{ background-image:url("../images/scholen/stapvoorstap/nieuws_bg.svg"); }


/* banner */
.content-wrapper .content-right .banner-wrapper{margin-top:-430px;}
.home-content-wrapper .home-content-middle .banner-wrapper{margin-top:-470px;}

.banner-wrapper,
.home-content-wrapper .home-content-middle .banner-wrapper{aspect-ratio: 1/1;
-webkit-mask-image: url("../images/scholen/stapvoorstap/banner_mask.svg"); mask-image: url("../images/scholen/stapvoorstap/banner_mask.svg");}



/* kadence posts */
.wp-block-kadence-posts .entry-header .entry-title a{color:var(--groen);}
.wp-block-kadence-posts .entry-header .entry-title a:hover{color:var(--groen);}


/* menu */
#menu-hoofdmenu li a{ color:var(--donkergroen); }
#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:after{color:var(--groen);}


/* flickity */
.site .flickity-page-dots .dot.is-selected{ background-color:var(--oranje);}
.site .content-right .flickity-page-dots .dot.is-selected{ background-color:var(--oranje);}

/* instagram */
.insta-header a:after{background-color:var(--oranje);}
.insta-header a:hover:after{background-color:var(--oranje);}


/* LB cta */
.CTAWrapper{   background-image:url(none); background-color:var(--oranje); border:10px solid #fff; border-radius:50%; height:256px; width:256px;  }
.CTAWrapper a.CTAbtn{color:var(--donkergroen); background-color:#fff;}
.CTAWrapper a.CTAbtn:hover{background-color:var(--donkergroen); border-color:var(--donkergroen); }

.CTABigItem{height:438px; aspect-ratio:1 / 1; }
.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/scholen/stapvoorstap/banner_mask.svg"); mask-image: url("../images/scholen/stapvoorstap/banner_mask.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}
.CTABigItem:after{content:""; width:92px; height:92px; background-color:var(--donkergroen); border:5px solid #fff; position:absolute; border-radius:50%; right:-40px; top:40px; z-index:30;}
.CTABigItem .CTABigContent .CTABigBtn{color:var(--oranje); background-color:#fff;}
.CTABigItem .CTABigContent .CTABigBtn:hover{background-color:var(--oranje); border-color:var(--oranje);}


/* LB team */
.TeamItems .TeamItem .TeamImg{aspect-ratio: 1 / 1; -webkit-mask-image: none; mask-image: none; border-radius:50%;}
.TeamItems .TeamItem .TeamNaam{color:var(--groen);}
.TeamItems .TeamItem .TeamImg{}


/* LB docs */
.DocsLijstWrapper .DocsItem:nth-of-type(2n) a.DocsBtn{background-color:var(--donkergroen); border-color:var(--donkergroen);}
.DocsLijstWrapper .DocsItem:nth-of-type(2n) a.DocsBtn:hover{background-color:#fff; color:var(--donkergroen);}

.DocsStipWrapper .DocsItemWrapper .DocsItem{background-color:var(--groen); -webkit-mask-image:none; aspect-ratio:1/1; border-radius:50%;  mask-image:none;}
.DocsStipWrapper .DocsItemWrapper .DocsItem a.DocsBtn{background-color:#fff; border-color:#fff; color:var(--donkergroen);}
.DocsStipWrapper .DocsItemWrapper .DocsItem a.DocsBtn:hover{color:#fff; background-color:var(--donkergroen); border-color:var(--donkergroen);}

.DocsStipWrapper .DocsItemWrapper .DocsItem:nth-of-type(4n+2),
.DocsStipWrapper .DocsItemWrapper .DocsItem:nth-of-type(4n+3){background-color:var(--donkergroen);}
.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 */
.QuoteItem .QuoteImgWrapper{background-image:none; border-radius:50%;}
.QuoteItem .QuoteImgWrapper .QuoteImg{aspect-ratio:1/1; border-radius:50%; border:30px solid var(--oranje); -webkit-mask-image: none; mask-image: none;}
.QuoteItem .QuoteContent .QuoteQuote{color:var(--groen);}
.QuoteItem .QuoteContent .QuotePersoon{}


/* LB Route */
.RouteMainWrapper .RouteOuterWrapper{position:relative; width:100%; aspect-ratio:1/1; background-image: none;}
.RouteMainWrapper .RouteWrapper{background-color: var(--grijs); position: absolute; left:0; top:0; width:100%; height:100%; text-align:center; -webkit-mask-image: none; mask-image: none; border-radius:50%;}
.RouteMainWrapper .RouteWrapper:before{content:""; width:150px; height:150px; position:absolute; right:-100px; top:100px; border-radius:50%; background-color:var(--oranje); border:7px solid #fff;}
.RouteMainWrapper .RouteWrapper .RouteBtn{background-color:var(--groen); border-color:var(--groen); margin:0; position:absolute; right:-20px; top:167px;}
.RouteMainWrapper .RouteWrapper .RouteBtn:hover{color:var(--groen); background-color:#fff;}


/* LB Video */
.CustomVideo:before{background-color:var(--oranje);}
.home-video-wrapper .CustomVideo:before{background-color:var(--oranje);}