@charset "UTF-8";

html,body{widht:100%; height:100%;}


/*{-webkit-font-smoothing:antialiased;}*/


:root { 
    --orange:#FF8D19; 
    --yellow:#FFD317;
    --pink:#F8ABF8;
    --green:#31B57B;
    --dark-green:#09361D;
    --primary:#0392FF;
    --creme:#F9F5EF;
}

.bg-orange{background-color:var(--orange)!important;}
.bg-yellow{background-color:var(--yellow)!important;}
.bg-pink{background-color:var(--pink)!important;}
.bg-green{background-color:var(--green)!important;}
.bg-dark-green{background-color:var(--dark-green)!important;}
.bg-primary{background-color:var(--primary)!important;}
.bg-creme{background-color:var(--creme)!important;}

.text-orange{color:var(--orange)!important;}
.text-yellow{color:var(--yellow)!important;}
.text-pink{color:var(--pink)!important;}
.text-green{color:var(--green)!important;}
.text-dark-green{color:var(--dark-green)!important;}
.text-primary{color:var(--primary)!important;}

.border-orange{border-color:var(--orange)!important;}
.border-yellow{border-color:var(--yellow)!important;}
.border-pink{border-color:var(--pink)!important;}
.border-green{border-color:var(--green)!important;}
.border-dark-green{border-color:var(--dark-green)!important;}
.border-primary{border-color:var(--primary)!important;}

/*helper classes*/
.w-1{width:1%!important;}
.h-1{height:1%!important;}

.noSelect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.showCursor{cursor:pointer;}

.textShadow{text-shadow:2px 2px 2px rgba(0,0,0,.3);}

html, body{width:100%; height:100%;  -webkit-text-size-adjust:none; -ms-text-size-adjust:none; touch-action:pan-y;}

