:root{
	--lichtgroen:#DAE255;
	--groen:#95C11F;
	--donkerdergroen:#006633;
	--lichterblauw:#A3C8E7;
	--rood:#F16154;
	--oranje:#F39200;
	--creme: #F9F9F4; 
}

#wrapper,
.footer-bottom .footer-bottom-1:before,
.footer-bottom .footer-bottom-2:before,
.footer-bottom .footer-bottom-3:before,
.footer-bottom .footer-bottom-4:before{background-color:var(--creme);}


/* top nav */
#secondary-menu .menu-item.lichterblauw > a::before {background-color: var(--lichterblauw);}
#secondary-menu .menu-item.rood > a::before {background-color: var(--rood);}


/* Menu */
.custom-menu .menu-item a {color: var(--oranje);}
.custom-menu .menu-item:hover > a,
.custom-menu .current-menu-item > a,
.custom-menu .current-page-ancestor > a { color: var(--zwart);}
.custom-menu .sub-menu {background: var(--oranje); }
.custom-menu .sub-menu li a {color: #fff; background-color: var(--oranje);}
.custom-menu .sub-menu li a:hover { color: var(--zwart);}
.custom-menu > .menu-item-has-children > a::before{background-color:var(--oranje);}
.custom-menu > .menu-item-has-children > a:hover::before,
.custom-menu > .menu-item-has-children.current-menu-item > a::before,
.custom-menu > .menu-item-has-children.current-page-ancestor > a::before{background-color:var(--zwart);}



/* Footer */
.footer-bottom a{text-decoration:none; color:inherit;}
.footer-bottom a:hover{text-decoration:underline; color:inherit;}


/* LB CTA */
.CTAWrapper.lichterblauw .CTAItem{ background-color:var(--lichterblauw); }
.CTAWrapper.rood .CTAItem{ background-color:var(--rood); }


/* LB Tour */
.TourWrapper h3{color: var(--donkeroranje);}


/* LB team */
.TeamContent .TeamNaam{color: var(--blauw);}
.TeamContent .TeamFunctie{color: var(--rood);}
.TeamContent .TeamEmail{color: var(--donkeroranje);}


.TeamWrapper{grid-template-columns: 1fr 1fr 1fr;}
.TeamWrapper .TeamItem{flex-direction:column}
.TeamWrapper .TeamItem .TeamFotoWrapper{order:1}
.TeamWrapper .TeamItem .TeamContent{order:2;}
.TeamContent .TeamNaam{text-align:center;}
.TeamContent .TeamFunctie{text-align:center;}
.TeamContent .TeamFunctie{text-align:center;}
.TeamContent a{text-align:center;}
.TeamItem .TeamFotoWrapper .TeamFoto{width:196px;height: 226px;}
.TeamContent .TeamNaam{color: var(--lichterblauw); }
.TeamContent .TeamFunctie{color: var(--rood);}
.TeamContent .TeamEmail{color: var(--oranje);}


/* LB Home Lint */
.LintWrapper .LintBlock{background-color:var(--lichtgroen);}
.LintWrapper .LintImgWrapper,
.LintWrapper .LintContentWrapper{background-color:var(--groen);}  
.LintWrapper .LintContentWrapper .LintContent{ color:#fff;}



/* LB Home Video */
.VideoWrapper .VideoGrootContent{ background-color: var(--lichterblauw);}
.VideoWrapper .VideoGrootContent:before,
.VideoWrapper .VideoGrootContent:after{background-color:var(--lichterblauw);}
.VideoWrapper .VideoGrootContent h1,
.VideoWrapper .VideoGrootContent h2,
.VideoWrapper .VideoGrootContent h3,
.VideoWrapper .VideoGrootContent h4,
.VideoWrapper .VideoGrootContent h5,
.VideoWrapper .VideoGrootContent h6{ color: var(--donkergroen); }
.VideoWrapper .VideoGrootContent p { color: var(--zwart);  }

.VideoWrapper .VideoKleinContent{ background-color:var(--lichtblauw); }
.VideoWrapper .VideoKleinContent .content{ color:#fff;}
.VideoWrapper .VideoKleinContent p,
.VideoWrapper .VideoKleinContent ul,
.VideoWrapper .VideoKleinContent li { color: #fff;}

.VideoWrapper .Video{ background-color:var(--blauw);}

.VideoWrapper #AfbeeldingWrapper.hasvideo:before{background-color:var(--lichterblauw);}
.VideoWrapper #AfbeeldingWrapper.hasvideo:after{background-color:#fff;}



/* LB Home Hexagon */
.Hexagon .HexagonLinks{ background-color: var(--donkergroen); color:#fff;}
.Hexagon .HexagonLinks p,
.Hexagon .HexagonLinks ul,
.Hexagon .HexagonLinks li,
.Hexagon .HexagonLinks h2,
.Hexagon .HexagonLinks h3,
.Hexagon .HexagonLinks h4 { color: #fff;}

.Hexagon .HexagonRechts .ImageContainer,
.Hexagon .HexagonRechts .Background,
.Hexagon .HexagonRechts .Background:before{background-color:var(--lichtgroen);}



/* LB agenda */
.agenda-list .agenda-date {color:var(--donkerdergroen);}
.agenda-list .agenda-title { color:var(--donkergroen);}

.agenda-full .agenda-item .agenda-date{ background-color:var(--rood); color:#fff;}
.agenda-full .agenda-item .agenda-content .agenda-titel{color:var(--oranje);}



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

	.TeamItem > div{width:100%;display: flex;    align-items: center;    justify-content: center;}
	.TeamFotoWrapper{    -webkit-mask-position: center; mask-position: center;}
}


@media only screen and (max-width: 767px) {
	.TeamWrapper{grid-template-columns: 1fr 1fr;}
}