/*
	Theme Name: Brancom Template
	Theme URI: https://www.brancom.nl
	Description: Basis voor de template
	Version: 1.0
	Author: Brancom Dev
	Author URI: https://www.brancom.nl

*/



a, .archive-filters,a:not(.btn):after, a:before, .slider-arrow, .vacature-box  > div, .categorie-slide h3,.btn, .academie-box-content, .news-box, .filter-btn {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/*------------------------------------*\
    MAIN
\*-------------------------------f-----*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#71247f;
	text-decoration:none;
}
a:hover {
	color:#000;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:none;
}



/*------------------------------------*\
    STRUCTURE

font-family: 'Anton', sans-serif;
font-weight:400;
font-family: 'Luckiest Guy', cursive;
font-weight:400;

font-family: 'Poppins', sans-serif;

Light 300
Regular 400
Medium 500
SemiBold 600
Bold 700
ExtraBold 800
Black 800

\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1490px;
	width:100%;
	margin:0 auto;
}



h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif;
 margin: 0;color:#71247f; font-size:26px;line-height:1.2;  font-weight: 500;
}
h3.subtitel {color:#212120}

.title-box h2 {font-weight:700;font-size:32px}
.title-alt.title-box h2 {color:#2da896}

.banner h1{font-weight:800}
.banner h1 span {color:#71247f}



body {font-size:15px;line-height:1.5;font-family: 'Poppins', sans-serif;font-weight:400;color:#212120;}

p {margin:0 0 35px;}
p:last-child {margin:0}

.single-academie-sidebar p {margin-bottom:15px;}
.single-academie-sidebar p:last-child {margin:0;}

.title-box {margin-bottom:15px;}
.first-content-row .title-box {margin:0;}
.first-content-row .title-box h2 {color:#212120;font-weight:700;font-size:20px}
.with-title-desc h2 {margin-bottom:15px;}
.with-title-desc p {font-size:120%}

.flex-columns{    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}

.center-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;
}

.bottom-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;	
  -moz-align-items:flex-end;
  -ms-align-items:flex-end;
}


ol, ul, li {margin:0;padding:0;}
ul, ul li {list-style:none}

ol {    margin-left: 20px;}
ol, ul {margin-bottom:35px;}
ol:last-child, ul:last-child {margin-bottom:0;}

ul li {position:relative;padding-left:15px;position:relative;display:block;}
ul li:before {content:"";position:absolute;top:9px;left:0;width:5px;height:5px;border-radius:50%;background:#000;}


.textcenter, .text-center {text-align:center;}
.btn-center .btn {margin:0 auto;width:auto;}
.marginfix {margin-bottom:35px}
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}


.main-grey, .grey-background {background:#fbfbfb}
.content-row {padding:65px 0 35px}
.content-row:last-child {padding-bottom:80px}
.banner + .content-row,.academie-nav + .content-row {padding-top:75px}
.no-padding-bottom {padding-bottom:0}
.stappen-row {padding-top:120px;}

.media-holder > div {overflow:hidden;border-radius:6px;}
.media-holder img {width:100%;}
.media-holder a {display:block;}

.video-box { position: relative; padding-bottom: 56.25%;overflow: hidden;max-width: 100%;height: auto;    } 
.video-box iframe,.video-box object,.video-box embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%;   }
.video-url i {position:absolute;font-size:50px;line-height:1;left:calc(50% - 20px);top:calc(50% - 25px)}


.purple-background {background:#71247f;}
.green-background {background:#2da896;}
.alternate-background {background:#525273;}


.quote-content {text-align:center;    font-weight: 700;
    font-size: 32px;color:#fff}


.kolom-row .title-box {margin-bottom:50px}

.kolom-img {
    margin-bottom: 35px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 55%;
    border-radius: 10px;overflow:hidden;
}



.academie-box-img {overflow:hidden;position:relative;}

.kolom-img .overlay:before, .academie-box-img .overlay:before, .news-box-image .overlay:before {position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);}


.academie-box:hover .academie-box-content, .news-box:hover{border-bottom-color:#71247f}

.kolom-box:hover .overlay:before, .academie-box:hover .overlay:before, .news-box:hover .overlay:before   {    -webkit-animation: shine 1.5s;
    animation: shine 1.5s;}


@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}
.kolom-content h2 {
    font-size: 26px;
    margin-bottom: 20px;text-transform:none
}
.kolom-content h2 span, .kolom-content h2 b, .kolom-content h2 strong {font-weight:700}

.image-shape h3, .image-shape h3 strong, .image-shape h3 span, .image-shape h3 b{color:#fff;font-size:26px;font-weight:800;}
.image-shape {padding: 40px 20px 0;
    height: 120px;
    overflow: hidden;
    max-width: 250px;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;}

.image-shape:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(img/groene-driehoek.png);background-size:295px auto;background-repeat:no-repeat;background-position:right top;    z-index: -1;
    opacity: 0.7;}

@media screen and (min-width:767px){
	.kolom-row .medium-10:nth-child(1) {padding-right:40px}
	.kolom-row .medium-10:nth-child(2) {padding-left:40px;}
	
	
	.kolom-row .large-5:nth-child(1) {padding-right:25px}
	.kolom-row .large-5:nth-child(2) {padding-left:20px;padding-right:20px}
	.kolom-row .large-5:nth-child(3) {padding-left:20px;padding-right:20px}
	.kolom-row .large-5:nth-child(4) {padding-left:25px;}
	
}

@media screen and (min-width:992px){
	.kolom-row .medium-10:nth-child(1) {padding-right:60px}
	.kolom-row .medium-10:nth-child(2) {padding-left:60px;}
	
	.kolom-row .medium-third:nth-child(1) {padding-right:45px}
	.kolom-row .medium-third:nth-child(2) {padding-left:30px;padding-right:30px}
	.kolom-row .medium-third:nth-child(3) {padding-left:45px}
	
	.kolom-row .large-5:nth-child(1) {padding-right:65px}
	.kolom-row .large-5:nth-child(2) {padding-left:40px;padding-right:40px}
	.kolom-row .large-5:nth-child(3) {padding-left:40px;padding-right:40px}
	.kolom-row .large-5:nth-child(4) {padding-left:65px;}
}




.contactpersoon-box span {
    margin-right: 5px;
}
.contactpersoon-pasfoto {    margin-bottom: 25px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 75%;
    border-radius: 10px;background-color:#ddd}
.contactpersoon-box {font-size:14px}
.contactpersoon-box h3 {
    color: #212120;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 5px;
}
.contactpersoon-box p {margin-bottom:20px;}
.contactpersoon-box p:last-child {margin-bottom:0}
.contactpersoon-box ul, .contactpersoon-box li {padding:0;margin:0;list-style:none;display:block}
.contactpersoon-box li:before {display:none}
.contactpersoon-box a { color: #212120;}
.contactpersoon-box a:hover, .contactpersoon-box a:focus {color: #71247f;}

@media screen and (min-width:550px){
	.contactpersoon-row .medium-10:nth-child(1) {padding-right:35px}
	.contactpersoon-row .medium-10:nth-child(2) {padding-left:35px}
	.contactpersoon-row .medium-10:nth-child(3) {padding-right:35px;}
	.contactpersoon-row .medium-10:nth-child(4) {padding-left:35px}
	.contactpersoon-box {width:50%;}
}
@media screen and (min-width:992px){
	.contactpersoon-row .medium-10:nth-child(1) {padding-right:65px}
	.contactpersoon-row .medium-10:nth-child(2) {padding-left:40px;padding-right:40px}
	.contactpersoon-row .medium-10:nth-child(3) {padding-left:40px;padding-right:40px}
	.contactpersoon-row .medium-10:nth-child(4) {padding-left:65px}
	.contactpersoon-box {width:25%;}
}

.grey-background.content-row + .call-to-action:after {content:"";height:60px;width:100%;position:absolute;top:-60px;left:0;background: #fbfbfb;}
.content-row + .call-to-action {margin-top:60px}
.call-to-action {position:relative;padding:110px 0;background-size:cover;background-position:center center;background-color:#000000}
.call-to-action:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.2;z-index:1}
.call-to-action .wrapper {z-index:10;position:relative;}
.call-to-action h2 {font-family: 'Anton', sans-serif;color:#fff;text-transform:uppercase;line-height:1.2;font-size:66px;font-weight:400}
.call-to-action h2 strong, .call-to-action h2 span, .call-to-action h2 b {font-size:73px;font-weight:400}



.stappen-box {position:relative;z-index:10;}
.stappen-box h2 {    font-weight: 800;position:relative;}
.counter {
    color: #e7e7e7;
    line-height: 1;
    font-size: 100px;
    font-weight: 800!important;
    z-index: -1;
    position: absolute;
    left: -30px;
    top: -40px;
}

.txtmedia-row {position:relative;}
.absolute-image {min-height:300px;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative}

@media screen and (min-width:768px){
	.absolute-image {position:absolute;top:0;left:0;height:100%;}
	.right-image {left:auto;right:0;}
}


.onderwerp-row h2 {color:#2da896;font-size:26px;}

.faq-titel {    cursor: pointer;    position: relative;    padding: 20px 60px 20px 30px;    border: 1px solid #eaeaea;border-radius:6px;}
.faq-box {margin-bottom:25px;}
.faq-content {display:none;padding: 30px;    border: 1px solid #eaeaea;    border-radius: 0 0 6px 6px;border-top:none}
.faq-titel h3 {    font-size: 18px;    line-height: 1.3;    font-weight: 500;    color: #212120;}
.faq-titel span{position:absolute;width:26px;height:26px;top:calc(50% - 13px);right:20px;}
.faq-titel span:after {content:"";position:absolute;left:0;top:calc(50% - 2px);background:#eaeaea;width:100%;height:4px;}
.faq-titel span:before {content:"";position:absolute;top:0;left:calc(50% - 2px);background:#eaeaea;height:100%;width:4px;}


.faq-titel.active-faq span:after, .faq-titel.active-faq span:before{background:#fff;}
.faq-titel.active-faq span:before {top:50%;height:0;}
.faq-titel.active-faq h3 {color:#fff}
.faq-titel.active-faq {    background: #71247f;    border-color: #71247f;border-radius:6px 6px 0 0}



.faq-titel, .faq-titel span:before, .faq-titel span:after{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


.countdown-timer {display:flex;flex-wrap:wrap;margin-bottom:25px;max-width:450px}
.countdown-timer > div {width:calc(25% - 30px);margin:0 15px;text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    color: #212120;text-align:center;}

.countdown-timer > div > div {font-size:30px;font-weight:bold;border-radius:5px;border:1px solid #e9e9e9;padding:15px;display:flex;align-items:center;justify-content:center;color:#212120;margin-bottom:5px;}

@media screen and (max-width:768px){
	.countdown-timer > div {width:calc(25% - 10px);margin:0 5px}
	.countdown-timer {padding:0 15px}
	.countdown-timer > div > div {font-size:24px;}
}
/*------------------------------------*\
    CONTACT
\*------------------------------------*/
.title-box.contact-title {    margin-bottom: 50px;}
.contact-info h3 {    font-size: 22px;    color: #2da896;    margin-bottom: 35px;}
.contact-info h5 {    font-size: 16px;    color: #212120;    font-weight: 700;}


.contact-info ul, .contact-info li {padding:0;margin:0;list-style:none;}
.contact-info li:before {display:none}
.contact-info > ul > li {margin-bottom:25px}
.contact-info > ul ul > li {position:relative;padding-left:20px;} 
.contact-info > ul ul > li i {    position: absolute;    top: 6px;    left: 0;    font-size: 12px;}
.contact-info a { color: #212120; }
.contact-info a:hover, .contact-info a:focus { color: #2da896;}

ul.socials li {margin:0 10px!important;display:inline-block}
ul.socials li:first-child {margin-left:0!important}
ul.socials li:last-child {margin-right:0!important}

ul.socials a {color:#737373;font-size:25px;}
ul.socials a:hover, ul.socials a:focus {color: #2da896;}


.contact-content-row h2 {color: #2da896;}

.side-cta {overflow:hidden;position:relative;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#ccc;border-radius:6px;padding:60px 20px 40px;text-align:center;}

.side-cta, .side-cta a:not(.btn) {text-transform:uppercase;color:#fff;font-size:26px;}
.side-cta a:not(.btn) {font-size:32px;font-weight:700}
.side-cta > div {position:relative;z-index:100;}

.side-cta:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:#202020;opacity:.75}
.side-phone a, .side-phone {font-size:32px;font-weight:700;}
p.side-phone span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 27px;
}


form p {margin:0;}
form br {display:none}
form label, legend.gfield_label {    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    float: left;
    width: 100%;}
form:not(.custom-form) legend.gfield_label.gfield_label_before_complex {display:none!important}
.filter-side form label {font-weight:normal;margin-bottom:0}

form label span, form legend span {color:#71247f}
input, textarea, button, select {
	border:none;background:none;outline:none;
	    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

input[type="text"], input[type="email"], textarea, select, .ginput_container_select, input[type="password"], input[type="tel"], input[type="url"]  {
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    width: 100%;
    height: 50px;
    border: 1px solid #e5e5e5;
    background: #fff;
    margin-bottom: 25px;
    border-radius: 6px;padding-left:15px;width:100%;float:left;    color: #616161;font-size:14px
}
textarea {resize:none;height:125px;padding-top:10px;}
select {margin-bottom:0;background:none;border:none;}
.ginput_container_select select {padding-left:0}
.gform_fields input[type="text"], .gform_fields input[type="email"], .gform_fields textarea, .gform_fields select, .gform_fields .ginput_container_select, .gform_fields input[type="password"], .gform_fields input[type="url"], .gform_fields input[type="tel"] {margin-bottom:0}
.gform_heading {
    display: none;
}

.complex-custom .ginput_complex > span:first-child {float:left;width:calc(50% - 15px);}
.complex-custom .ginput_complex > span:last-child {float:right;width:calc(50% - 15px);}


span.password_input_container {
    float: left;
    width: 100%;
    position: relative;
}
button.gform_show_password {
    position: absolute;
    right: 0;
    top: 15px;
    right: 15px;
}


.alread-logged-in ul, .alread-logged-in ul li {padding:0;margin:0;list-style:none;display:block}
.alread-logged-in ul li:before {display:none}

.select-holder {
    display: block;
    max-width: 33.33333%;
    border: 1px solid #e5e5e5;
    background: #fff;
    margin-bottom: 25px;
    border-radius: 6px;
}


span.wpcf7-list-item {margin:0;margin-bottom:20px;}
input[type="checkbox"], input[type="radio"] {display:none}
input[type="checkbox"] + span, input[type="radio"] + span, input[type="checkbox"] + label, input[type="radio"] + label {display:block;position:relative;padding-left:30px;font-weight:normal}
input[type="checkbox"] + span:before, input[type="radio"] + span:before, input[type="checkbox"] + label:before, input[type="radio"] + label:before {position:absolute;left:0;top:0px;width:20px;height:20px;border: 1px solid #e5e5e5;content:"";border-radius:6px;}

.gchoice:last-child label {margin-bottom:0!important}


.form-content input[type="radio"] + label:before {top:2px;}
input[type="radio"]:checked + label:after{content:"";position:absolute;top:5px;left:3px;width:14px;height:14px;border-radius:6px;background:#2da896}
input[type="checkbox"] + label:before {top:2px}
input[type="checkbox"]:checked + label:after{content:"";position:absolute;top:5px;left:3px;width:14px;height:14px;border-radius:6px;background:#2da896}

.filter-deselector input[type="checkbox"]:checked + label:after {display:none}
.gfield_checkbox , .gfield_checkbox li {padding:0;margin:0;list-style:none}
.gfield_checkbox li:before {display:none!important}
/*input[type="checkbox"]:checked + span:before, input[type="radio"]:checked + span:before, input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before {border-color:#71247f;background:#71247f;border-radius:6px;}*/

.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid, .wpcf7-not-valid input[type="checkbox"] + span:before, .wpcf7-not-valid input[type="radio"] + span:before  {    border-color: #ff0000!important;}

.wpcf7-checkbox span.wpcf7-list-item:last-child {margin-bottom:25px;}

span.wpcf7-list-item {
    display: block;
}

form .wpcf7-list-item label span, .wpcf7-acceptance a {
    color: #212120;
}
.wpcf7-acceptance a {text-decoration:underline}


@media screen and (min-width:650px){
	.newsletter-form input[name="FNAME"], .newsletter-form input[name="LNAME"] {width:calc(50% - 15px);}
.newsletter-form input[name="FNAME"] {margin-right:30px}
.newsletter-form input[name="EMAIL"] {margin-right:30px;width:calc(100% - 175px)}
}

.newsletter-form .btn {
    width: 145px;
}


/*-----------------------------------*\
    FORMS
\*------------------------------------*/
select {border:none;margin-bottom:0;}


input[type="submit"]{    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;border:none}

input[type="submit"] {width:100%;max-width:380px}


 input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #212120;
}
 input[type="search"]::-moz-placeholder { /* Firefox 19+ */
  color: #212120;
}
 input[type="search"]:-ms-input-placeholder { /* IE 10+ */
  color: #212120;
}
 input[type="search"]:-moz-placeholder { /* Firefox 18- */
  color: #212120;
}


.gfield, .gform_fields, .gform_body, .gform_footer {	float: left;    width: 100%;position:relative}
.hidden_label label, .hidden_label legend {display:none}
input[type="text"] + label {display:none}

/*Select*/
.ginput_container_select {position:relative}
.ginput_container_select select {position:relative;z-index:10;background:none}
.ginput_container_select:before {font-family: "Font Awesome 5 Pro";
    color: #212120;
    font-weight: 400;
    content: "\f078";
    position: absolute;
    right: 15px;
    top: 17px;
    font-size: 11px;}

/*Date*/
.ginput_container_date {    float: left;position:relative;    width: 100%; border: 1px solid #212120;border-radius:10px;margin-bottom:25px;background:#fff}
.ginput_container_date input  {position:relative;z-index:10;background:none;margin:0;border:none}
.ginput_container_date:before  {font-family: "Font Awesome 5 Pro";color:#212120;    font-weight: 400;    content: "\f073";position:absolute;right:10px;top:10px}


/*Datepicker*/
.ui-state-disabled {
    opacity: 0.4;
}
table.ui-datepicker-calendar a {
    color: #191919;
}
table.ui-datepicker-calendar a:hover, table.ui-datepicker-calendar a:focus {color:#212120}

select.ui-datepicker-month, select.ui-datepicker-year {
    float: left;
    width: calc(50% - 10px);
    font-size: 15px;
    height: 40px;margin-bottom:5px
}
select.ui-datepicker-year {float:right}

.ui-timepicker-standard {
    font-family: 'Ubuntu', sans-serif;
    font-size: 18px;
    font-weight: 300;
    background-color: #FFF;
    border: none;
    color: #162f79;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 10%);
    border-radius: 0 0 10px 10px;
}
.ui-timepicker-standard a {
    border: none;
    color: #162f79;
    display: block;
    padding: 5px;
    padding-left: 30px;
    text-decoration: none;
    font-weight: 300;
    text-align: left;
    border-bottom: 1px solid #f9f9f9;
}
.ui-timepicker-standard .ui-state-hover {
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    font-weight: 400;
    color: #162f79;
}
div#ui-datepicker-div {
    background: #f1f1f1;
    padding: 25px;padding-bottom:15px;
 -webkit-box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 10%);
    border-radius:10px;
}
a.ui-datepicker-next.ui-corner-all {
    float: right; 
}
.ui-datepicker-header .ui-corner-all {display:none!important}
.ui-datepicker-header a {cursor:pointer}

table.ui-datepicker-calendar td {
    padding: 5px;
    text-align: center;
    width: 40px;
    height: 40px;font-size: 15px;
}
a.ui-state-default.ui-state-active {
    background: #212120;
    display: block;
    color: #fff!important;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    line-height: 1;
    padding-top: 7px;
    border-radius: 50%;
}
table.ui-datepicker-calendar th {
    color: #212120;   
}
.ui-datepicker-title {
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;

    font-size: 25px;
    color: #162f79;
}



fieldset.form-row {    border: none;    padding: 0;    margin: 0;margin-bottom:15}
fieldset.form-row:last-child {margin-bottom:25px}
label.gfield_consent_label {    color: #212120;position:relative;padding-left:50px;}
label.gfield_consent_label a {color: #212120;text-decoration:underline}
label.gfield_consent_label:before {width:34px;height:34px;border-radius:5px;background:#fff;border:1px solid #212120;position:absolute;content:"";left:0;top:calc(50% - 17px);}
.ginput_container_consent + .validation_message {    padding: 0;    left: 30px;}


/*Uploads*/
.gform_fileupload_rules {display:none}
.ginput_container_fileupload {    float: left;    width: 100%;}
.gform_drop_area {    text-align: center;    border: 4px dashed #f1f1f1;    padding: 30px 10px;    margin-bottom: 25px;}
span.gform_drop_instructions {    display: block;    margin: 0;    line-height: 1;}


.gform_button_select_files {-webkit-appearance:none;-moz-appearance:none;appearance:none;
    border: none;
    padding: 10px 19px;
    font-size: 15px;
    margin-top: 10px;
}

.ginput_preview {    float: left;    width: 100%;}
.ginput_preview:last-child {margin-bottom:25px}
button.gform_delete_file {
    border: none;
    background: none;
    padding: 0;
    vertical-align: middle;
    color: #03963e;
    font-size: 14px;
}
.ginput_preview strong {
    font-size: 16px;
    vertical-align: middle;
}
/*Validation*/
.validation_message {
    position: absolute;
    bottom: -5px;
    font-size: 13px;
    background: #fff;
    color: #ff0000;
    left: 5px;
    line-height: 1;
    padding: 0 12px;
}
.third-right .validation_message {
    left: 32px;
}
.ginput_container_radio + .validation_message {display:none!important}

.gfield_error input[type="checkbox"] + label:before, .gfield_error input[type="radio"] + label:before {    border: 1px solid #ff675f;}


span.gform-icon.gform-icon--close {    position: absolute;    border-radius: 50%;    left: 9px;    top: calc(50% - 13px);    font-weight: 400;    font-family: "Font Awesome 5 Pro";    font-size: 20px;color:#fff;}
span.gform-icon.gform-icon--close:before {content: "\f071";}
.gform_validation_errors h2 {    font-size: 14px;    font-weight: normal;    color: #fff;    padding-left: 45px;position:relative}
.gform_validation_errors {    float: left;    width: 100%;    padding: 15px;    margin-bottom: 25px;    background: #71247f;    color: #fff;}


.gfield_visibility_hidden {
    visibility: hidden;
    display: none;
}

label.gfield_consent_label + span.gfield_required.gfield_required_asterisk {
    display: none;
}

.gfield_password_strength {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1;
    padding: 10px 20px;
    color: #6c6c6c;font-weight:700;
	position:relative;z-index:1
}
.gfield_password_strength:before {content:"";z-index:-2;position:absolute;top:0;left:0;width:100%;height:100%; background: #fafafa;}
.gfield_password_strength:after {content:"";z-index:-1;position:absolute;top:0;left:0;width:0;height:100%;}

.gfield_password_strength.short, .gfield_password_strength.bad, .gfield_password_strength.good, .gfield_password_strength.strong {color:#fff}

.gfield_password_strength.short:after {width:25%;background: #ff2121;}
.gfield_password_strength.bad:after {width:40%;background: #ff2121;}
.gfield_password_strength.good:after {width:60%;    background: #ffad21;}
.gfield_password_strength.strong:after {width:100%;        background: #2da896;}

.form-row.password-row .validation_message {bottom:40px}
.with-max-char .validation_message {bottom:20px}

.form-row {width:100%;margin-bottom:15px;}
.form-content .form-row {margin-bottom:25px}
.form-row-margin-top {margin-top:25px}
.half-form-row-right .validation_message {left:27px}
 

.half-form-row, .form-row-half, .ginput_container_password > span, .form {width:50%;    float: left;}
.half-form-row-left, .form-row-half-left, .ginput_container_password .ginput_left {    padding-right: 15px;}
.half-form-row-right, .form-row-half-right, .ginput_container_password .ginput_right {    padding-left: 15px;}

.form-row-third {width:33.3333%;}
.third-left, .half-left {padding-right:20px!important;}
.third-right,.half-right {padding-left:20px!important;}
.third-middle {padding-left:10px!important;padding-right:10px!important;}

/*------------------------------------*\
    User forms
\*------------------------------------*/

.custom-form .gf_progressbar_title{color: #616161;font-size: 14px;font-weight: 700;display:block;margin-bottom:8px;}
.custom-form .gf_progressbar {display:none}

.registratie-vrijwilliger .gf_progressbar_title:before {content:"Vrijwilligers account  → "}
.registratie-burenhulp .gf_progressbar_title:before {content:"Burenhulp account  → "}




.custom-form h3 {    color: #2a9e8d;}
.custom-form h3 {    margin-bottom: 16px;    font-size: 32px;    font-weight: 700;}

.custom-form .gfield, .custom-form .gform_fields, .custom-form .gform_body, .custom-form .gform_footer {    float: none;display: flex;
    flex-wrap: wrap;}

.custom-form .gfield.gfield--type-html {display:block;}
.custom-form .gfield.gfield--type-html > * {width:100%;}

.custom-form .gform_fields {    display: flex;    gap: 24px 0;    flex-wrap: wrap;margin-left:-16px;margin-right:-16px}
.custom-form .gform_fields .kolom-derde {width:33.3333%}
.custom-form .gform_fields .kolom-derde.kolom-fill {    margin-right: 33.3333%;}
.custom-form .gform_fields .kolom-tweederde {width:66.6667%;margin:0;}
.custom-form .gform_fields > div {padding:0 16px;}
.custom-form fieldset {border:none;padding:0;margin:0;padding:0 16px;}
.custom-form fieldset.gfield--type-consent, .custom-form .gform_fields .gfield--type-mailchimp {display:block;padding-left:56px;}

.custom-form fieldset.gfield--type-consent input[type="checkbox"] + label, .custom-form .gfield--type-mailchimp input[type="checkbox"] + label{padding-left:0;margin:0;}
.custom-form fieldset.gfield--type-consent input[type="checkbox"] + label:before, .custom-form .gfield--type-mailchimp input[type="checkbox"] + label:before {width:24px;height:24px;left:-40px;top:-1px}
.custom-form fieldset.gfield--type-consent input[type="checkbox"]:checked + label:after, .custom-form .gfield--type-mailchimp input[type="checkbox"]:checked + label:after  {width: 12px;height: 12px;border-radius: 3px;background: #71247F;    left: -34px;}
.custom-form .gfield_consent_description, .custom-form .gfield_description {font-size:9px;margin-top:6px;display:block}


.custom-form .ginput_password label {    display: block !important;}
.custom-form .ginput_container {    width: 100%;}

.custom-form .gform-page-footer, .custom-form .gform_footer {display:flex;gap:24px;margin-top:24px;}
.custom-form input[type="submit"] {width:auto;max-width:none}

.checkbox-buttons input[type="checkbox"] + label {line-height:1;margin:0;color: #1E1E1E;cursor:pointer;font-size: 14px;font-weight: 400;border-radius: 4px;border: 1px solid #D4D4D4;background: #FFF;	display: flex;padding: 16px;align-items: center;gap: 24px;}
.checkbox-buttons input[type="checkbox"] + label:before, .checkbox-buttons input[type="checkbox"] + label:after {display:none!important}
.checkbox-buttons input[type="checkbox"]:checked + label {background: rgba(45, 168, 150, 0.10);color:#616161;border-color:#2DA896}
.checkbox-buttons .gfield_checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
}



.custom-form .ginput_container_fileupload {position:relative;    width: 230px;}
.custom-form .ginput_container_fileupload input {position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    text-indent: -99999px;}


.custom-form .image-preview {width:100%;padding-bottom:100%;position:relative;border-radius:8px;overflow:hidden;background-color:#f7f7f7}
.custom-form .image-preview img {width:100%;height:100%;object-fit:cover;top:0;left:0;width:100%;height:100%;position:absolute;}



/*------------------------------------*\
    Downloads
\*------------------------------------*/
.downloads-holder {display:flex;flex-wrap:wrap;gap:16px}

.download-group {width:100%;border-radius: 8px;border: 1px solid #F3F3F3;background: #FFF;padding:32px}
.content-row:not(.grey-background) .download-group { background: #fbfbfb;}

.download-group h3 {    font-size: 20px;    font-weight: 600;}
.download-group ul, .download-group li {padding:0;margin:0;list-style:none;display:block;}
.download-group li:not(:last-child){margin-bottom:16px;}
.download-group li:before {display:none!important}
.download-group .download-item a, .download-group .download-item h3 {color: #1E1E1E;font-size:15px;}
.download-group .download-item a {text-decoration:underline;position:relative;padding-left:25px;}
.download-group .download-item a svg {position:absolute;left:0;top:3px;}
.download-group .download-item a:hover, .download-group .download-item a:focus {    color: #71247f;}
.download-group .download-item h3:not(:last-child){margin-bottom:8px;}

.selected-download-group > h3 {margin-bottom:24px;}

.selected-download-group.dropdown > h3 {margin:0;position:relative;padding-left:30px;}
.selected-download-group.dropdown > h3:before {border-radius:4px;content:"";position:absolute;width:14px;height:2px;background:#1E1E1E;left:0;top:11px;}
.selected-download-group.dropdown > h3:after {border-radius:4px;content:"";position:absolute;height:14px;width:2px;background:#1E1E1E;    left: 6px;    top: 5px;}
.selected-download-group.dropdown ul {display:none;margin-top:24px}
.selected-download-group.dropdown > h3.active:after {display:none}


.pdf-icon {width:17px;height:auto}
.img-icon {width:19px;height:auto}
.doc-icon {width:15px;height:auto}


@media screen and (max-width:992px){
	.download-group {padding:24px;}
}
@media screen and (max-width:767px){
	.download-group {padding:16px;}
	.selected-download-group > h3 {margin-bottom:16px;}
	.selected-download-group.dropdown ul {margin-top:16px;}
	.download-group h3 {font-size:17px;}
	.selected-download-group.dropdown > h3:after {top:3px;}
	.selected-download-group.dropdown > h3:before {top:9px}
}




/*------------------------------------*\
    POPUP Fancybox
\*------------------------------------*/
div#form-popup h3, .custom-popup h3 {margin-bottom:16px;font-size:32px;font-weight:700}
div#form-popup, .custom-popup {    padding: 60px;max-width:650px;    border-radius: 16px;}
div#form-popup .vacature-form {border:none;padding:0;}

.fancybox-close-small {    width: 26px;    height: 26px;    padding: 3px !important;    color: #fff;    background: #000;    border-radius: 50%;    top: 20px !important;    right: 20px !important;}
.fancybox-close-small svg path {fill:#fff;}

.custom-popup p:not(:last-child), .custom-popup ul:not(:last-child){margin-bottom:16px;}

.account-popup h3{    color: #2a9e8d;}
.account-popup {max-width:1170px;width:100%;}

.account-popup a:not(.btn) {text-decoration:underline;color:#212120}
.account-popup a:not(.btn):hover{    color: #2a9e8d;}


.register-boxes {display:flex;width:100%;flex-wrap:wrap;margin-bottom:32px;gap:32px;margin-top:32px}
.register-boxes > div {width:50%;border-radius: 16px;border: 1px solid #E5E5E5;background: #F8F8F8;padding:32px;flex:1}
.custom-popup .register-boxes h3 {font-size:20px;}
.register-boxes .btn {margin-bottom:16px}

@media screen and (max-width:992px){
	div#form-popup h3, .custom-popup h3 {font-size:26px}
	div#form-popup, .custom-popup  {padding:40px;}
	.fancybox-close-small {top:15px!important;right:15px!important}
	
	.register-boxes > div {padding:24px;}
	.custom-popup .register-boxes h3 {font-size:18px;}

}
@media screen and (max-width:767px){
	div#form-popup h3, .custom-popup h3  {font-size:23px}
	div#form-popup, .custom-popup   {padding:24px;border-radius:8px;}
	.fancybox-close-small {top:10px!important;right:10px!important}
	.register-boxes > div  {border-radius:8px}
}
/*------------------------------------*\
    VACATURES
\*------------------------------------*/
.categorie-slider {margin-top:40px}
.categorie-slide {position:relative;    padding: 0 25px;text-align:center}
.categorie-slide h3 {color:#2eac9a;font-size:30px;font-weight:normal!important;font-family: 'Luckiest Guy', cursive;}
.categorie-slide:hover h3 {    color: #71247f;}
.categorie-slide .read-more {font-size:14px;color:#151913;font-weight:700}
.categorie-slide .read-more:after{    content: "\203A";
    margin-left: 10px;}
.categorie-slide:hover .read-more {color:#2eac9a}


.categorie-slide > div > div {position:relative;}

.bedrijfs-vacatures-titel {    margin-bottom: 30px;}
.bedrijfs-vacatures-titel h2 {    color: #2da896;    font-size: 28px;margin-top:25px;}

.vacature-box > div {border-radius: 6px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f3f3f3;
    border-bottom: 3px solid #f3f3f3;
    padding: 40px 30px;position:relative}

.vacature-box:hover  > div{ border-bottom:3px solid  #71247f;  -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.05);
box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.05);}

.vacature-box.vacature-cta:hover  > div {
	border: 1px solid #f3f3f3;
    border-bottom: 3px solid #f3f3f3;
}




.vacature-box h2 {margin-bottom:20px}
.vacature-box-content {margin-bottom:25px}

.vacature-box-container {width:calc(100% - 270px);}
.vacature-box-bedrijf,.vacature-box-contact {width:270px;float:right}
.vacature-box-bedrijf-img {
    width: 70%;
	max-width:200px;float:right;
        height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;position:relative;
}
.vacature-box-contact {text-align:right}
.vacature-box-info ul, .vacature-box-info li {padding:0;margin:0;list-style:none;display:inline-block}
.vacature-box-info li {margin-right:7px;padding-right:15px}
.vacature-box-info li:before {left:auto;right:0;    top: 10px;}
.vacature-box-info li:last-child:before {display:none}

li.locatie {padding-left:25px}
li.vacature-tijd {padding-left:30px!important}
li.vacature-calendar {padding-left:30px!important}

li.vacature-aantal {padding-left:30px}
.vacature-aantal:after {    font-family: Linearicons-Free;    content: "\e84c"; speak: none;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: -6px;
    color: #2da896;
    font-size: 21px;}

.banner .locatie:after, .banner li.vacature-tijd:after, .banner li.vacature-calendar:after {color:#fff}
.locatie:after {
font-family: 'Linearicons-Free';
    content: "\e833";
    speak: none;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: -4px;
    color: #2da896;
    font-size: 21px;
}
li.vacature-tijd:after {
font-family: 'Linearicons-Free';
        content: "\e864";
    speak: none;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: -4px;
    color: #2da896;
    font-size: 21px;
}
li.vacature-calendar:after {
font-family: 'Linearicons-Free';
        content: "\e836";
    speak: none;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: -4px;
    color: #2da896;
    font-size: 21px;
}



.vacature-info > div {margin-bottom:35px}
.vacature-info > div:last-child {margin-bottom:0}

.vacature-info ul li:before {
    background: #2ea895;
    top: 10px;
}
ul.praktische-informatie, ul.praktische-informatie li {padding:0}
ul.praktische-informatie > li {margin-bottom:5px}
ul.praktische-informatie li:before {display:none!important}
ul.praktische-informatie, ul.praktische-informatie  li {float:left;width:100%;}
ul.praktische-informatie  li li:first-child {width:460px}
ul.praktische-informatie  li li:last-child {width:calc(100% - 460px)}
.vacature-btns .btn {margin-right:30px;margin-bottom:15px}


.vacature-sidebar h3, .cadeau-form-titel h3 {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    padding: 25px;
    background: #71247f;
    border-radius: 5px 5px 0 0;
}
.vacature-form, .cadeau-form {
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f3f3f3;
    border-bottom: 3px solid #f3f3f3;
    padding: 30px 25px;
    border-top: none;
}

.vacature-cta > div  {background: #2da896;}
.vacature-cta, .vacature-cta h2 {color:#fff}
.vacature-cta .vacature.white {    color: #7d3d89;    background: #fff;border-color:#f3f3f3}
.vacature-cta .btn.white:hover, .vacature-cta .btn.white:focus {     background: #71247f;
    color: #fff;
    border-color: #500865;}

.box-with-link {width:calc(100% - 240px);}
.box-with-link + div {width:240px;text-align:right;}



.organisatie-cta > div {background:#7d3d89}

.organisatie-cta .btn.white {    color: #7d3d89;    background: #fff;border-color:#500865}
.organisatie-cta .btn.white:hover, .organisatie-cta .btn.white:focus {    border-color: #218274;	background: #2da896;color:#fff;}
.organisatie-cta:hover > div {	border-bottom: 3px solid #2da896;}


.vacature-slider-row {overflow:hidden}
.vacature-slider-row .slick-list {overflow:visible}
.vacature-slider .vacature-box {width:900px}


/*------------------------------------*\
    vacature-popup
\*------------------------------------*/
.vacature-archief-popup  {opacity:0;width:100%;max-width:300px;padding:20px;bottom:15px;left:-300px;display:block;position:fixed;z-index:9999;border-radius:10px;background:#fff;box-shadow:0 1px 10px rgb(0 0 0 / 47%);} 
.vacature-archief-popup h4 {  padding-right:10px;  color: #71247f;font-size:18px;margin-bottom:5px;font-weight:500}
.vacature-archief-popup a {color:#2da896;text-decoration:underline}
.vacature-archief-popup a:hover, .vacature-archief-popup a:focus {color: #71247f;}
.popup-close {cursor:pointer;position:absolute;top:10px;right:10px;width:14px;height:14px;}
.popup-close:before {content:"";position:absolute;top:0;left:5px;width:2px;height:100%;transform:rotate(45deg);background:#888888}
.popup-close:after {content:"";position:absolute;top:0;left:5px;width:2px;height:100%;transform:rotate(-45deg);background:#888888}

.vacature-archief-popup.active {left:15px;opacity:1;}
.vacature-archief-popup{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

/*------------------------------------*\
    SLIDERS
\*------------------------------------*/
.slick-slide {border:none;outline:none}
.slider-arrow {
    width: 44px;
    height: 44px;
    position: absolute;
    border-radius: 50%;
    background: #2eac9a;
    color: #fff;
    top: calc(50% - 22px);
    cursor: pointer;
    z-index: 100;
    text-align: center;
    padding-top: 12px;
    /* font-weight: bold; */
}
.slider-arrow.slider-arrow-next {right:-50px}
.slider-arrow.slider-arrow-prev {left:-50px}
.slider-arrow:hover , .slider-arrow:focus {background:#71247f}

.slider-arrow.slick-disabled {opacity:0}


@media screen and (max-width:1600px){
	.categorie-slider {    padding: 0 50px;}
	.slider-arrow.slider-arrow-prev {    left: 0;}
	.slider-arrow.slider-arrow-next {right:0}
}

/*------------------------------------*\
    Organisaties / vrijwilligers
\*------------------------------------*/
.author-banner li:before, .single-vacatures .banner li:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    left: auto;
    right: -24px;
    top: 10px;
    display: block!important;
}
.author-banner li:last-child:before, .single-vacatures .banner li:last-child:before  {display:none!important}


.bedrijfs-logo {
    text-align: center;
    padding: 30px 20px 30px 60px;position:relative
}



.bedrijfs-logo img {
    max-width: 100%;
    width: auto;
    max-height: 120px;
    display: block;
    margin: 0 auto;
}
.bedrijfs-banner {
    height: 250px;
    background-size: cover;
    background-position: center center;
    position: relative;
    background-color: #f1f1f1;overflow:hidden;
}
.bedrijfs-logo-holder {
    width: 300px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;z-index:2;

}
.bedrijfs-logo-holder:before {
    width: 400px;
    height: 400px;
    content: "";
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 200px);
    left: 0;
    z-index: -1;
}
.bedrijfs-logo-holder:after {
    width: 400px;
    height: 400px;
    content: "";
    background: #2da896;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 220px);
    left: -6px;
    z-index: -2;
}

.bedrijfs-info {
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f3f3f3;
    border-bottom: 3px solid #f3f3f3;
    padding: 40px 30px;
}

.bedrijfs-info h3 {
    color: #2da896;
    font-size: 22px;
    margin-bottom: 20px;
}
.bedrijfs-info h2 {
    margin-bottom: 30px;
}
.bedrijfs-info h2:last-child {margin-bottom:5px}
.bedrijfs-navigation {
    overflow: hidden;
    background: #fff;
    border: 1px solid #f3f3f3;
    border-bottom: none;
    border-top: none;
    padding: 25px 15px;
}
.bedrijfs-navigation , .bedrijfs-navigation a{font-size:14px;color:#888888}
.bedrijfs-navigation li:before {display:none}
.bedrijfs-navigation > div:last-child {text-align:right;}





.vrijwilliger-contantainer {    max-width: 600px;}
.vrijwilliger-content {background:#fff;padding:25px;}
.vrijwilliger-content ul li {padding:0;}
.vrijwilliger-content ul li:before {display:none}

.vrijwilliger-content > ul > li {margin-bottom:25px;}
.vrijwilliger-content h4 {font-size:16px}
.vrijwilliger-content > ul > li li {margin:0;}


.vrijwilliger-box-container {display:flex;flex-wrap:wrap;}
.vrijwilliger-box-image {width:170px;}
.vrijwilliger-box-image img{width:100%;height:110px;object-fit:cover;}
.vrijwilliger-box-contact {display:flex;align-items:center;justify-content:center;width:190px;position:relative;border-left:1px solid #F3F3F3}


.vrijwilliger-box > div {padding:0;}
.vrijwilliger-box > div > div {padding:30px;}
.vrijwilliger-box-content {    width: calc(100% - 360px);    padding-left: 0!important;}
.vrijwilliger-box h2 {font-size:24px;font-weight:600;margin-bottom:5px}
.vrijwilliger-box p {margin-bottom:16px}
.vrijwilliger-box p:last-child {margin-bottom:0}






.vrijwilliger-box-info {padding:30px!important;border-radius: 0 0 6px 6px!important;background: #F3F3F3!important;}





.vrijwilliger-toggle-btns {display:flex;flex-wrap:wrap;gap:16px;width:100%}

button.vrijwilliger-toggle-btn {
    padding: 0;
    border-radius: 4px;
    background: #F3F3F3;
    padding: 8px 16px;
    border: 1px solid #F3F3F3;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
button.vrijwilliger-toggle-btn:hover, button.vrijwilliger-toggle-btn.active {border: 1px solid #2DA896;background: rgba(45, 168, 150, 0.10);}


.vrijwilliger-box-info {display:none}
.vrijwilliger-box-info h3 {display:flex;gap:8px;align-items:center;font-weight:700;color:#1E1E1E;font-size:15px;margin-bottom:10px;}
.vrijwilliger-box-info ul, .vrijwilliger-box-info li {padding:0;margin:0;list-style:none;}
.vrijwilliger-box-info ul {display:flex;gap:8px;flex-wrap:wrap}
.vrijwilliger-box-info li {line-height:1;color: #616161;font-size: 12px;font-weight: 400;border-radius: 4px;border: 1px solid #E5E5E5;background: #FFF;padding: 16px 24px;}
.vrijwilliger-box-info li:before {display:none}


.vrijwilliger-box.active > div:not(.vrijwilliger-box-info) {    border-radius: 6px 6px 0 0;    border-bottom: 3px solid #f3f3f3;}


.btn.direct-contact-vrijwilliger.purple.mobile {display:none!important;
    padding: 8px 16px;
    align-items: center;
    display: flex;min-height:41px;
} 

@media screen and (max-width:1400px){
	.vrijwilliger-box h2 {		font-size: 20px;}
	.vrijwilliger-toggle-btns {gap:8px}
}
@media screen and (max-width:1150px){
	.vrijwilliger-box-contact {   display:none}
	.btn.direct-contact-vrijwilliger.purple.mobile {display:flex!important}
	.vrijwilliger-box-content {		width: calc(100% - 170px);}
}
@media screen and (max-width:550px){
	.vrijwilliger-box-image {width:100%;padding-bottom:15px!important}
	.vrijwilliger-box-image img {height:110px;width:110px;}
	.vrijwilliger-box-content {width:100%;padding-left:20px!important;padding-right:20px;padding-top:0!important;}
}
/*------------------------------------*\
    POSTS
\*------------------------------------*/
.pagination {text-align:center}
.page-numbers {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #e5e5e5;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    color: #a6a6a6;
    font-size: 14px;
    line-height: 1;
    padding-top: 12px;
    margin: 0 3px;
}
a.page-numbers:hover, a.page-numbers:focus, .page-numbers.current {background:#2da896;color:#fff}

.news-box-holder {margin-bottom:60px;}
.news-box {
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f3f3f3;border-bottom:3px solid #f3f3f3
}
.news-box-image {position:relative;padding-bottom:55%;background-size:cover;background-position:center center;background-color:#f3f3f3;border-bottom:1px solid #f3f3f3;}

.news-box-titel, .news-box-content, .news-box-btn {padding:25px 35px;border-bottom:1px solid #f3f3f3;}
.news-box-content, .news-box-btn {border:none;}
.news-box-btn {padding-top:0;padding-bottom:35px}

.news-box-titel h2 a {
    font-weight: normal;
    font-size: 22px;
    color: #71247f;
}
.news-box-titel h2{ margin-bottom: 10px;}
.news-box-titel ul, .news-box-titel li {padding:0;margin:0;list-style:none;}
.news-box-titel li {display:inline-block;margin-right:15px;padding-left:25px;}
.news-box-titel li span {position:absolute;top:3px;left:0;color:#2da896}

.news-box-titel li:last-child {margin-right:0}
.news-box-titel li:before {display:none}

.term-label {background:#fff;border:1px solid #f3f3f3;border-right:none;position:absolute;right:0;top:25px;font-size:16px;color:#545454;font-weight:800;padding:15px 30px;line-height:1;text-transform:uppercase;border-radius:6px 0 0 6px;}


.post-content .title-box.single-first-title-box h2 {font-size:26px;font-weight:normal}
.post-content .title-box h2 {    font-size: 22px;    margin-bottom: 10px;}
.post-content {padding:55px 25px 5px;background:#fff;border: 1px solid #f3f3f3;border-bottom:3px solid #f3f3f3;border-radius:6px}

.single-first-title-box {margin-bottom:25px}
.single-first-title-box ul, .single-first-title-box  li {padding:0;margin:0;list-style:none;}
.single-first-title-box li:before {display:none}
.single-first-title-box li {padding-left:25px;margin-right:15px;display:inline-block}
.single-first-title-box span {top:3px;left:0;color:#2da896;position:absolute}



.post-content .margin-fix, .post-content .marginfix {margin-bottom:25px}


.search-box .news-box-content{padding-top:0;}
.search-box .news-box-titel {padding-bottom:0;border-bottom:none}



/*------------------------------------*\
    TALENTSCAN
\*------------------------------------*/
.form-step {
    display: none;
}

.form-step.active {
    display: block;
}

.option-card {
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
}

.form-step .title-box {margin-bottom:24px;}
.form-step .title-box h2:not(:last-child) {margin-bottom:24px}

.talentscan-popup {width:100%;max-width:960px}

.talentscan-pagination {font-size:14px;font-weight:700;color: #616161;margin:0;}

.talentscan-popup .btn-list {display:flex;gap:12px 24px;}

#talentscan-popup form label {float:none;margin:0;}

.option-cards {display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;margin-bottom:24px}

.step-1-options .option-card {width:220px}
.step-2-options .option-card {width:170px}


#talentscan-popup .option-buttons {    width: auto;}


.option-card > div {
	width:100%;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    background: #fff;
    padding: 16px 24px;text-align:center;font-size:12px;font-weight:400;color:#616161;height:100%;
}

.option-card input:checked + div {border: 1px solid #2DA896;    background: rgba(45, 168, 150, 0.10);}


.option-image {position:relative;height:120px;width:100%;margin-bottom:16px;}
.option-image img {position:absolute;left:0;bottom:0;max-width:100%;width:auto;height:auto;max-height:100%;object-fit:contain;left: 50%;
    transform: translate(-50%,0);}


.custom-popup .option-card h3 {    color: #616161;    font-size: 12px;margin-bottom:16px;}
.custom-popup .option-card h3:last-child {margin-bottom:0;}
.custom-popup .option-buttons h3 {margin:0!important}

#talentscan-popup form label[hidden] {
    display: none;
}

.custom-popup .btn[disabled] {opacity:.3}



.talentscan-profiel {margin-bottom:32px;}
.talentscan-profiel > div {background: #F4F4F4;padding:32px;flex:1;display:flex;flex-wrap:wrap;align-items:center;}
.talentscan-profiel > div > div:last-child:not(:first-child) {margin-top:24px}
.talentscan-profiel h3:first-child {font-size:18px;margin-bottom:12px}
.talentscan-profiel img {width:100%;height:auto;background-color:#fff;}

#talentscan-vacatures {display:none}
.profiel-end-btns {display:flex;flex-wrap:wrap;gap:12px 24px;}



@media screen and (min-width:768px){
	.talentscan-profiel >div > div:first-child:not(:last-child) {padding-right:15px;}
	.talentscan-profiel >div > div:last-child:not(:first-child)  {padding-left:15px;}
}


/*------------------------------------*\
    CADEAU
\*------------------------------------*/
.cadeau-content .title-box h2 {color:#2da896}

.cadeau-box .news-box-titel {padding-bottom:0;border:none}
.cadeau-box .news-box-content {padding-top:0;}
.cadeau-content.archive-cadeau-content {width:100%}
/*------------------------------------*\
    FILTERS

\*------------------------------------*/
.cadeau-content {padding-right:45px}
.vacature-sidebar, .archive-filters, .single-academie-sidebar, .cadeau-sidebar {width:360px}
.vacature-content, .archive-index, .single-academie-content-holder, .cadeau-content {width:calc(100% - 360px)}

.archive-index-search h2 {
    color: #212120;
    font-size: 22px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f9f9f9;
}
.archive-index-search h2 span{    color: #71247f;}
.archive-index-search > div{    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f3f3f3;
    border-bottom: 3px solid #f3f3f3;
    padding: 30px 30px 20px;
    position: relative;}


.archive-filters h4 {  font-size: 22px;margin-bottom:10px;    padding-right: 20px;position:relative}
.archive-filters h4.close-nav {margin-bottom:0}

.filter-side h4 { cursor:pointer; }
.filter-side .parent-filter h4 {    color: #888888;font-size:14px;font-weight:bold}

.filter-side h4:after, .filter-side h4:before {width:8px;height:2px;background:#71247f;content:"";position:absolute;right:0;top:calc(50% - 1px)}
.filter-side h4:after {width:2px;height:8px;top:calc(50% - 4px);right:3px;opacity:0;}
.filter-side h4.close-nav:after {opacity:1;}

.archive-filters h4:last-child {margin-bottom:0}
.filter-side {    border-radius: 6px;    overflow: hidden;    background: #fff;    border: 1px solid #f3f3f3;    border-bottom: 3px solid #f3f3f3;    padding: 30px 30px 0;    position: relative;    margin-bottom: 35px;}
.filter-side .marginfix {margin-bottom:30px}

.hulp-box {border-radius: 6px;    overflow: hidden;  border: 1px solid #ececec;    border-bottom: 3px solid #ececec;    padding: 30px;    position: relative;    margin-bottom: 35px;background:#f5f5f5}

.hulp-box ul, .hulp-box li {padding:0;margin:0;list-style:none;font-size:14px;}
.hulp-box li a{color:#212120;font-size:14px;}
.hulp-box li a:hover, .hulp-box li a:focus {    color: #71247f;}
.hulp-box li:before {display:none}



.filter-list li:before {display:none!important}
.filter-list, .filter-list li,.filter-list ul {padding:0;margin:0;list-style:none;display:block}
.filter-list li {margin-bottom:5px;}


li.parent-filter > label {
    font-weight: 600;
}
li.parent-filter, .filter-list .sub-filter { margin-top: 5px;}
li.parent-filter {    margin-top: 15px;}

.filter-list .sub-filter {    margin-bottom: 15px;}
.filter-list li:last-child .sub-filter {margin-bottom:0}


li.parent-filter  > input:checked + label {    color: #71247f;}

.filter-list label {float:none!important;font-size:14px;color:#888888;position:relative;padding-left:30px;display:block;}
.filter-list label:before{border:1px solid #d4d4d4;content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-radius:6px;}
.filter-list input[type="checkbox"]{display:none}
.filter-list input:checked + label:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:6px;background:#2da896}
.filter-list input + label:before {top:0}

.filter-search {
    display: block;
    position: relative;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #d4d4d4;
}
.filter-search span {
    position: absolute;
    font-size: 25px;
    color: #d4d4d4;
        top: 8px;
    left: 8px;z-index:1;
}
.filter-search input {-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;position:relative;z-index:10;height:40px;padding-left:40px;background: none;    border: none;margin:0;float:none}



.filter-list .dropdown-close {display:none}
.dropdown-close-clicker {
    font-size: 15px;
    color: #2da896;
    text-decoration: underline;
    display: block;
    cursor: pointer;
}

.filter-label {display:block!important;margin-right:10px;    padding-top: 3px;}
.filter-label > span {
    color: #2da896;
    font-size: 34px;
    vertical-align: middle;
    margin-right: 5px;
}


.filter-deselector input[type="checkbox"], .filter-deselector {display:none}
.filter-deselector label {width:auto;padding:15px;background:#fbfbfb;cursor:pointer;boder:1px solid #d4d4d4;}
.filter-deselector {float:left;margin-right:10px;margin-bottom:10px}
.filter-deselector label {
    width: auto;
    padding: 11px 35px 11px 15px!important;
    background: #fbfbfb;
    cursor: pointer;
    border: 1px solid #d4d4d4;
    border-radius: 6px;
    font-size: 14px;
    color: #212120;
    position: relative;
    display: block;
    line-height: 1;
}


.filter-deselector input[type="checkbox"] + label:before {
    content: "\e870";
    font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 11px;
    top: 10px;
    color: #3cae9d;
    font-size: 16px;left:auto;border:none;width:auto;height:auto;
}


.post-type-archive-academie .archive-index-search, .academie-filters .archive-index-search{padding:0;}
.post-type-archive-academie .archive-index-search > div, .academie-filters .archive-index-search > div {
    padding: 0;
    background: none;
    border: none;
}

.post-type-archive-academie .archive-filters , .academie-filters.archive-filters{width:100%}
.post-type-archive-academie .filter-top h2,  .post-type-archive-academie .filter-top h4,
.academie-filters .filter-top h2,  .academie-filters .filter-top h4{font-size:22px;padding:0;margin:0 0 10px;border:none}
.post-type-archive-academie .filter-top h2,  .post-type-archive-academie .filter-top h4{color:#2da896}


.post-type-archive-academie .archive-index, .academie-filters .archive-index, .academie-filters + .archive-index, .academie-index .archive-index{    width: 100%;}


.filter-buttons, .filter-buttons li {padding:0;margin:0;list-style:none;display:inline-block}
.filter-buttons {display:block;float:left;width:100%; display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}
.filter-buttons li:before {display:none}
.filter-buttons input[type="checkbox"] {display:none}
.filter-buttons li {float:left;margin-right:20px;margin-bottom:10px;}
.filter-buttons:first-child {margin-bottom:10px;}

.filter-buttons li.parent-filter > label {    font-weight: normal;}
.filter-buttons label, .filter-buttons a {
    display: block;
    font-size: 14px;
    color: #212120;
    padding: 10px 20px!important;
    font-weight: normal;
    border: 1px solid #d4d4d4;
    border-radius: 6px;
    cursor: pointer;
}
.filter-buttons label:before, .filter-buttons label:after {display:none!important}

.filter-buttons label:hover, .filter-buttons .active-filter >  label, .filter-buttons .active-parent >  label, .filter-buttons li > input:checked + label, .filter-buttons a:hover, .filter-buttons a.active{background:#2da896;color:#fff}

.bodytype-mantelzorg .filter-buttons label:hover, .bodytype-mantelzorg .filter-buttons .active-filter > label, .bodytype-mantelzorg .filter-buttons .active-parent > label, .bodytype-mantelzorg .filter-buttons li > input:checked + label,
.bodytype-mantelzorg .filter-buttons a:hover, .bodytype-mantelzorg .filter-buttons a:focus, .bodytype-mantelzorg .filter-buttons a.active
{background:#0074BA}

.sub-filter-buttons li {display:none}

.academie-box h2 {
    font-size: 22px;
    margin-bottom: 20px;
}
#academie-filter > div:nth-child(2){
	width:calc(100% - 240px);
}
#academie-filter > div:nth-child(1){
 width:240px;	
} 

.academie-box {margin-bottom:50px}
.academie-box-img {
    padding-bottom: 60%;
    background-size: cover;
    background-position: center center;
    background-color: #dadada;
    border-radius: 5px 5px 0 0;border: 1px solid #f3f3f3;border-bottom:none;position:relative
}
.academie-box-content {
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f3f3f3;
    border-top: 0;
    border-bottom: 3px solid #f3f3f3;
    padding: 30px;
}

.academie-box-content li {padding-left:25px}
.academie-box-content li:before {display:none;}
.academie-box-content li:first-child:after {
    font-family: 'Linearicons-Free';
    content: "\e864";
    speak: none;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: -2px;
    color: #2da896;
    font-size: 18px;
}
.overige-academie {
    font-size: 12px;
    color: #a2a2a2;
}
.academie-label {
    position: absolute;
    right: 0;
    top: 25px;
    background: #fff;
    border-radius: 6px 0 0 6px;
    border: 1px solid #f3f3f3;
    border-right: 0;
    color: #545454;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    padding: 11px 20px;
    font-size: 16px;
}

.academie-zoeken {
    margin-top: -35px;float:right
}


.single-academie-image {border-radius:6px 6px 0 0; overflow:hidden; border: 1px solid #f3f3f3;}
.single-academie-image + .single-academie-content {border-radius:0 0 6px 6px;border-top:none}
.single-academie-content {    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f3f3f3;
    border-bottom: 3px solid #f3f3f3;
    padding: 30px 30px 20px;
    position: relative;}

.single-academie-content h2 ,.single-academie-content h3,.single-academie-content h4,.single-academie-content h5, .single-academie-content h6{    color: #212120;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 5px;}

.single-academie-sidebar > div {
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f3f3f3;
    border-bottom: 3px solid #f3f3f3;
    padding: 30px 30px 20px;
    position: relative;
    margin-bottom: 20px;
}
.cat-list {margin:0;font-weight:400;    color: #2da896;}
.single-academie-content h1 {font-weight:700;margin-bottom:15px}


.academie-data li:before {display:none!important}
.academie-data ul, .academie-data li {padding:0;margin:0;list-style:none;float:left;width:100%;}
.academie-data li li {width:50%;}
.academie-data ul ul {padding:5px 0;border-bottom:1px solid #fafafa}

.academie-data li:last-child ul {border-bottom:none}
.single-academie-sidebar h4 {
    font-size: 22px;
    font-weight: 500;
}

.single-academie-sidebar ul li {padding:0;}
.single-academie-sidebar li:before {display:none}


.form-popup {position:fixed;top:0;left:0;z-index:9999;background: rgb(251 251 251 / 90%);width:100%;height:100%;padding:75px 0;display:none;    overflow: auto;}

.popup-content {
    border-radius: 6px;
    background: #fff;
    border: 1px solid #f3f3f3;
    border-bottom: 3px solid #f3f3f3;
    padding: 30px 15px 20px;
    position: relative;
}
.closer {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #71247f;
    top: -15px;
    left: -15px;
    line-height: 1;
    color: #fff;
    font-size: 30px;
    text-align: center;
    padding-top: 5px;cursor:pointer
}

.form-trigger {
    width: 100%;
    display: block;
    text-align: center;
    background: #48b0a0;
    cursor: pointer;
    color: #fff;
    border-radius: 6px;
    padding: 10px;
    /* font-size: 12px; */
}
.form-trigger.small-trigger {
    line-height: 1.2;
    font-size: 12px;
}
.form-trigger:hover, .form-trigger:focus {color:#fff;background:#71247f}
.informed-trigger {opacity:.8}


.large-trigger{background:#71247f;    margin-top: 15px;}
.large-trigger:hover, .large-trigger:focus {background: #48b0a0;}
/*------------------------------------*\
    BUTTONS

content:”\203A”;
\*------------------------------------*/
.back-btn:before {content:"\2039";margin-right:10px}
.back-btn:hover, .back-btn:focus {color:#71247f}

.gform_footer input[type="submit"] {
    width: auto;
}

.btn, input[type="submit"], .custom-form input.gform_next_button, .custom-form input.gform_previous_button {
    color: #fff;
    border: none;
    outline: none;
    padding: 0;
    display: inline-block;
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
    background: #2da896;
    line-height: 1;
    padding: 18px 15px;
    font-weight: 700;
    min-width: 120px;
    border-radius: 6px;position:relative;appearance:none;-moz-appearance:none;-ms-appearance:none;border-bottom:2px solid #218274;text-align:center;
}


.btn span {margin-left:25px;}
.btn.white { color: #2da896;background: #fff;}
.btn.white:hover {    border-color: #218274;	background: #2da896;color:#fff}

.btn.purple, .green-banner .btn, .custom-form input.gform_next_button,  .custom-form input[type="submit"] {background:#71247f;color:#fff;border-color:#500865}
.btn.purple:hover, .btn.purple:focus, .custom-form input.gform_next_button:hover, .custom-form input.gform_next_button:focus,  .custom-form input[type="submit"]:hover,  .custom-form input[type="submit"]:focus {background:#2da896;color:#fff;border-color:#218274}

.btn.grey, .custom-form input.gform_previous_button {border-color:#E5E5E5;background: #F5F5F5;color: #616161;}
.btn.grey:hover, .btn.grey:focus, .custom-form input.gform_previous_button:hover, .custom-form input.gform_previous_button:focus{background:#E5E5E5;}


.btn:hover, .btn:focus,input[type="submit"]:hover, input[type="submit"]:focus {
       background: #71247f;
    color: #fff;
    border-color: #500865;
}

.purple-banner .btn:hover , .green-banner .btn:hover  {border-bottom: 2px solid #c6c6c6;
    color: #212120;
    background: #fff;}


.btn.outline {background:#fff;border:1px solid #71247f;color:#71247f}
.btn.outline:hover, .btn.outline:focus {background:#71247f;border:1px solid #71247f;color:#fff}


.side-cta .btn.white {margin-right: 10px;margin-bottom: 10px;border-bottom: 2px solid #c6c6c6;color: #212120;}
.side-cta .btn.white:hover, .side-cta .btn.white:focus {    color: #fff;
    background: #c6c6c6;}

.newsletter-form .btn:hover, .newsletter-form .btn:focus {    border-bottom: 2px solid #c6c6c6;
    color: #212120;
    background: #fff;}


.bodytype-mantelzorg .btn {
    background: #0098cc;
    background: -moz-linear-gradient(-45deg, #0098cc 0%, #f6ab00 100%);
    background: -webkit-linear-gradient(-45deg, #0098cc 0%, #f6ab00 100%);
    background: linear-gradient(135deg, #0098cc 0%, #f6ab00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098cc', endColorstr='#f6ab00',GradientType=1 );
    border-radius: 16px;
    border: none;overflow:hidden;
}
.bodytype-mantelzorg .btn:after  {display:none!important}
.bodytype-mantelzorg .btn:before{
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.bodytype-mantelzorg .btn:hover:before  {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s;
}
.bodytype-mantelzorg .vacature-box:hover > div {border-bottom-color:#0074BA}
/*------------------------------------*\
    VERHALEN
\*------------------------------------*/
.verhalen-slider {margin-bottom:30px;}

.verhalen-box {margin-bottom:35px;}
.verhalen-box h3, .verhalen-box h3 a {
    font-size: 24px;    color: #71247f;
    margin-bottom: 5px;
    font-weight: 700;
}
.verhalen-box h4 {
    font-size: 18px;
    color: #2da896;
    margin-bottom: 25px;
}
.verhalen-box-img {width:190px;}
.verhalen-box-img a {display:block;width:100%;height:calc(100% + 60px);position:relative;}
.verhalen-box-img a:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center top;background-image:url(img/vhn-verhaal-top.png);}

.grey-background .verhalen-box-img a:after {background-image:url(img/vhn-verhaal-top-grijs.png);}

.verhalen-box-img img {height:100%;width:100%;object-fit:cover;}

.verhalen-box-content{width:calc(100% - 190px);
    border-radius: 0 6px 6px 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f3f3f3;
    border-left: 0;
    border-bottom: 3px solid #f3f3f3;
    padding: 30px;
}
.verhalen-box p {margin-bottom:25px;}
.verhalen-box .read-more {font-size:14px;color:#151913;font-weight:400}
.verhalen-box .read-more:after{    content: "\203A";
    margin-left: 10px;}
.verhalen-box:hover .read-more {color:#2eac9a}


.verhaal-slide {width:680px;margin-right:80px}
.verhalen-row {overflow:hidden}
.verhalen-slider .slick-list {overflow:visible;padding-top:60px;}

.verhalen-box:hover .verhalen-box-content{
    border-bottom: 3px solid #71247f;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.05);
}

#verhalen-index .verhalen-box {width:calc(50% - 45px);margin-top:60px}
#verhalen-index .verhalen-box:nth-child(2) {margin-left:90px}




.verhalen-box-img, .verhalen-box-content{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/*------------------------------------*\
    BANNER
\*------------------------------------*/
.banner {background:#71247f;}
.banner h1 {font-size:32px;color:#fff;}
.banner .wrapper {position:relative;min-height:180px;padding:30px 0}
.banner-titel {position:relative;z-index:10;}
.banner-image {position:absolute!important;bottom:0;right:0;width:330px;height:100%;}
.banner-image > div {width:100%;height:100%;background-size:contain;background-position:bottom right;background-repeat:no-repeat;opacity:.3}
.banner-image.no-transparancy > div {opacity:1}

.purple-banner {background:#71247f;}
.green-banner {background:#2da896;}
.bodytype-mantelzorg .mantelzorg-banner{background:#0074BA}
.bodytype-mantelzorg .mantelzorg-banner h1 {color:#fff;}

.banner-titel ul, .banner-titel li {padding:0;margin:0;color:#fff}
.banner-titel ul {margin-top:5px;display:inline-block;margin-right:20px}
.banner-titel ul:last-child {margin-right:0}
.banner-titel ul ul {margin:0;}
.banner-titel li:before {display:none}
.banner-titel li {padding-left:25px;display:inline-block;margin-right:15px}
.banner-titel li:last-child {margin-right:0;}
.banner-titel li span {position:absolute;left:0;top:3px;}
.banner-titel li li:first-child {padding-left:0;}

.background-banner {position:relative;min-height:470px;background-size:cover;background-position:center center;background-color:#ddd}
.background-banner h1 {font-size:60px;color:#fff;font-family: 'Anton', sans-serif;font-weight:400;}
.background-banner h1 strong, .background-banner h1 span, .background-banner h1 b {font-size:80px;font-weight:400}
.background-banner .wrapper {position:relative;z-index:10}
.background-banner:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3}

.alternatief-banner.background-banner {min-height:65vh}
.alternatief-banner h1 {color:#71247f}
.alternatief-banner:before {display:none}
.alternatief-banner .banner-titel h3 {    color: #212120;margin-top:5px;}
.alternatief-banner .btn-list {margin-top:35px;}
.alternatief-banner .btn-list li {padding-left:0;margin-bottom:10px}
.alternatief-banner .banner-titel{position:relative;z-index:10;padding:60px 10%;}
.alternatief-banner .banner-titel:before {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 15px;
    background: #fff;
    opacity: .75;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: skew(-15deg, 0deg);    margin-left: 3%;
}
.banner.alternatief-banner .wrapper {padding:60px 0}

@media screen and (max-width:768px){
	.banner.alternatief-banner .wrapper {    padding: 120px 0 0;}
	.alternatief-banner .banner-titel:before {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 0;
    background: #fff;
    opacity: .75;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: skew(0);
    margin-left: 0;
}
	.alternatief-banner .banner-titel {
    position: relative;
    z-index: 10;
    padding: 30px 15px;
}
	.alternatief-banner .btn-list {
    margin-top: 25px;
}
	.alternatief-banner.background-banner {min-height:0}

}


.page-image-banner {background-size:cover;background-position:center center;background-color:#71247f;padding:150px 0;min-height:300px;}
.page-image-banner h1 {color:#fff;font-size:45px;font-weight:700}
.page-image-banner {color:#fff;font-size:24px;font-weight:500}
.page-image-banner p {margin-top:10px;}

@media screen and (max-width:991px){
	.page-image-banner h1 {text-shadow:1px 2px 3px #000}
}


.banner-img-shaped {color:#fff;padding:0;overflow:hidden}
.banner-img-shaped .wrapper {padding:0}
.banner-img-shaped .banner-titel h3 {color:#fff;font-size:18px;margin-top:5px;}
.banner-img-shaped .banner-titel {margin-bottom:25px;}
.shaped-banner-image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    width: calc(100% + (50vw - 750px));
    max-width: none;
	
}
.green-banner .shaped-banner-image:before {background:#2da896}

.shaped-banner-image:before {
    content: "";
    position: absolute;
    width: 200px;
    height: 100%;
    -webkit-transform: skewX(-35deg);
    -moz-transform: skewX(-35deg);
    -ms-transform: skewX(-35deg);
    -o-transform: skewX(-35deg);
    transform: skewX(25deg);
    background: #71257f;
    z-index: 100;
    top: 0;
    right: calc(100% - 100px);
    border-right: 5px solid #fff;
}



.shaped-banner-content {padding:45px 0;position:relative;z-index:200;}
.shaped-banner-image {position:relative;min-height:400px;z-index:10;order:2
}


.banner-filters {position:relative;}
.color-box {height:100%;position:absolute;top:0;left:0;z-index:1;}
.color-box-vacatures {background:#2ca594;}
.color-box-informatie {background:#70247e;left:50%}

.box-img {position:absolute;height:100%;background-size:contain;background-position:bottom center;background-repeat:no-repeat;width:250px;opacity:0.1;left:0;}
.color-box-informatie .box-img {left:auto;right:0}

.banner-filters .wrapper {position:relative;z-index:10}

.filter-box {padding:90px 0 55px}
.filter-box .title-box h2 {  font-size:26px;  color: #fff;    font-weight: 400;text-transform:uppercase}
.filter-box .title-box h2 span, .filter-box .title-box h2 strong, .filter-box .title-box h2 b {font-size:32px;display:block;font-weight:700}

.info-btns {margin-bottom:15px;margin-top:20px}
.filter-box  .btn:not(.purple) {margin-right:20px;margin-bottom:20px;border-bottom:2px solid #c6c6c6;color:#212120}
.filter-box  .btn:not(.purple):hover, .filter-box  .btn:not(.purple):focus {color:#fff;    background: #2da896;    border-color: #218274;}


.filter-box .select-holder {border-color:#268e7f;width:calc(100% - 215px);margin-bottom:0;margin-right:30px;float:left;max-width:100%}
.filter-box .btn.purple {    width: 185px;float:left;}
.filter-box .btn.purple:hover, .filter-box .btn.purple:focus, .news-letter input[type="submit"]:hover {border-bottom: 2px solid #c6c6c6;
    color: #212120;
    background: #fff;}


.filter-desc {
	
    margin-bottom: 20px;
    font-size: 20px;
    color: #fff;
}

@media screen and (max-width:991px){
	.color-box {display:none}
	.filter-box-informatie {background:#70247e;}
	.filter-box-vacatures {background:#2ca594;}

}

.statistieken {padding:35px 0 15px;background:#fff;border-bottom:1px solid #f3f3f3}
.stat-counter {text-align:center;margin-bottom:20px}
.stat-counter-number {margin:0;font-size:32px;color:#71247f;font-weight:800;line-height: 1.2;}
.stat-counter h4 {
    color: #484848;
    font-size: 20px;
}


.academie-nav {
    background: #2da896;
    padding: 25px 0;border-top:2px solid #fff;border-bottom:2px solid #f3f3f3
}
.academie-nav ul, .academie-nav li {padding:0;margin:0;list-style:none;display:inline-block}
.academie-nav ul {display:block;}
.academie-nav li:first-child {margin-left:0;}
.academie-nav li:last-child {margin-right:0;}
.academie-nav li {margin-right:30px}
.academie-nav ul li:before {display:none}

.academie-nav a {    color: #30302f;    font-weight: 600;    text-transform: uppercase;}
.academie-nav a:hover, .academie-nav .current-menu-item a {color:#fff;}

.bodytype-mantelzorg .academie-nav{    background: #F3F7FA;}
.bodytype-mantelzorg .academie-nav a:hover, .bodytype-mantelzorg .academie-nav .current-menu-item a {color:#0074BA}




/*------------------------------------*\
    BURENHULP
\*------------------------------------*/
.burenhulp-archief-intro .title-box h2, .burenhulp-filters .title-box h2{color: #2DA896;font-size:22px;}

.burenhulp-filters {width:100%;margin-top:20px;}

.burenhulp-filters .filter-buttons li, .burenhulp-filters .filter-buttons label {margin:0}
.burenhulp-filters .filter-buttons {display:flex;flex-wrap:wrap;gap:16px}


.card-box {padding:30px;background:#fff;	border-radius: 0 0 6px 6px;border: 1px solid #F3F3F3;border-bottom-width:3px;background: #FFF;
	display: flex;flex-direction: column;align-items: flex-start;gap: 24px;color: #1E1E1E;}
.slick-slide .card-box {width:100%}

.card-box:hover {border-color:#71247F}
.card-button {margin-top:auto;}

.burenhulp-archief {gap:30px;display:flex;flex-wrap:wrap;margin-bottom:35px;padding:0 15px}
.burenhulp-archief:before, .burenhulp-archief:after {display:none}
.burenhulp-box {width:calc(33.33333% - 20px);}
.burenhulp-box h3 {font-size:24px;font-weight:500;}
.burenhulp-box ul, .burenhulp-box li {padding:0;margin:0;list-style:none;font-size:12px;color: #2DA896;}
.burenhulp-box ul{display:flex;flex-wrap:wrap;gap:6px 12px}
.burenhulp-box li {width:auto;display:inline-flex}
.burenhulp-box li:before {display:none}
.burenhulp-box li:not(:last-child):after {content:"";position:absolute;right:-6px;width:1px;height:60%;top:20%;background: #1E1E1E;}
.burenhulp-box h3 + ul {margin-top:8px}


.custom-filters {margin-bottom:50px;display:flex;flex-wrap:wrap;gap:16px;}
.filter-btn {color: #1E1E1E;cursor:pointer;font-size: 14px;font-weight: 400;border-radius: 4px;border: 1px solid #D4D4D4;background: #FFF;	display: flex;padding: 12px 24px;align-items: center;gap: 24px;}
.filter-btn.active-filter, .filter-btn:hover {background: #2DA896;color:#fff;}


.single-burenhulp-sidebar {width:370px;display:flex;flex-wrap:wrap;gap:32px;}
.single-burenhulp-content {width:calc(100% - 370px)}



.single-burenhulp-sidebar > div, .single-burenhulp-content > div {width:100%;padding: 30px;border-radius: 6px;border: 1px solid #F3F3F3;border-bottom-width:3px;
background: #FFF;}
.single-burenhulp-sidebar h3 {font-size:22px;margin-bottom:8px;}
.burenhulp-content-basis h2, .related-row h2 {font-size:22px;margin-bottom:24px;}
.burenhulp-content-basis .standaard-content:not(:last-child), .burenhulp-content-basis p:not(:last-child){margin-bottom:32px}
.burenhulp-content-basis .bold-content {font-weight:600}
.burenhulp-content-basis, .burenhulp-content-box {margin-bottom:32px;}


.burenhulp-content-box {display: flex;padding: 30px;gap: 24px;border-radius: 4px;flex-wrap:wrap;}
.burenhulp-content-box > * {width:100%}
.burenhulp-content-box h3 {font-size:22px;}
.burenhulp-content-box p {margin:0}
.burenhulp-content-account {background: #71247F;color:#fff;}
.burenhulp-content-account h3 {color:#fff;}

.burenhulp-content-box ul, .burenhulp-content-box li {padding:0;margin:0;list-style:none}
.burenhulp-content-box ul {display:flex;flex-wrap:wrap;gap:24px}
.burenhulp-content-box li {display:inline-block}
.burenhulp-content-box li:before {display:none}
.burenhulp-content-box .btn.white:not(:hover){color:#1E1E1E;border-color:#fff;}


.burenhulp-content-reacties{border: 1px solid #F3F3F3;
background: #F5F5F5;}
.burenhulp-content-reacties h2:not(.gform_submission_error) {color:#2DA896}


.btn.back-to-archive:not(:hover) {background:#E5E5E5;border-color:#E5E5E5;color:#616161}
.btn.back-to-archive:after {display:none}
.btn.back-to-archive:before {    content: "\2039";    margin-right: 20px;}
.btn.with-arrow:after {    content: "\203A";    margin-left: 20px;}

.related-row h2 {color:#2DA896}
.related-row .title-box {margin:0}
.related-row .slick-track {    margin-left: 0;    margin-right: auto;}


@media screen and (max-width:1250px){
.burenhulp-box {width:calc(50% - 15px);}
}

@media screen and (max-width:992px){
	.burenhulp-box h3 {    font-size: 22px;}
	.burenhulp-box {width:calc(50% - 12px);}
	.burenhulp-archief {gap:24px}	
	.custom-filters {gap:8px}
	.custom-filters {margin-top:0;margin-bottom:35px}
	
	.single-burenhulp-sidebar h3, .burenhulp-content-basis h2, .related-row h2,.burenhulp-content-box h3 {font-size:20px}
	.single-burenhulp-sidebar {gap:16px;width:330px;}
	.single-burenhulp-sidebar > div, .single-burenhulp-content > div, .burenhulp-content-box  {padding:20px;}
	.single-burenhulp-content {width:calc(100% - 330px)}
	.burenhulp-content-basis {margin-bottom:24px;}

	.burenhulp-content-box ul {gap:12px}
}
@media screen and (max-width:768px){
	.burenhulp-archief-intro .title-box h2, .burenhulp-filters .title-box h2 {font-size:20px;}
	
	.burenhulp-box h3 {    font-size: 20px;}
	.burenhulp-box {width:100%;}
	.card-box {    padding: 20px;gap:16px}
	.burenhulp-box h3 + ul {    margin-top: 4px;}
	
	.single-burenhulp-sidebar {width:100%}
	.single-burenhulp-content {width:100%;margin-bottom:24px}	
}
@media screen and (max-width:550px){
	

}
/*------------------------------------*\
    LANDING
\*------------------------------------*/
.page-template-template-landing main {margin-top:0!important}
.page-template-template-landing section {    display: flex;    align-items: center;height:100vh}
.landing-titel h1 {font-size:90px;color:#fff;font-family: 'Anton', sans-serif;font-weight:400;}
.landing-container {position:relative}
.landing-container .wrapper > .small-20 {position:relative;z-index:300;}
.landing-container .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 60px 100px;
    width: 100%;
}
.landing-container.background-fill {background:#842082}

.landing-titel {margin-bottom:200px;}


img.landing-image {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    top: 0;
    WIDTH: 100%;
    HEIGHT: 100%;
    object-fit: cover;
}

.landing-btns a.btn {
    font-size: 24px;padding-left:25px;padding-right:25px;
}
.landing-btns a.btn {margin-right:20px}
/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.news-letter {background:#71247f;padding:45px 0 20px}
.news-letter .wrapper > .small-20 {margin-bottom:25px}


.newsletter-form {width:100%}
.newsletter-titel {width:100%;text-align:center;}
.newsletter-titel h3 {color:#fff;text-transform:uppercase;font-size:22px;font-weight:600}
.row.newsletter-row {
    max-width: 780px;
}



@media screen and (max-width:1400px){
.newsletter-form {width:100%;text-align:center}
.newsletter-titel {width:100%;text-align:center}	
}

footer {background:#fff;}
.footer-widgets {padding:90px 0 55px;}
.footer-widget {margin-bottom:35px}

.footer-widget h4 {font-size:20px;font-weight:800;color:#2a9e8d;margin-bottom:15px;text-transform:uppercase}

footer, footer a, footer p {font-size:14px;color:#212120;}
footer a:hover, footer a:focus {color:#2a9e8d}

.footer-widget h5 {
    color: #212120;
    font-size: 14px;
    font-weight: 600;
}
.footer-logo img {max-width:320px}
.footer-logo a {display:block;max-width:320px}
.footer-widget ul, .footer-widget li {padding:0;margin:0;list-style:none;display:block}
.footer-widget li:before {display:none}
.footer-widget > ul {margin-bottom:25px;}
.footer-widget > ul:last-child {margin-bottom:0}

.large-6.footer-widget:last-child > ul > li {float:left;width:50%;}

.copyright-holder {border-top:1px solid #f3f3f3;background:#fbfbfb;padding:20px 0 10px}

.copyright-holder .small-20 {margin-bottom:10px}
.copyright-holder .small-20:first-child{width:calc(50% - 125px);}
.copyright-holder .small-20:nth-child(2){width:250px;}
.copyright-holder ul, .copyright-holder li {padding:0;margin:0;list-style:none;display:block}
.copyright-holder li {display:inline-block;margin:0 5px}
.copyright-holder li:before {display:none}

footer .copyright-holder ul a {
    font-size: 19px;
    line-height: 1;
    color: #71247f;
}
footer .copyright-holder ul a:hover, footer .copyright-holder ul a:focus {    color: #2a9e8d;}

li.ico-cert a {
    display: block;
    width: 70px;
    margin-top: 10px;
}


@media screen and (max-width:1150px){
	.copyright-holder .small-20 {width:100%!important;text-align:center!important;margin-bottom:5px;}
}

@media screen and (max-width:767px){
	.copyright-holder .small-20 {width:100%!important;text-align:center!important}
	.footer-widget.medium-10 {width:50%}
	.footer-logo img {    max-width: 220px;}
	.footer-widgets {    padding: 40px 0 5px;}
	
	footer .copyright-holder, footer .copyright-holder p,footer .copyright-holder a {font-size:12px}
}
@media screen and (max-width:600px){
	.footer-widget.medium-10 {width:100%}
}


/*------------------------------------*\
    BANNER
\*------------------------------------*/
main {margin-top:159px}
.side-nav {display:none}
.fixed-header {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);}
header {position:fixed;width:100%;left:0;top:0;background:#fff;z-index:9000}
header > .wrapper {padding:20px 0}
.topbar {    border-bottom: 1px solid #f3f3f3;    background: #fbfbfb;}
.topbar, .topbar a {color:#535353}
.topbar a:hover, .topbar a:focus {color:#71247f}
.topbar li > span {margin-right:5px}
.topbar li{padding:0;display:inline-block;    margin: 0 10px;float:left;    padding: 12px 0;}
.topbar li:first-child {margin-left:0}
.topbar li:last-child {margin-right:0}
.login-url {margin-left:2px!important;}
.account-url {margin-right:0!important}
.topbar li:before {display:none}
.topbar, .topbar a {font-size:14px}
.login-url a, .account-url a {display:block;color:#fff;background:#71247f;line-height:1;    padding: 15px;}
.login-url a span, .account-url a span {margin-right:10px}
.login-url a:hover, .account-url a:hover, .login-url a:focus, .account-url a:focus {color:#fff;background:#535353}

.account-url {position:relative;z-index:100}
.account-url .sub-menu {    min-width: 170px;visibility:hidden;opacity:0;z-index:1;position:absolute;top:80%;border:1px solid #e5e5e5;border-top:none;padding:5px 0;background-color:#fbfbfb }
.account-url:hover .sub-menu {visibility:visible;opacity:1;top:100%}

.account-url .sub-menu li {    padding: 0;    margin: 0;    display: block;width:100%}
.account-url .sub-menu a {    background: #fbfbfb;color:#212120; padding: 10px;padding-left:15px}
.account-url .sub-menu a:hover, .account-url .sub-menu a:focus {color:#2da896}

.account-url a {background:#2da896}
.topbar-right ul {float:right}
.login-url, .account-url {padding:0!important}


.topbar-left {    width: 450px;}
.topbar-right {    width: calc(100% - 450px);}





.header-logo {    width: 350px;}
.nav-holder {width:calc(100% - 350px);    margin-top: 27px;}
.header-logo img {max-height:73px;width:auto;max-width:100%}

.desktopnav .sub-menu {
   display: none;
    position: absolute;
    top: 100%;
    background: #fff;
    width: 230px;
    /* -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 44%); */
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
    /* box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 44%); */
    padding: 0;
    border-radius: 5px;
    border: 1px solid #f3f3f3;
    border-bottom: 3px solid #f3f3f3;
}
.desktopnav li:hover > .sub-menu {display:block;}
.desktopnav .sub-menu li {margin:0; display:block}
.desktopnav .sub-menu  a {display:block;padding:10px 20px;border-bottom: 1px solid #f3f3f3;text-transform:none;font-size:14px;font-weight:700;}
.desktopnav .sub-menu li:last-child > a {border-bottom:none}

.desktopnav li {padding:0;}
.desktopnav li:before {display:none}

.desktopnav > ul {float:right;}
.desktopnav > ul > li {display:inline-block;float:left;margin:0 35px}
.desktopnav > ul > li:first-child {margin-left:0}
.desktopnav > ul > li:last-child {margin-right:0}
.desktopnav a {font-weight:700;color:#212120;font-size:17px;text-transform:none;}
.desktopnav > ul > li > a {    padding-bottom: 15px;    display: block;}

.desktopnav li:hover > a, .desktopnav li:focus > a, .desktopnav li.current-menu-item > a, .desktopnav li.current-menu-ancestor > a{    color: #71247f;}


.desktopnav .sub-menu li:hover > a, .desktopnav .sub-menu li:focus > a {padding-left:25px;padding-right:15px}
.desktopnav li {position:relative}
.desktopnav .menu-item-has-children > span {position:absolute;right:0;font-size:20px;line-height:1; -ms-transform: rotate(90deg); /* IE 9 */
  transform: rotate(90deg);    top: 2px;}
.desktopnav .menu-item-has-children > span:before{content:"\203A";   }
.desktopnav .menu-item-has-children > a {padding-right:20px;}
.desktopnav .menu-item-has-children:hover > span {-ms-transform: rotate(-90deg); /* IE 9 */
  transform: rotate(-90deg); right:3px }




.mobbtn {display:none;width:40px;height:30px;position:relative;cursor:pointer;    float: right;}
.mobbtn span {width:100%;height:5px;border-radius:3px;background-color:#222;position:absolute;content:"";left:0;}
.mobbtn span:nth-child(1) {top:0;}
.mobbtn span:nth-child(2) {top:12px;}
.mobbtn span:nth-child(3) {top:24px;}

.mobbtn.active-menu span:nth-child(2){width:0;left:50%;}
.mobbtn.active-menu span:nth-child(1){	top: 13px;  -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);   transform: rotate(45deg); 	}
.mobbtn.active-menu span:nth-child(3){	top: 13px;  -ms-transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);   transform: rotate(-45deg); 	}


.mobbtn span, .regular-header,.mobbtn-holder{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.navigation-box {right:-250px;position:fixed;top:0;z-index:9999;}
.sidenav {overflow:auto;padding:50px 10px;position:fixed;top:0;right:0;background-color:#fff;height:100%;width:280px;right:-280px;z-index:9999}
.sidenav, header, .navigation-holder {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sidenav li:before {display:none!important}
.sidenav-holder ul, .sidenav-holder li {padding:0;margin:0;list-style:none}

.sidenav-holder .sub-menu {display:none}
.sidenav-holder ul, .sidebar li {
padding:0; margin:0; list-style:none;	position:relative;
}
.sidenav-holder li.menu-item-has-children {position:relative;}
.sidenav-holder li.menu-item-has-children > span {position:absolute; top:0;width:40px; height:41px;right:0;content:"";}
.sidenav-holder li.menu-item-has-children > span:after,.sidenav-holder li.menu-item-has-children > span:before {content:""; width:16px; height:2px; background:#a0a0a0;position:absolute; top:calc(50% - 2px);left:calc(50% - 8px);}

.sidenav-holder li.menu-item-has-children > span.active-menu:after {display:none}
 
.sidenav-holder li.menu-item-has-children > span:after {
 -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);	
}

.sidenav-holder a {
    width: 100%;
    display: inline-block;
    padding: 10px 40px 10px 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #e0e0e0;
    font-weight: 500;
    font-size: 15px;color:#222
}
.sidenav-holder .current-menu-item > a, .sidenav-holder .current-menu-ancestor > a, .sidenav-holder li:hover > a {    color: #71247f;}
.sidenav-holder .sub-menu a {font-weight:500; font-size:14px; text-transform:none; padding-left:20px}


.responsive-other {
    margin-top: 20px;
}
.responsive-other ul {margin-bottom:20px;    float: left;
    width: 100%;}


.sidenav-holder .responsive-other a {border:none;padding-right:0;    font-size: 14px;}
.overig-info li {position:relative}
.overig-info li span {position:absolute;top:0;left:0;    top: 3px;}
.overig-info li a{padding-left:20px;padding-top:0;padding-bottom:0;font-weight:normal;text-transform:none}

ul.overig-info {
    border-top: 1px solid #e0e0e0;
    padding: 13px 0 0;
}


ul.overig-info .login-url a, ul.overig-info .account-url a {padding: 15px 25px;}
ul.overig-info .login-url,ul.overig-info .account-url {margin:0!important;}
ul.overig-info .account-url {margin-bottom:15px!important}
ul.overig-info li.account-url {margin-top:15px!important}

ul.overig-info .login-url a, ul.overig-info .account-url a {
    padding: 15px 25px;
    color: #fff;
    font-weight: 700;
}
ul.overig-info .login-url a span, ul.overig-info .account-url a span{
position:relative;    top: 0;
}

.topbar li.search {    padding: 7px 0;}
form.search {    float: left;    width: 100%;}
button.search-submit {-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border:none;background:none;color: #535353;height: 25px;}
input.search-input {-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border:none;background:none;    height: 25px;}




@media screen and (max-width:1450px){
.desktopnav > ul > li {    margin: 0 15px;}
	
	
}

@media screen and (max-width:1250px){
	.topbar-left, .topbar-right {width:100%;}
	.topbar li, .topbar ul {float:none;text-align:center}
	
	.header-logo {    width: 250px;}
	.nav-holder {    width: calc(100% - 250px);    margin-top: 17px;}
	.desktopnav a {font-size:14px;}
	
	.topbar li {    margin: 0 10px;padding: 7px 0;}
	.topbar li.search {    padding: 0;    vertical-align: middle;}
	
}
@media screen and (max-width:1000px){
	.desktopnav {display:none}
	.mobbtn {display:block}
	.topbar {display:none!important}
	
	header.active-menu{left:-280px}
	.sidenav.active-menu{right:0;-webkit-box-shadow: 0px 3px 5px 0px rgba(68,68,68,.3);
    -moz-box-shadow: 0px 3px 5px 0px rgba(68,68,68,.3);
    box-shadow: 0px 3px 5px 0px rgba(68,68,68,.3);}
	
	main {    margin-top: 90px;}
	.nav-holder {margin-top: 10px;}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/
.share-list, .share-list li {padding:0;margin:0;list-style:none;font-size:14px}
.share-list li {display:inline-block;    vertical-align: middle;}
.share-list li:before {display:none}
.share-list {    color: #979797;    font-weight: 700;}

.share-div {text-align:right}


::selection {
	background:#71247f;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#71247f;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#71247f;
	color:#FFF;
	text-shadow:none;
}


/*------------------------------------*\
    Mantelzorg styling
\*------------------------------------*/

.header-btns ul, .header-btns li {padding:0;margin:0;list-style:none}
.header-btns li {display:inline-block;margin-left:20px;}
.nav-holder.header-btns {    margin-top: 13px;    text-align: right;}
.header-btns li:before {display:none!important}

header .btn, header .btn:hover, header .btn:focus, .bodytype-mantelzorg .back-btn, .bodytype-mantelzorg .back-btn:hover, .bodytype-mantelzorg .back-btn:focus {
    font-size: 16px;position: relative;
    color: #FFFFFF!important;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
    padding: 15px 25px!important;
   text-align:center;
	font-style:normal;cursor:pointer;overflow:hidden;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0098cc+0,f6ab00+100 */
	background: #0098cc; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #0098cc 0%, #f6ab00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #0098cc 0%,#f6ab00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #0098cc 0%,#f6ab00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098cc', endColorstr='#f6ab00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius:16px;min-width:0;border:none!important
}
header .btn:after, .bodytype-mantelzorg .back-btn:after  {display:none!important}
header .btn:before, .bodytype-mantelzorg .back-btn:before{
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

header .btn:hover:before, .bodytype-mantelzorg .back-btn:hover:before  {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.bodytype-mantelzorg main {margin-top:112px}

.bodytype-mantelzorg .grey-background, .mantelzorg-box .academie-box-content {background:#F3F7FA}
.bodytype-mantelzorg .grey-background .academie-box-content {background:#fff}


.bodytype-mantelzorg h1, .bodytype-mantelzorg h2, .bodytype-mantelzorg h3, .bodytype-mantelzorg h4, .bodytype-mantelzorg h5, .bodytype-mantelzorg h6, .mantelzorg-box.academie-box h2 a {color:#0074BA}
.bodytype-mantelzorg .cat-list, .mantelzorg-box .academie-box-content li:first-child:after, .mantelzorg-box.academie-box h2 a:hover, .mantelzorg-box.academie-box h2 a:focus {color:#F6AB00}

.bodytype-mantelzorg .large-trigger, .bodytype-mantelzorg .form-trigger { background: #0075BB;}
.bodytype-mantelzorg .large-trigger:hover , .bodytype-mantelzorg .form-trigger:hover, .bodytype-mantelzorg .large-trigger:focus , .bodytype-mantelzorg .form-trigger:focus {background:#F6AB00}


.mantelzorg-afbeelding {
    position: absolute;
    width: 465px;
    height: 457px;
    background-image: url(img/mantelzorg-vorm.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    top: -55px;
    right: -136px;
    z-index: 1;
}
.mantelzorg-afbeelding > div {width:302px;height:308px;position:absolute;z-index:2;top:calc(50% - 154px);left:calc(50% - 151px);background-size:cover;background-position:center center;border-radius:50%}


.bodytype-mantelzorg .single-academie-content-holder > div { border-radius:6px;   position: relative;overflow:hidden;background:#fff;}
.bodytype-mantelzorg .single-academie-content {padding-right: 350px;    z-index: 200;background:none}

.academie-box.mantelzorg-box:hover .academie-box-content{    border-bottom-color: #0075BB;}
.academie-box-img .mantelzorg-logo {position:absolute;z-index:1;bottom:20px;right:20px;width:100px;}

.bodytype-mantelzorg .closer {background:#0074BA;}
.bodytype-mantelzorg input[type="submit"] {border:none!important;background:#0074BA}
.bodytype-mantelzorg input[type="submit"]:hover,.bodytype-mantelzorg input[type="submit"]:focus {background:#F6AB00}
.bodytype-mantelzorg .gform_validation_errors {background:#F6AB00}
.bodytype-mantelzorg .gform_validation_errors h2 {color:#fff}

.bodytype-mantelzorg ::selection {
	background:#0074BA;
	color:#FFF;
	text-shadow:none;
}
.bodytype-mantelzorg ::-webkit-selection {
	background:#0074BA;
	color:#FFF;
	text-shadow:none;
}
.bodytype-mantelzorg ::-moz-selection {
	background:#0074BA;
	color:#FFF;
	text-shadow:none;
}


@media screen and (max-width:1200px){
	.mantelzorg-afbeelding {
    right: -100px;
    top: -70px;
    width: 285px;
    height: 277px;
}.mantelzorg-afbeelding > div {
    width: 182px;
    height: 188px;
    top: calc(50% - 94px);
    left: calc(50% - 91px);
}
	.bodytype-mantelzorg .single-academie-content {
		padding-right: 210px;}
}

@media screen and (max-width:992px){
	.mantelzorg-header-link {display:none!important}
	.bodytype-mantelzorg .header-logo {    width: 190px;}
	.bodytype-mantelzorg .nav-holder {    width: calc(100% - 190px);}
}


@media screen and (max-width:600px){
	.mantelzorg-header-link {display:none!important}
	.bodytype-mantelzorg .header-logo {    width: 130px;}
	.bodytype-mantelzorg .nav-holder {    width: calc(100% - 130px);}
	.bodytype-mantelzorg .nav-holder {margin-top:2px}
	header .btn {font-size: 11px!important;padding: 11px 10px!important;margin-top:5px;}
	.bodytype-mantelzorg main {    margin-top: 86px;}
	.bodytype-mantelzorg .single-academie-content{padding-right:20px;}
	.mantelzorg-afbeelding {display:none}
}
/*------------------------------------*\
   RESPONSIVE
\*------------------------------------*/

.archive-filter-toggle {display:none}



@media screen and (max-width:1500px){
	.shaped-banner-image img {width:100%}
}


@media screen and (max-width:1250px){
	.background-banner h1 {font-size:55px}
	.background-banner h1 strong, .background-banner h1 span, .background-banner h1 b {font-size:65px;}
	.filter-box .title-box h2, .kolom-content h2, .image-shape h3, .image-shape h3 strong, .image-shape h3 span, .image-shape h3 b {font-size:22px;}
	.filter-box .title-box h2 span, .filter-box .title-box h2 strong, .filter-box .title-box h2 b {font-size:25px}	
	
	.vacature-box-bedrijf, .vacature-box-contact {width:150px;}
	.vacature-box-bedrijf-img {width:100%;}
	.vacature-box-container {
    width: calc(100% - 200px);
}
	
	#verhalen-index .verhalen-box {width:50%}
	#verhalen-index .verhalen-box:nth-child(2) {margin-left:0}
}

@media screen and (max-width:1024px){
	.background-banner {min-height:400px}
	.banner .wrapper {min-height:100px;padding:15px 0}
	.banner-img-shaped .wrapper {padding:0}
	
	
}

@media screen and (max-width:991px){
	h1, h2, h3, h4, h5, h6 {font-size:22px}
	
	.background-banner h1 {font-size:43px}
	.background-banner h1 strong, .background-banner h1 span, .background-banner h1 b {font-size:55px;}
	
	p {margin-bottom:25px;}
	p:last-child {margin-bottom:0}
	
	.title-box h2, .quote-content  {font-size:28px}
	
	
	.filter-box .title-box h2, .kolom-content h2, .image-shape h3, .image-shape h3 strong, .image-shape h3 span, .image-shape h3 b {font-size:22px;}
	.filter-box .title-box h2 span, .filter-box .title-box h2 strong, .filter-box .title-box h2 b {font-size:25px}
	.kolom-content h2 {margin-bottom:10px;}
	.filter-desc {font-size:17px;}
	
	
	.filter-box {    padding: 45px 0 10px;}
	.content-row {padding:45px 0 10px}
	.content-row:last-child {padding-bottom:55px}
	.banner + .content-row,.academie-nav + .content-row {padding-top:45px}
	.no-padding-bottom {padding-bottom:0}
	.stappen-row {padding-top:60px;}
	
	.kolom-row .title-box {margin-bottom:20px;}
	.kolom-img {margin-bottom:25px}
	
	.image-shape {    height: 110px;    max-width: 220px;}
	
	
	.faq-titel span {    width: 16px;    height: 16px;    top: calc(50% - 8px);    right: 15px;}
	.faq-titel {padding:10px 40px 10px 15px}
	.faq-content {padding:15px;}
	
	
	
	.counter {    font-size: 70px;    left: -20px;    top: -25px;}
	.term-label {font-size:15px;padding: 10px 15px;}
	.news-box-titel, .news-box-content, .news-box-btn {		padding: 15px 20px;}
	.news-box-holder, .pagination {margin-bottom:45px}
	
	
	#academie-filter > div:nth-child(2){	width:100%;}
#academie-filter > div:nth-child(1){ width:100%;	} 
	.filter-buttons label, .filter-buttons a {padding:7px 10px!important}
	.filter-buttons li {    margin-right: 10px;    margin-bottom: 0;}
	
	
.academie-nav li {    margin-right:15px;}
	
	.vacature-content, .archive-index, .single-academie-content-holder, .cadeau-content {    width: 100%;}
	.vacature-sidebar, .archive-filters, .single-academie-sidebar, .cadeau-sidebar {    width: 100%;}
	.single-academie-sidebar > div, .single-academie-content {padding: 20px 20px 20px;}
	
	.bedrijfs-navigation > div {width:100%;}
	.bedrijfs-navigation > div:first-child {width:300px;}
	.bedrijfs-navigation > div:last-child {width:calc(100% - 300px)}
	
	.bedrijfs-logo-holder {		width: 250px;}
	.bedrijfs-logo {padding: 10px 10px 10px 30px;}
	.bedrijfs-banner {height:200px;}
	
	.bedrijfs-navigation {padding:15px 5px}
	.bedrijfs-info {padding: 30px 20px;}
	
	.bedrijfs-vacatures-titel h2 {font-size:24px;}
	
	
	.vacature-box-bedrijf, .vacature-box-contact {width:100%;}
	.vacature-box-container {margin-top:20px;width:100%}
	.vacature-box-bedrijf-img {float:left}
	
	
	.archive-filters {background: #fbfbfb;position:fixed;z-index:9998;top:0;left:-300px;width:300px;height:100%;padding:50px 15px;overflow:auto;}
	.archive-filter-toggle {display:block;margin-bottom:20px;}
	.archive-filter-toggle .btn {width:100%;font-size:20px;}
	.archive-filter-toggle .btn span{
		margin-right:10px;margin-left:0;}
	.archive-filter-toggle .btn:after {display:none}
	
	.archive-filters.active-sidebar {left:0}
	.filter-side {padding:20px 15px 0}
	.archive-filters h4 {font-size:18px;}
	.hulp-box {padding:20px}
	
	
	.standaard-archive-filters {z-index:1;background:none;position:relative;left:0!important;width:100%;height:auto;padding:0 15px;}
	.vacature-sidebar {display:none}
	
	.filter-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0.2;
    background: #000;
    z-index: 9997;
    left: 0;
    top: 0;
    display: none;
}
	
	.active-sidebar.filter-overlay {
    display: block;
}
	.page-image-banner h1 {    font-size: 38px;}
	.page-image-banner {padding:100px 0;min-height:250px}
	
	.cadeau-content {padding-right:0;}
	.academie-box h2 {font-size:20px;}
	.academie-box-content {padding:20px;}
	
	#verhalen-index .verhalen-box {width:100%}
	.verhalen-box-content{padding:20px}
	
	.verhaal-slide {
    width: 600px;
    margin-right: 30px;
}
}


@media screen and (max-width:767px){
		.banner h1 {font-size:28px}

	.background-banner h1 {font-size:38px}
	.background-banner h1 strong, .background-banner h1 span, .background-banner h1 b {font-size:50px;}
	.background-banner {min-height:350px}

	.stat-counter {width:50%}
	.stat-counter:nth-child(5){margin-left:25%}
	
	.faq-box {margin-bottom:15px;}
	
	
	.bedrijfs-navigation > div {width:100%;}
	.bedrijfs-navigation > div:first-child {width:100%;}
	.bedrijfs-navigation > div:last-child {width:100%;text-align:left}
	.box-with-link {
    width: 100%
}
	.box-with-link + div {width:100%;text-align:left;margin-top:20px}
	
	.page-image-banner h1 {    font-size: 27px;}
	.page-image-banner {font-size:18px}
	
	.shaped-banner-image {order:0;}
	.shaped-banner-image:before {display:none}
	.shaped-banner-image {min-height:0;height:170px}
}


@media screen and (max-width:650px){
	.banner-image {display:none}
	.page-numbers {    width: 30px;    height: 30px;    padding-top: 7px;margin:0 1px}
	.bedrijfs-logo-holder {    width: 90px;}
	
	.bedrijfs-logo {    padding: 10px 5px 10px 10px;}
	
	
	.half-form-row, .form-row-half, .ginput_container_password > span, .form {
    width: 100%;
    float: left;
}
	.half-form-row-left, .form-row-half-left, .ginput_container_password .ginput_left {padding-right:0;}
	.half-form-row-right, .form-row-half-right, .ginput_container_password .ginput_right {padding-left:0}
	.field_sublabel_above .ginput_complex span {margin-bottom:15px;}
	.field_sublabel_above .ginput_complex span:last-child {margin-bottom:0}
	.form-content .form-row {margin-bottom:15px;}
	
	.filter-box .select-holder {width:100%;margin-bottom:15px;margin-right:0}
	.filter-box .btn.purple {width:100%}
	.page-image-banner {padding:60px 0;min-height:200px}
	
}

@media screen and (max-width:550px){
	h1, h2, h3, h4, h5, h6 {font-size:18px}
	
	body {		font-size: 15px;}
	
	.background-banner h1 {font-size:32px}
	.background-banner h1 strong, .background-banner h1 span, .background-banner h1 b {font-size:38px;}
	.background-banner {min-height:250px}
	
	.title-box h2, .quote-content  {font-size:22px}
	.filter-box .title-box h2 span, .filter-box .title-box h2 strong, .filter-box .title-box h2 b {font-size:22px}
	.filter-desc {font-size:16px;}
	
	.stat-counter h4 {font-size:17px}
	.contactpersoon-pasfoto {width:200px;padding-bottom:150px;margin-bottom:15px;}
		.bedrijfs-vacatures-titel h2 {font-size:22px;}

	
	.verhalen-box {position:relative;}
.verhalen-box-img {
    width: 60px;
    height: 20px;
    position: absolute;
    bottom: -20px;
    right: 10px;
}
	.verhalen-box h3, .verhalen-box h3 a {font-size:22px}
	.verhalen-box-content {
		width: 100%;border-left:1px solid #f3f3f3;font-size:13px;border-top:none}
	.verhalen-box h4 {font-size:16px;margin-bottom:15px}
	.verhaal-slide {    width: 330px;    margin-right: 0;}
	.verhalen-slider .slick-list {    padding: 0 15px;padding-top:0}
	#verhalen-index .verhalen-box {margin-top:0;}
}

@media screen and (max-width:400px){
	.background-banner h1 {font-size:30px}
	.background-banner h1 strong, .background-banner h1 span, .background-banner h1 b {font-size:35px;}
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/
.print-info {display:none}
@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
	
	
	header, footer, .hide-print, .call-to-action, .vacature-sidebar, .archive-filters, .single-academie-sidebar, .vacature-btns, .bedrijfs-navigation, .bedrijfs-banner {display:none!important}
	main {margin-top:0}
	
	.banner + .content-row, .academie-nav + .content-row {padding-top:15px;}
	.content-row {    padding: 35px 0 0px;}
	.banner-titel ul {display:block}
	
	.banner-titel li {padding-left:0;display:block}
	.vacature-content, .archive-index, .single-academie-content-holder {width:100%}
	
	.bedrijfs-info {padding:0;border:none;}
	.print-info {display:block}
	.print-info P {margin:0;}
	.bedrijfs-info h3 {margin-bottom:5px;}
	p, ul {margin-bottom:20px}
	.vacature-info > div {
    margin-bottom: 20px;
}
	
	.banner .wrapper {padding:0;min-height:0;}
	
	
	.banner li:before, .banner li:after {display:none!important}
	.standaard-content ul li {padding-left:20px;}
	.standaard-content ul, .standaard-content li {list-style:circle;color:#000}
	.standaard-content ul li { list-style: disc outside none;display: list-item;margin-left: 20px; }
	.standaard-content ul li li {display:block;margin-left:0;padding-left:0}

}