:root {
	--groen:		#3FA535;
	--lichtgroen:	#86BD40;	
	--blauw:		#19488F;
	--lichtblauw:	#3EA3DC;
	--paars:		#951B81;
	--donker:		#19488F;
	--licht:		rgba(62, 163, 220, 0.1)
}

/* knoppen */
.knop a,
.knop a:active,
.knop a:visited,
a.knop,
a.knop:active,
a.knop:visited,
#wrapper .knop a,
#wrapper .knop a:active,
#wrapper .knop a:visited,
#wrapper .kb-form .kadence-blocks-form-field .kb-forms-submit,
#wrapper .wp-block-kadence-posts a.post-more-link,
#wpwrap .wp-block-kadence-posts a.post-more-link,
#wrapper #archive-container a.post-more-link,
#wpwrap #archive-container a.post-more-link{background-color:var(--paars); border:1px solid var(--paars); text-decoration:none;}
.knop a:hover,
a.knop:hover,
#wrapper .knop a:hover,
#wrapper .kb-form .kadence-blocks-form-field .kb-forms-submit:hover,
#wrapper .wp-block-kadence-posts a.post-more-link:hover,
#wpwrap .wp-block-kadence-posts a.post-more-link:hover,
#wrapper #archive-containers a.post-more-link:hover,
#wpwrap #archive-container a.post-more-link:hover {color:var(--paars); background-color:#fff; text-decoration:none;}

#secondary-menu li.knop{}
#secondary-menu li.knop a{background-color:var(--groen); color:#fff; border-color:#fff;}
#secondary-menu li.knop a:hover{color:var(--groen); background-color:#fff;}



/* header */
.site-header-inner-wrap:before{max-width:1290px; width:82%; height:140%; top:0; left:calc(50% - 240px); background-image:url("../images/scholen/gvpschool/header_bg.svg");}


/* banner */
.banner{position:relative; margin-top:-300px;}
.banner-home{position:relative; margin-top:-340px;}


/* home panes */
.banner .wp-block-lazyblock-cta{top:500px;}
.intro-home .wp-block-lazyblock-cta{margin-top:-130px;}


/* home panes */
.kernwaarden-home{margin-bottom:2%;}
.kernwaarden-home > .kt-row-column-wrap:before{height:calc(100% + 500px); aspect-ratio:1447/ 1347; background-image:url("../images/scholen/gvpschool/nieuws_vorm.svg");  left:53%; top:-125px;  }
.kernwaarden-home > .kt-row-column-wrap:after{height:120%; aspect-ratio:1014 / 1209;background-image:url("../images/scholen/gvpschool/nieuws_lijnen.svg"); left:65%; top:-21%; transform: translateX(-90%); opacity:0.6;}
.kernwaarden-home h1,
.kernwaarden-home h2,
.kernwaarden-home h3,
.kernwaarden-home h4,
.kernwaarden-home h5,
.kernwaarden-home h6{color:#fff;}

.snelnaar-home{color:#fff; margin-bottom:10%;}
.snelnaar-home > .kt-row-column-wrap:before{height:120%; aspect-ratio:1661 / 545; background-image:url("../images/scholen/gvpschool/agenda_vorm.svg"); top:-5%; left:-45%}
.snelnaar-home > .kt-row-column-wrap:after{height:120%; aspect-ratio:808 / 477; background-image:url("../images/scholen/gvpschool/agenda_lijnen.svg"); top:9%; right:-1%; opacity:0.5;}
.snelnaar-home > .kt-row-column-wrap h1,
.snelnaar-home > .kt-row-column-wrap h2,
.snelnaar-home > .kt-row-column-wrap h3,
.snelnaar-home > .kt-row-column-wrap h4,
.snelnaar-home > .kt-row-column-wrap h5,
.snelnaar-home > .kt-row-column-wrap h6{color:#fff;}


/* footer */
.site-footer-wrap .site-middle-footer-wrap:before{width:175%; height:105%; top:-3%; left:-54%; background-image:url("../images/scholen/gvpschool/footer_bg.svg");}
.site-footer-wrap .site-middle-footer-inner-wrap{position:relative;}
.site-footer-wrap .site-middle-footer-inner-wrap:before{content:""; position:absolute; width:50%; aspect-ratio:498 / 601; top:-300px; left:-10%; background-image:url("../images/scholen/gvpschool/footer_lijnen.svg"); background-size:contain; background-repeat:no-repeat; z-index:100; opacity:0.5;}
.site-footer-wrap .site-middle-footer-inner-wrap > div{z-index:200;}
.site-footer-wrap .footer-widget4{position:absolute; margin-top:-220px;}
.site-footer-wrap .footer-widget4:before{display:none;}


/* LB banner */
.BannerWrapper .BannerImg{width:100%; aspect-ratio:1149/ 731; margin-bottom:5%;
-webkit-mask-image: url("../images/scholen/gvpschool/banner_vorm.svg"); mask-image: url("../images/scholen/gvpschool/banner_vorm.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }   
.BannerWrapper .BannerLijnen{display:none;}   

.banner-home .BannerWrapper .BannerImg{margin-bottom:0; width:100%; aspect-ratio:1149/ 731;
-webkit-mask-image: url("../images/scholen/gvpschool/banner_home_vorm.svg"); mask-image: url("../images/scholen/gvpschool/banner_home_vorm.svg");}
.banner-home .BannerWrapper .BannerLijnen{display:none;}


/* LB CTA */
.CTAWrapper .CTABg{background-color:var(--blauw);}
.CTAWrapper .CTAContent{color:#fff;}
.CTAWrapper .CTAContent .CTAKnop{background-color:var(--lichtblauw); border-color:var(--lichtblauw); color:#fff;}
.CTAWrapper .CTAContent .CTAKnop:hover{background-color:#fff; color:var(--lichtblauw);}

.CTAWrapper.kleur2 .CTABg{background-color:var(--groen); }
.CTAWrapper.kleur2 .CTAContent .CTAKnop{background-color:#fff; color:var(--paars); border-color:var(--paars);}
.CTAWrapper.kleur2 .CTAContent .CTAKnop:hover{background-color:var(--paars); color:#fff;}

.intro-home .CTAWrapper .CTAExtra{opacity:0.1; background-image:url("../images/scholen/gvpschool/rond_lijnen.svg"); }



/* LB Documenten */



/* LB Kernwaarden */
.kernwaarden-home .KernwaardenItem .KernwaardenContent a{color:var(--paars);}
.kernwaarden-home .KernwaardenItem .KernwaardenContent .KernwaardenTitel{color:var(--paars);}



/* LB Team */
.TeamItems .TeamItem .TeamImg{background-color:var(--licht);}
.TeamItems .TeamItem .TeamNaam{ color:var(--paars);}



/* LB vacatures */
.vacature-lijst-item .vacature-lijst-fte{ background-color:var(--lichtblauw);}
.vacature-lijst-item .vacature-lijst-title{color:var(--paars);} 
.vacature-lijst-item .vacature-lijst-cat{color:var(--lichtblauw);}



/* media queries */
@media only screen and (max-width: 1024px) {
	
	.site-footer-wrap .site-middle-footer-wrap{background-color:var(--blauw);}
	
}

@media only screen and (max-width: 767px) {
	
	.kernwaarden-home{background-color:var(--licht) !important}
	.kernwaarden-home > .kt-row-column-wrap:after{height:100%; top:-10%;}
	
	.snelnaar-home{background-color:var(--groen) !important;}

}