:root{
	--roze: 			#E6007E;
	--oranje: 			#EF7D00;
	--groen: 			#95C11F;
	--donkergroen: 		#3AAA35;
} 

/* 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;}


.kadence-blocks-form-field .kb-forms-submit{border-color:var(--groen) !important;}

/* vlakken */
.content-right-bg:before{ background-image:url("../images/scholen/abacus/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/abacus/banner_mask.svg"); mask-image: url("../images/scholen/abacus/banner_mask.svg");}



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


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


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

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


/* 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(--groen); background-color:#fff;}
.CTAWrapper a.CTAbtn:hover{background-color:var(--groen); border-color:var(--groen); }

.CTABigItem{height:438px; aspect-ratio:1 / 1; }
.CTABigItem:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--donkergroen); opacity:0.9; z-index:10; transition:all 0.3s ease;
-webkit-mask-image: url("../images/scholen/abacus/banner_mask.svg"); mask-image: url("../images/scholen/abacus/banner_mask.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}
.CTABigItem:after{content:""; width:92px; height:92px; background-color:var(--groen); 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 */
.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(--roze);}
.QuoteItem .QuoteContent .QuotePersoon{color:var(--oranje);}


/* 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(--donkergroen); border:7px solid #fff;}
.RouteMainWrapper .RouteWrapper .RouteBtn{background-color:var(--oranje); border-color:var(--oranje); margin:0; position:absolute; right:-20px; top:167px;}
.RouteMainWrapper .RouteWrapper .RouteBtn:hover{color:var(--oranje); background-color:#fff;}


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


/* Sticker met animatie */
.sticker {
    position:relative;
	height:200px;
	width:200px;
}
#colophon .sticker {
    position:absolute;
    margin:auto;
	
	left:-240px;
	top:-100px;
} 
.sticker div {
	width:200px;
	height:200px;
    position:absolute;
	transform: rotate(-10deg);
    left:0px;
    top:0;
    -webkit-animation-name: fade;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 12s;
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 12s;
}

@-webkit-keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}

#s1 {
	background-image:url("../images/scholen/abacus/sticker_magenta.svg"); 
}
#s2 {
    -webkit-animation-delay: -12s;
	background-image:url("../images/scholen/abacus/sticker_oranje.svg"); 
}
#s3 {
    -webkit-animation-delay: -10s;
	background-image:url("../images/scholen/abacus/sticker_bruin.svg"); transform:
}
#s4 {
    -webkit-animation-delay: -8s;
	background-image:url("../images/scholen/abacus/sticker_donkerbruin.svg"); transform:
}
#s5 {
    -webkit-animation-delay: -6s;
	background-image:url("../images/scholen/abacus/sticker_donkergroen.svg"); transform:
}
#s6 {
    -webkit-animation-delay: -4s;
	background-image:url("../images/scholen/abacus/sticker_groen.svg"); transform:
}
#s7 {
    -webkit-animation-delay: -2s;
	background-image:url("../images/scholen/abacus/sticker_lichtgroen.svg"); transform:
}