@charset "UTF-8";
/* CSS Document */
.noselect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#anchorToContent{display:block; position:relative; visibility:hidden; top:-64px}

/*cookie message*/
#cookie-message{bottom:0; opacity:1; font-size:13px; font-weight:300; color:#FFF; background:#212529; -webkit-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.3); transition:all .35s ease-out;}
#cookie-message.hide{bottom:-66px !important; opacity:0 !important;}
#cookie-message p{width:calc(100% - 62px); line-height:1.3;}
#cookie-message-button{padding:7px 16px 6px 15px; cursor:pointer; color:#212529; font-weight:500; line-height:1; border-radius:3px; border:1px solid #FFF; background-color:#FFF;  transition:all .2s linear;}
#cookie-message-button:hover{color:#FFF; background-color:#212529; border:1px solid #FFF;}

.dropshadow{-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);}
.img-fluid{width:100%; height:auto;}

.bg-grey{background:#f2f2f2}

.text-danger{color:#E55812!important;}

a:link,a:hover,a:active,a:visited{color:#8fb944; text-decoration:none;}

h1{font-size: 1.5rem; padding:0 15px;}
h2{font-size: 1.5rem; color:#8fb944;}
h3{font-size: 1.5rem;}


/*.header{transition:all 0.3s linear;}*/
.header{background-color:#8fb944; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);}
.header a{color:#FFF; font-size:14px; line-height:1; text-decoration:none;}
.header i{font-size:14px;}
.partner-logos{padding:10px 0; background-color:#8fb944;}
.partner-logos img{width:100%; height:auto;}

.header-img{margin-top:60px; text-shadow: 0 1px 2px rgba(0,0,0,0.6);}

.header-text p{padding:0 15px; font-size:20px;}

a.cta-button, .cta-button{padding:10px 15px 10px 15px; font-size:18px; color:#FFF; font-weight:500; text-decoration:none; border:solid 2px #E55812; border-radius:5px; background-color:#E55812; transition:all 0.3s linear;}
.cta-button{padding:8px 15px 8px 15px;}
.cta-button:focus{outline:none;}
a.cta-button.white{color:#E55812; background-color:#FFF;}

.homepage-block{padding:20px;}
.homepage-icon-wrapper{margin-top:-65px; height: auto; width:100%;}
.homepage-icon{margin:0 auto; width:90px; height:90px; font-size:40px; display:flex; align-items:center; justify-content: center; border-radius:50%; background-color:#8fb944; 	box-shadow: 2px 2px 10px 0 rgba(128, 128, 128, 0.4);}

.content{margin-top:80px; padding:20px;}

.vraag{border-radius:5px 5px 0 0; box-shadow:0 .125rem .25rem rgba(0,0,0,.075); transition:box-shadow 0.2s linear;}
.vraag:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);}
.vraag a{diplay:block; color:#212529; text-decoration:none; /*background-image:url("../img/chevron-down.svg"); background-size:auto 24px; background-position:right top; background-repeat:no-repeat;*/}
/*.vraag.active a{background-image:url("../img/chevron-up.svg");}*/
.antwoord{border-top: solid 1px #CCC; border-bottom:solid 3px #8fb944;}

.form-hider{display:none; left:0; top:0; z-index:1032; color:#8fb944;}
.form-hider.active{display:block;}

.form-hider .d-table{background-color:rgba(255,255,255,0.85);}

label a,label a:hover{color:#212529; text-decoration:underline;}
/*.grecaptcha-badge{visibility: collapse !important;}*/

.footer{background-color:#8fb944;}
.footer ul{list-style:none; font-size:0;}
.footer ul.social{padding-top:5px;}
.footer ul li{margin:0 0 5px 0; display:block; transition:all 0.3s linear;}
.footer ul.social li{margin:0 10px 0 0; display:inline-block;}
.footer ul.social li:last-child{margin:0;}
.footer a{color:#FFF; font-size:1rem; text-decoration:none;}
.footer i{font-size:28px;}
/*.footer img{margin-top:6px; width:auto; height:12px;}*/

/*vacatures*/
.vacatures-kies-plaats{padding:7px 15px 8px 15px; cursor:pointer; color:#FFF; font-weight:500; border-radius:5px;}
.vacatures-kies-plaats.active{border-radius:5px 5px 0 0;}
.vacatures-kies-plaats i{margin: 6px 0 0 0; float: right; font-weight: 700; transition: transform 0.2s linear;}
.vacatures-kies-plaats.active i{transform: rotate(180deg);}
.vacatures-filter-wrapper{width:calc(100% - 30px); display:none; position:absolute; top:39px; right:15px; z-index:100;}
.vacatures-filter-wrapper.active{display:block;}
.vacatures-filter-wrapper ul{font-weight:400; border-radius:0 0 5px 5px; border-top:none;}
.vacatures-filter-wrapper ul li a{padding:7px 15px 8px 15px; display:block; text-decoration:none; background-color:#FFF;}
.vacatures-filter-wrapper ul li.active a,.vacatures-filter-wrapper ul li:hover a{color:#FFF; }
.vacatures-filter-wrapper ul li:last-child a{border-radius:0 0 5px 5px;}


.vacatures{background-color:#FFF;}
.vacatures:hover{color:#FFF;}
.vacatures a{display:block; color:#212529; text-decoration:none;}
.vacatures h3{font-size:1.2rem; font-weight:500;}
.vacatures:hover h3{color:#FFF;}

.vacatures a:hover{display:block; text-decoration:none; color:#FFF;}


.vacatures-intro h2{font-size:1.5rem;}
.vacatures-logo-small{margin:5px 10px 0 0; width:auto; height:37px}
.vacatures-intro ul{margin:0; padding:5px 0 0 0; list-style:none; position:relative;}
.vacatures-intro ul li{margin-bottom:5px; padding-left:15px; display:block;}
.vacatures-intro ul li:last-child{margin:0;}
.vacatures-intro ul li:before{left:0; position: absolute; content:">";}


.vacature h2{font-size:1.5rem; font-weight:500;}
.vacature-info .d-table-row .d-table-cell:nth-child(odd){width:1%!important;}

@media(min-width:768px){
	h1{font-size: 2rem; padding:0 30px}
	
	.header a{color:#FFF; font-size:20px; text-decoration:none;}
    .header i{font-size:16px;}
	.header-img{margin-top:80px;}
	
	/*.footer img{width:auto; height:20px;}*/
    
    /*vacatures*/
    .vacatures-kies-plaats{width:250px;}
    .vacatures-filter-wrapper{width:250px;}
    
	.vacatures h3{font-size:1.5rem;}
}

@media(min-width:992px){
    h1{font-size: 3rem; padding:0 30px}
    
	#partners{width:80%;}
	.partner-logos img{width:auto; height:60px;  transition:all 0.3s linear;}
	.header.active .partner-logos img{width:auto; height:45px}
	
	.header-text p{font-size:24px;}
	
	a.cta-button, .cta-button{font-size:22px;}
	a.cta-button:hover, .cta-button:hover{color:#E55812; background-color:transparent;}
	a.cta-button.white:hover{color:#FFF; background-color:#8fb944;}
	
	.footer ul li:hover{opacity:0.7}
	.footer ul.social li{margin:0 15px 0 0;}
	/*.footer img{width:auto; height:29px;}*/
}