body{font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; color:#000;}
body.noScroll{overflow:hidden;}

a:link,a:hover,a:focus,a:visited,a:active{text-decoration:none;}

h1,h2,h4,h5,h6{font-family: 'Clash Display', sans-serif; font-optical-sizing:auto; font-style:normal; font-weight:700; letter-spacing:1px;}

/*cookie message*/
#cookie-message{transition:all .3s linear;}
#cookie-message.hide{visibility:hidden; opacity:0 !important;}
#cookie-message p{width:calc(100% - 62px); line-height:1.3;}
#cookie-message-button{padding:7px 16px 6px 15px; line-height:1;}

/*header & footer*/
#toggleNav{font-size:1.5rem;}

#navTouch{height:calc(100% - 60px); top:60px; z-index:1031; visibility:hidden; opacity:0; transition:all .25s linear;}
#navTouch.active{visibility:visible; opacity:1;}
#navTouch li{margin-bottom:1.5rem;}
#navTouch li.active{opacity:.6;}
#navTouch li:last-child{margin-bottom:0;}
#navTouch li a{font-size:1.4rem; color:var(--primary-color);}

.header{ransform:translateY(-100%); transition:transform 300ms;}
.header.scroll{transform:translateY(-100%);}

.header ul{font-size:.8rem;}
.header ul li{margin-right:15px; display:inline-block;}
.header ul li:last-child{margin-right:0; padding:10px 15px 10px 15px; font-weight:600;}
.header ul li a{color:#FFF;}

.headerImg{padding-top:56px;}
.headerImg span{font-size:1.25rem; font-weight:500;}
.headerImgOverlay{height:calc(100% - 56px); background-color:rgba(0,0,0,0.3);}

.footer h5{font-family: "Poppins", sans-serif; font-size:1rem;}
.footer a{color:#FFF;}
.footerContact p{font-size:1.25rem; font-weight:200;}

.footerBottom ul{font-size:0;}
.footerBottom ul li{margin-right:15px; display:inline-block; font-size:1rem;}
.footerBottom ul li:last-child{margin-right:0;}
.footerBottom ul li a{color:#FFF;}

.logo{height:15px;}

.social li{margin-right:10px; display:inline-block;}
.social li:last-child{margin-right:0;}
.social li img{height:15px;}

/*content*/
.topText{margin-top:-90px;}
.topText span{font-size:2rem;}
.topText .brand{width:100px;}

.topText ul li{margin-right:20px; display:inline-block;}
.topText ul li:last-child{margin-right:0;}
.topText ul li span{font-size:1rem;}

.content h2{color:#000;}

.btnContent{padding:10px 15px 10px 15px; white-space:nowrap; font-weight:600;}

.contentBlocks{font-family: 'Clash Display', sans-serif; font-weight:700; letter-spacing:1px;}

.partnerCarousel img{filter:grayscale(100%);}

/*vacatures*/
.clamp-3{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

.vacatures .noIntro{height:72px;}

.vacatures h3{font-family: 'Clash Display', sans-serif; font-weight:700; font-size:1.25rem; letter-spacing:1px;}
.vacatures ul li{margin-right:20px; display:inline-block;}
.vacatures ul li:last-child{margin-right:0;}
.vacatures a{color:#000;}
.vacatures img{margin-top:5px; width:95px;}

.voordelen li{margin-right:0; display:block}
.voordelen span{font-family: 'Clash Display', sans-serif; font-weight:700; letter-spacing:1px;}

.voordelen img{margin-top:5px; width:200px;}
.voordelen p{margin-bottom:0;}

.review{font-family: 'Clash Display', sans-serif; font-weight:700; font-size:1.25rem; letter-spacing:1px;}
.reviewImg{width:50%; height:100%; position:absolute; z-index:-1; background-position:center center; background-size:cover; background-repeat:norepeat;}

/*contact*/
.contact span{font-family: 'Clash Display', sans-serif; font-weight:700; letter-spacing:1px;}
.contact p{font-size:1.25rem; font-weight:200;}
.contact img{height:calc(100% + 50px); top:-50px;}

/*cta*/
.cta span{font-family: 'Clash Display', sans-serif; font-weight:700; font-size:1.5rem; letter-spacing:1px;}

/*formulieren*/
.form-control, .form-control:focus{border-radius:0; border-color:var(--dark-green); box-shadow:none;}
.form-control.error{border-color:#cc3333;}

.form-check-input[type=radio]{border-color:var(--dark-green); transition:background-image .3s linear;}
.form-check-input.error[type=radio]{border-color:var(--dark-green);}
.form-check-input[type=radio]:checked{background-color:#FFF; background-image:url(../img/bgRadioChecked.svg)!important; background-size:10px 10px; background-repeat:no-repeat;}
.form-check-input[type=radio]:focus{box-shadow:none;}

.form-check-input[type=checkbox]{margin-top:2px; border-color:var(--dark-green);}
.form-check-input[type=checkbox]:checked{background-color:var(--dark-green);}
.form-check-input[type=checkbox]:focus{box-shadow:none;}

.form-select, .form-select:focus{border-radius:0; border-color:var(--dark-green); box-shadow:none;}

.grecaptcha-badge{margin-right:-10000px;}

.formSending{display:none; z-index:3000; color:#dc3545; background-color:rgba(255,255,255,.90);}
.formSending.active{display:block;}
.formSending img{width:40px; height:40px; -webkit-animation: spin 1s steps(8) infinite; animation: spin 1s steps(8) infinite;}

/*google autocomplete*/
.pac-container:after{content:none !important;}
.pac-icon{display:none;}
.pac-item-query{font-family: "Poppins", sans-serif; font-weight: 400; font-size:1rem;}
.pac-matched{font-weight:600;}


@media(max-width:576px){
/*header & footer*/
.headerImg{height:calc(100vh - 155px); overflow:hidden;}

.footerBottom ul li{margin-right:0; width:50%;}
.footerBottom ul li:last-child{text-align:right;}

/*content*/
.contentBlocks .position-absolute{position:static!important; font-size:.8rem;}

/*vacatures*/
.vacatures ul li{margin-right:10px; display:inline-block;}
.vacatures img{margin-top:5px; width:60px;}

.vacature.topText .d-table{display:block!important;}
.vacature.topText .d-table-row{display:block!important;}
.vacature.topText .d-table-cell{display:block!important;}
.vacature.topText .w-1{width:auto!important;}

.voordelen img{margin-top:0; width:100%;}

#vacaturesFiltersBg{width:85%!important; height:100%; position:relative; left:-85%!important; background-color:#FFF; transition:left .3s;}

/*cta*/
.cta span{font-size:1.3rem;}
}

@media(max-width:768px){
/*vacatures*/
.toggleFilters{left:50%; transform: translateX(-50%); transition:all 0.5s linear;}
.toggleFilters.hiddenAtBottom{opacity:0; visibility:hidden;}

.row > #vacaturesFiltersWrapper{padding:0;}

#vacaturesFiltersWrapper{width:100%; height:100%; top:0; left:0; position:fixed; z-index:1031; overflow:hidden; opacity:0; visibility:hidden; background-color:rgba(0,0,0,.5); transition:all .3s;}
#vacaturesFiltersWrapper.active{opacity:1; visibility:visible;}
#vacaturesFiltersBg{width:40%; height:100%; position:relative; left:-40%; background-color:#FFF;}
#vacaturesFiltersBg.active{left:0!important;}

#vacaturesFilters{width:100%; height:calc(100% - 60px); position:absolute; overflow:auto;}

#filtersTitle{height:60px; display:flex; align-items:center; justify-content:space-between; color:#FFF!important; background-color:var(--dark-green);}
#filtersClose{font-size:1.5rem;}

.review .rounded-2{border-bottom-right-radius:0!important; border-bottom-left-radius:0!important;}
}

@media(min-width:768px){
/*header & footer*/
.header ul{font-size:.8rem;}
.logo{height:20px;}

/*content*/
.topText{margin-top:-88px;}
}

@media screen and (min-width: 768px) and (min-width: 992px){
}

@media(min-width:992px){
/*header & footer*/
.logo{height:15px;}

.headerImg{padding-top:71px;}
.headerImgOverlay{height:calc(100% - 71px);}

/*content*/
.topText{margin-top:-90px;}

/*vacatures*/
.vacatures ul{padding-left:calc(95px + 1rem);}
}

@media(min-width:1400px){
/*header & footer*/
.header ul{font-size:1rem;}
.header ul li{margin-right:20px;}

.logo{height:24px;}

.headerImg{padding-top:76px;}
.headerImgOverlay{height:calc(100% - 76px);}


}