@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');
    
    
    
    /* Variabelen */
    :root {
    
    --clr-green: 106, 162, 129; /* hoofdkleur */
    --clr-green-75: 80, 92, 85; /* navbalkkleur */
    --clr-light-green: 217, 230, 221; /* lichtgroen doorzichtig*/
    
    --clr-light-gray: 245, 245, 245; /*/achtergrondkleur/*/

    --clr-white: 255, 255, 255; /* wit */
    --clr-white-hover: 217, 217, 217; /* witte button hover */

    --clr-dark: 50, 50, 50; /* heel donker grijs - headings */
    --clr-dark-green: 4, 39, 15; /* heel donker groen - tekst */
    --clr-dark-50: 80, 92, 85; /*//*/
    
    --clr-yellow: 242, 201, 76; /* buttons & details */
    --clr-yellow-hover: 203, 161, 33; /* hoverstate */

    --clr-headings: var(--clr-dark-green); /* standaard headings kleur */
    --clr-headings-strong: var(--clr-green); /* speciale headings kleur */

    --vacancy-btn-color-hover: 93, 143, 113; /* hover groene tekst (nog proberen) */
    --vacancy-text-color: 4, 39, 15; /* tekstkleur vacature detail */
    
    --br: 20px; /* regelafstand nieuwe zin */
    }
    
    
    
    /*** Typografie ***/
    
    h1 {font-family: 'Merriweather', sans-serif !important; font-weight: 700; font-size: 56px; line-height: 56px; color: var(--clr-headings);}
    .display h1 {text-transform: none; line-height: 57px;}
    h2 {font-family: 'Merriweather', sans-serif !important; font-weight: 700; line-height: 32px; font-size: 24px; color: var(--clr-headings)!important;}
    h3 {font-family: 'Merriweather', sans-serif !important; font-weight: 700; font-size: 18px; color: var(--clr-headings)!important;}
    h4,h5,h6 {font-family: 'Merriweather', sans-serif !important; color: var(--clr-headings)!important;}
    * {font-family: 'montserrat', sans-serif; scroll-behavior: smooth; color: var(--clr-dark-green); font-weight: 500;}
    p, li, a {font-family: 'montserrat', sans-serif; line-height:26px; font-style:normal !important; font-size: 16px; color: var(--clr-dark-green); font-weight: 500;}
    .label {font-family: 'montserrat', sans-serif; scroll-behavior: smooth; color: var(--clr-green)!important; font-weight: 500;}
    
    em, .container_vacancy-detail span { font-family: 'Merriweather', sans-serif !important; color: rgba(var(--clr-headings-strong))!important; text-style: normal !important; font-style: normal !important; font-weight: 700;}
    
    @media(max-width: 460px) {
    h1 { font-size: 46px; } 
}
    
    /*** Iconen ***/
    .rec-icon { display: inline-block; --w: 15px; --h: 16px;  width: var(--w); height: var(--h); -webkit-mask-position: center; mask-position: center; mask-image: var(--src); -webkit-mask-image: var(--src); background-color: var(--clr); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; --clr: rgba(var(--vacancy-btn-color-hover));}
    .rec-icon.rec-icon--arrow-right { --src: url(/upload/files/1/arrow-right2.svg); }
    .far, .fab, .fas { color: rgba(var(--clr-green)) !important; }
    .icon {color: rgba(var(--clr-green))}
    
    /*** Buttons ***/
    .btn:not(.btn-link, .btn-light) { font-family: var(--font-headings); width: fit-content; padding-top: 7px; padding-bottom:7px; padding-left: 22px; padding-right: 22px; color: var(--clr-dark-green) !important; background-color: var(--bg) !important; border: var(--border) !important; font-size: 15px; !important; transition: 200ms ease; border-radius: var(--br) !important; line-height: var(--lh); --p: 10px 23px; --fs: 18px; --lh: 27px; --clr: #FFF; --border: none; --bg: rgba(var(--vacancy-btn-color)); --br: 30px; font-weight: 500; --hover-clr: rgba(var(--vacancy-btn-color-hover)); --hover-bg: rgba(var(--vacancy-btn-color-hover)); letter-spacing: 0;}
.btn:not(.btn-link, .btn-light):hover, .btn:not(.btn-link, .btn-light):active, .btn:not(.btn-link, .btn-light):focus, .btn:not(.btn-link, .btn-light):active:focus { background-color: var(--clr-yellow-hover) !important; opacity: 1 !important; box-shadow: unset !important; }
.btn.btn-white, .is-section-featured-vacancies .vacancy-list-top .text-center .btn { --clr: rgba(var(--clr-green))!important; --bg: rgba(var(--clr-white))!important; --hover-bg: rgba(var(--clr-white-hover))!important; }
.btn.btn-white, .is-section-featured-vacancies .vacancy-list-top .text-center .btn {background-color: white!important; color: #6aa281!important;}
.btn.btn-white, .is-section-featured-vacancies .vacancy-list-top .text-center .btn:hover {background-color: rgb(217, 217, 217)!important;}
.btn.btn-link { font-family: var(--font-headings) !important; color: rgba(var(--vacancy-btn-color-hover)); font-size: 15px !important; font-weight: 600; display: flex; gap: 8px; justify-content: center; align-items: center; padding: 0; }
    .btn.btn-secondary { background-color: rgba(var(--clr-yellow))!important; color: rgba(var(--clr-dark-green))!important; }
    .btn.btn-secondary:hover {background-color: rgba(var(--clr-yellow-hover))!important; color: rgba(var(--clr-white))!important; } /* geel */

    .btn .btn-info { background-color: rgba(var(--clr-yellow))!important; color: rgba(var(--clr-dark-green))!important; }
    .btn .btn-info:hover {background-color: rgba(var(--clr-yellow-hover))!important; color: rgba(var(--clr-white))!important; } /* geel */

.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {background-color: white!important; color: #6aa281!important;}
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child):hover {background-color: rgb(217, 217, 217)!important;}

body .btn.btn-apply {font-size: 15px; background-color: rgba(var(--clr-yellow))!important; color: rgba(var(--clr-dark-green))!important; }
body .btn.btn-apply:hover {background-color: rgba(var(--clr-yellow-hover))!important; color: rgba(var(--clr-white))!important; } /* geel */

.btn-group { gap: 14px; flex-direction: column;}
@media(min-width: 992px) {
    .btn-group { flex-direction: row; } 
}

/* Backgrounds */
.is-bg-blue { background-color: rgba(var(--clr-green)) !important; }
.is-bg-blue * { color: #FFF; }
.is-bg-lightblue, .is-bg-grey { background-color: rgba(var(--clr-light-gray)) !important; }
.is-bg-gradient-lightblue { background: linear-gradient(180deg, rgba(var(--clr-lightblue)) 55%, rgba(255,255,255,0) 55%) !important; }
.is-bg-gold-50 { background-color: rgba(var(--clr-light-green), .3) !important; }

    /*** Navigatiebalk ***/
    .navbar { position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(var(--clr-green-75)) !important; height: 95px !important;}
    .navbar * { color: #FFF !important; }
    .navbar .navbar-nav { background-color: rgba(var(--clr-green-75)); }
    .navbar .navbar-brand .navbar-logo { max-width: 74px; max-height: 60px; }
    .navbar .nav-item .nav-link { font-size: 16px; font-weight: 700; transition: 200ms ease; }
    .navbar .nav-item:not(:last-child) .nav-link:hover { color: rgba(var(--vacancy-btn-color)) !important; }
    .navbar .nav-item:last-child .nav-link { font-weight: 500; background-color: rgba(var(--clr-yellow));  padding-top: 7px; padding-bottom:7px; padding-left: 20px; padding-right: 20px; display: grid; place-items: center; transition: 200ms ease; font-size: 16px; color: rgba(var(--clr-dark-green))!important;}
    .navbar .nav-item:last-child .nav-link:hover { background-color: rgba(var(--clr-yellow-hover)); color: white!important;}
    .navbar .navbar-toggler span { background-color: #FFF !important; }
    .navbar + .is-wrapper { margin-top: 93px; }

@media(max-width: 767.98px) {
    #navbar-main { margin: 0 -17px !important; }
    .navbar .nav-item:not(:last-child) { border-bottom: 1px solid rgba(var(--clr-border)) !important; }
    .navbar .nav-item:last-child { border-bottom: 0 !important; }
    .navbar .navbar-nav { padding-top: 20px !important; }
}

@media(min-width: 992px) {
    .navbar .navbar-nav { gap: 37px; align-items: center; }
    .navbar .nav-item .nav-link { padding: 0; }
    .navbar .nav-item:last-child .nav-link { width: 112px; height: 44px; border-radius: 30px; }
}

@media(min-width: 1200px) {
    .navbar .navbar-brand .navbar-logo { max-width: 106px !important; max-height: 69px !important; }
}

@media (max-width: 767.98px) {
  /* 1) Haal de negatieve marge weg */
  #navbar-main {
    margin: 0 !important;
    width: 100% !important;
    padding-left: 0 !important;   /* optional, houdt ’m mooi flush */
    padding-right: 0 !important;  /* optional */
  }

  /* 2) Zorg dat de nav zelf nooit breder wordt dan het scherm */
  .navbar,
  .navbar .navbar-nav {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* 3) Safety net tegen horizontaal scrollen als er elders toch iets uitsteekt */
  html, body {
    overflow-x: hidden;
  }
}

@media (max-width: 991.98px) {
  .navbar { 
    overflow: visible !important;
  }

  /* Hang de collapse los van de layout en maak 'm full-width */
  .navbar .navbar-collapse {
    position: fixed !important;
    top: 95px;              /* zelfde hoogte als .navbar */
    left: 0;
    right: 0;
    width: 100vw;
    max-height: calc(100vh - 95px);
    overflow-y: auto;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(var(--clr-green-75));
    z-index: 1100;          /* boven content/sliders */
  }

  /* Zorg dat alle bootstrap-states zichtbaar werken */
  .navbar .navbar-collapse.collapse       { display: none !important; }
  .navbar .navbar-collapse.collapsing     { display: block !important; height: auto !important; }
  .navbar .navbar-collapse.show           { display: block !important; }

  /* Items en links vullen de hele breedte, zonder buitenranden */
  .navbar .navbar-nav,
  .navbar .nav-item,
  .navbar .nav-link { width: 100%; }

  .navbar .nav-link { padding: 14px 20px; } /* alleen inner padding voor leesbaarheid */
}

/* Sections */
.is-section { overflow-x: clip !important; }
.is-section .is-container > .row + .row { margin-top: 25px; }
.is-section .bg-asset { pointer-events: none; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; -webkit-mask-image: url(/upload/files/1/stijlelement.svg); mask-image: url(/upload/files/1/stijlelement.svg); position: absolute; left: 0; bottom: 0; background-color: rgba(var(--clr-dark)); width: 635px; height: 600px;  }
.is-section.last-section { margin-bottom: 40px !important; }

@media(max-width: 991.98px) {
    .is-section .is-container > .row { row-gap: 15px; }
    
}

@media(min-width: 992px) {
    .is-section .is-container > .row + .row { margin-top: 60px; }
    .is-section.last-section { margin-bottom: 0 !important; padding-bottom: 100px !important; }
    
}

@media(min-width: 1200px) {
        .is-section .bg-asset { transform: translateX(20%); }
}

@media(min-width: 2000px) {
    .is-section .bg-asset { transform: translateX(80%); }
}

/* Images */
.col-md-6:has(figure.rec-image) { height: fit-content !important; }
figure.rec-image { height: 100% !important; width: 100% !important; position: relative; }
figure.rec-image img { object-fit: cover; width: 100%; border-radius: var(--br); }

figure.rec-image.has-style-element img { border-radius: 999px 999px 0 0; }
figure.rec-image.has-style-element::after { content: ""; position: absolute; left: 0; top: -10%; z-index: -1; background-color: rgba(var(--clr-dark)); width: 810px; height: 822px; mask-image: url(/upload/files/1/stijlelement.svg); mask-repeat: no-repeat; transform: translateX(calc(0% - 33%)); mask-size: contain;}

figure.rec-image.has-style-element.small::after { transform: translateX(3%); width: 810px; height: 820px; top: -20%; }
figure.rec-image.has-style-element.small img { height: 580px !important; }

@media(max-width: 767.98px) {
    figure.rec-image img { max-height: 500px; }
}

@media(min-width: 1200px) {
    figure.rec-image:not(.has-style-element) img { height: 302px !important; }
    
    /*figure.rec-image.has-style-element img { height: 500px !important; }*/
    /*figure.rec-image.has-style-element::after { width: 500px; height: 500px; bottom: -25px; position: absolute; right: 10px; z-index: -1;}*/
}

/* Containers */
.container, .container-fluid { max-width: 1200px !important; }

@media(max-width: 1023.98px) {
    .container, .container-fluid { max-width: 650px !important; }
}

/* Header home */
.is-header.is-header-home { padding-top: 17px; padding-bottom: 0; position: relative; }
.is-header.is-header-home .btn-group { margin-top: 14px; }
.is-header.is-header-home .rec-text { max-width: 570px !important; }
.is-header.is-header-home .rec-text p { font-size: 20px !important; line-height: 36px !important; }
.is-header.is-header-home .rec-image > img { height: 500px !important; border-radius: 999px 999px 0 0 !important; } 


@media(max-width: 991.98px) {
    .is-header.is-header-home .is-container { padding-bottom: 0!important; }
}    .is-section-featured-vacancies .text-left {padding-right: 120px;}

@media(min-width: 992px) {
    .is-header.is-header-home { padding-top: 36px;}
    .is-header.is-header-home .row { margin-left: -36px !important; margin-right: -36px; }
    .is-header.is-header-home .row .col-12 { padding-left: 36px; padding-right: 36px; }
}

@media (max-width: 767.98px) {
  .is-section.is-light-text.is-box.is-section-50 .is-overlay-bg {
    background-position: 20% center !important;
    background-size: cover !important; /* hou vullend gedrag */
  }
}

/* Section: Cards */
.is-section-cards { padding-top: 62px !important; padding-bottom: 41px !important; }
.is-section-cards .row { row-gap: 15px; }
@media(min-width: 992px) {
    .is-section-cards { padding-top: 124px !important; padding-bottom: 82px !important;}
    .is-section-cards .row { row-gap: 30px; }
    .is-section-cards.is-section-cards-reviews .col-12.text-center { margin-bottom: 16px !important; }

}

/* Section: Featured vacancies */
.is-section-featured-vacancies { padding-top: 44px !important; padding-bottom: 51px !important; }
.is-section-featured-vacancies .vacancy-index-list .text-center { margin-top: 46px; }
@media(min-width: 992px) {
    .is-section-featured-vacancies { padding-top: 88px !important; padding-bottom: 102px !important; }
    .is-section-featured-vacancies .vacancy-index-list .text-center { margin-top: 62px; }
}
@media(max-width: 370px) {
    .is-section-featured-vacancies .text-left {padding-right: 70px;}
}



/* Cards */
.card-title { margin-bottom: 0 !important; }
.card.card-term { border: none !important; border-radius: var(--br); }
.card.card-term:not(.card-review) { height: 100% !important; }
.card.card-term .card-body{ padding: 27px 36px 44px 36px; }
.card.card-term:not(.card-review) .card-body { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.card.card-term .card-body span { display: flex; justify-content: start; margin-top: auto; }
.card.card-term .card-body p { color: rgba(var(--clr-paragraph)); line-height: 26px; margin: 12px 0 23px 0; font-weight: 400; }
.card.card-term .card-body img { width: 75px; height: 70px; object-fit: contain; object-position: center; }
.is-container:not(.builder-active) .card.card-term .card-body .btn::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; }
.card.card-term .card-body .btn:hover { text-decoration: none; color: rgba(var(--vacancy-btn-color)); }
.is-bg-lightblue .card.card-term { box-shadow: 0px 1px 6px 0px rgba(224, 224, 224, 0.25); }

.card.card-term.card-review { border: 1px solid rgba(222, 222, 222) !important; --br: 8px; }
.card.card-term.card-review * { color: rgba(18, 18, 18) !important; }
.card.card-term.card-review .card-title { font-weight: 600 !important; font-size: 18px !important; }
.card.card-term.card-review img { height: 22px; width: 96px; object-fit: contain; }

@media(min-width: 992px) {
    .card.card-term.card-review .card-body { padding: 41px 32px 44px 32px !important; }
}

/* Vacancy card */
.vacancy-index-item { border-radius: var(--br); border: none !important; padding: 25px !important; margin-bottom: 20px !important; position: relative !important; }
.vacancy-index-item .vacancy-index-item-title { color: rgba(var(--clr-green)); font-size: 24px !important; margin-bottom: 8px!important; font-family: 'Merriweather', sans-serif !important;}
.vacancy-index-item .vacancy-index-item-fields > div { line-height: 1 !important; padding: 0 !important;display: flex; gap: 13px; }
.vacancy-index-item .vacancy-index-item-fields > div .vacancy-index-item-field-value { display: flex; gap: 13px;}
.vacancy-index-item .vacancy-index-item-fields { gap: 15px; padding-left: 18px; }
.vacancy-index-item .vacancy-index-item-fields .fas.fa-cogs { color: transparent !important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(var(--clr-green)); }
.vacancy-index-item .col-auto.align-self-end { position: static !important; }
.vacancy-index-item .btn.btn-primary { background-color: rgba(var(--clr-yellow))!important; color: rgba(var(--clr-dark-green))!important;  }
.vacancy-index-item .btn.btn-primary:hover {background-color: rgba(var(--clr-yellow-hover))!important; color: rgba(var(--clr-white))!important; }
.vacancy-index-item .btn.btn-primary::after { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }
.vacancy-index-item .row.mb-2 {font-family: 'Merriweather', sans-serif !important; }

@media(max-width: 767.98px) {
    .vacancy-index-item .vacancy-index-item-fields { margin-top: 15px; }
}

@media(min-width: 768px) {
    .vacancy-index-item .row.mb-2 { margin-bottom: 0!important; font-family: 'Merriweather', sans-serif !important; }
}

@media(min-width: 1200px) {
    .vacancy-index-item .vacancy-index-item-fields { gap: 57px; padding-left: 18px; width: calc(100% + 15px); }
}

/* Vacature alert */
.vacancy-alert-container { margin-top: 75px !important; }
.vacancy-wrapper .vacancy-alert-container { padding-top: 50px !important; padding-bottom: 50px!important; position: relative; z-index: 1; }
.vacancy-wrapper .vacancy-alert-container::after { content: ''; position: absolute; top: 0; bottom: 0; left:50%; transform: translateX(-50%); width: 100vw; background: #fff; z-index: -1; }
.vacancy-alert-container .btn.btn-primary {background-color: rgba(var(--clr-yellow))!important; color: rgba(var(--clr-dark-green))!important; padding-left: 22px!important; padding-right: 22px!important;}
.vacancy-alert-container .btn.btn-primary:hover {background-color: rgba(var(--clr-yellow-hover))!important; color: rgba(var(--clr-white))!important; }
.vacancy-alert-container h2 {font-size: 46px; color: rgba(var(--clr-green))!important;  }


.select2-container--default .select2-search .select2-search__field { margin: 0 !important; padding: .375rem .75rem !important;min-height: 52px !important; }
.select2-container--default .select2-selection--multiple { padding: 0 !important; }
.select2-container--default .select2-search { display: block !important; }
#vacature-alert input:not([type="search"]) { height: 52px; border-radius: 8px !important; border-color: rgba(var(--clr-border)); }
#vacature-alert input[type="search"] { margin-left: 12px; }
#vacature-alert .select2-container--default .select2-selection--multiple { border-left: 1px solid rgba(var(--clr-border)); border-radius: 0 8px 8px 0; border-color: rgba(var(--clr-border)); height: 52px !important; }
#vacature-alert .input-group-prepend .input-group-text { color: rgba(38, 38, 38); background-color: #FFF; border-color: rgba(var(--clr-border)); border-right: 1px solid rgba(var(--clr-border)); border-radius: 8px 0 0 8px;}
#vacature-alert .row { row-gap: 14px !important; align-items: center; }
#vacature-alert label[for="security-answer"] { font-size: 12.5px !important; }
#vacature-alert .form-group.row { margin-bottom: 0 !important; }
#vacature-alert .input-group { flex-wrap: nowrap !important; height: 52px !important; }
#vacature-alert .select2-container--default .select2-selection--multiple { padding-bottom: 0!important; } 
@media(min-width: 992px) {
    .vacancy-alert-container { margin-top: 75px !important; }
}

/* Section: Text media */
.is-section-text-media { padding-top: 40px !important; padding-bottom: 40px; }
.is-section-text-media.contact h2, .is-section-text-media.contact p { color: rgba(30, 31, 75, 1) !important; }
.is-section-text-media.contact input, .is-section-text-media.contact textarea { border-radius: 8px !important; }
.is-section.last-section.is-section-text-media-large, .is-section.is-section-text-media-xl { overflow: clip !important;}
@media(max-width: 767.98px) {
    .is-section-text-media .col-md-6:last-of-type:has(.rec-image) { order: -1 !important; }
    .is-section-text-media .row:has(.col-md-6:first-of-type:has(.rec-image)) { row-gap: 54px !important; } 
}
@media(min-width: 992px) {
    .is-section-text-media { padding-top: 81px !important; padding-bottom: 90px !important; }
    .is-section-text-media .row { margin-left: -36px !important; margin-right: -36px; }
    .is-section-text-media .row .col-12 { padding-left: 25px; padding-right: 25px; }
    
    .is-section-text-media.is-section-text-media-small { padding-top: 85px !important; }
    .is-section-text-media.is-section-text-media-small .row { margin-left: -46px !important; margin-right: -46px; }
    .is-section-text-media.is-section-text-media-small .row .col-12 { padding-left: 46px; padding-right: 46px; }
    .is-section-text-media.is-section-text-media-small .row h3 { margin-bottom: 13px !important; }
    
    .is-section.last-section.is-section-text-media-large { padding-bottom: 290px !important; padding-top: 70px !important; }
    .is-section.is-section-text-media-xl figure.rec-image.has-style-element::after { left: unset !important; top: unset !important; bottom: -30% !important; transform: translateX(calc(0% - 60%)); }
    .is-section.is-section-text-media-xl figure.rec-image.has-style-element img { height: 600px !important; } 
    .is-section.is-section-text-media-xl { padding-top: 70px !important; }
    
}

@media(min-width: 1400px) {
    .is-section-text-media { padding-top: 71px !important; }
    .is-section-text-media .row { margin-left: -64.5px !important; margin-right: -64.5px; }
    .is-section-text-media .row .col-12 { padding-left: 35px; padding-right: 35px; }
}

/* Footer */
.is-footer * { color: #FFF !important; }
.is-footer img { width: 107px !important; height: 69px !important; margin-bottom: 24px !important; }
.is-footer h3, .is-footer p, .is-footer a { font-size: 14px !important; margin-top: 0!important;   }
.is-footer h3 { margin-bottom: 7px !important; } 
.is-footer p { display: block!important; margin-bottom: 4px; }
.is-footer a { display: flex !important; align-items: center; gap: 5px; margin-bottom: 4px; }

.is-footer-bottom .is-container { margin-top: 20px !important; margin-bottom: 23px !important; }
.is-footer-bottom .inner { display: flex; justify-content: space-between; flex-direction: column-reverse; gap: 15px !important; }
.is-footer-bottom .inner p { margin: 0 !important; font-size: 14px !important; }
.is-footer-bottom .inner a { text-decoration: underline; font-size: 14px !important; font-weight: 500 !important; }

@media(max-width: 1199.98px) {
    .is-footer .row { row-gap: 25px !important; }
}

@media(min-width: 425px) {
    .is-footer-bottom .inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row;}
    .is-footer-bottom .inner .btn-group { flex-direction: row !important; }
}

@media(min-width: 992px) {
    .is-footer .is-container { margin-top: 41px !important; margin-bottom: 71px !important; color: rgba(46, 62, 92) !important; }
}

@media(min-width: 1400px) {
    .is-footer-bottom .inner .btn-group { gap: 63px !important; }
}


/* Header subpage */
.is-header-subpage { position: relative; display: flex!important; align-items: center; }
.is-header-subpage::after { content: ''; -webkit-mask-image: url(/upload/files/1/stijlelement.svg); mask-image: url(/upload/files/1/stijlelement.svg); position: absolute; left: 4%; top: -35%; width: 1128px; height: 800px; background-color: rgba(var(--clr-white)); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain;}

@media(min-width: 992px) {
    .is-header-subpage { height: 309px !important; }
}

@media (max-width: 767.98px) {
  .is-section.is-header.is-header-subpage .is-overlay-bg {
    background-position: 20% center !important; /* links uitlijnen */
    background-size: cover !important;
  }
}

/* Vacancy overview */
.badge.badge-filter:hover {color: #F2C94C!important; }       
body .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {background-color: #F2C94C!important; border-color: #F2C94C!important; }

.container:has( .vacancy-wrapper)  { margin-top: 40px !important; }
 
.vacancy-wrapper .btn.btn-primary { background-color: rgba(var(--clr-yellow))!important; color: rgba(var(--clr-dark-green))!important;  }
.vacancy-wrapper .btn.btn-primary:hover {background-color: rgba(var(--clr-yellow-hover))!important; color: rgba(var(--clr-white))!important; }

.vacancy-wrapper .row.mt-4 { margin-top: 20px !important; }

.vacancy-wrapper .row:first-of-type label { color: var(--clr-dark-green)!important; font-size: 16px !important; margin-bottom: 5px !important; }
.vacancy-wrapper .row:first-of-type input#search-zipcode { border: 1px solid rgba(var(--clr-border)) !important; } 
.vacancy-wrapper .row:first-of-type .input-group-prepend.mr-2:has(.fa-location) { display: none !important; }
.vacancy-wrapper .row:first-of-type .input-group-prepend i { color: rgba(148, 148, 148, 1) !important; }
.vacancy-wrapper .input-group-search { opacity: 1 !important; border: none !important; border-radius: 8px !important; }
.vacancy-wrapper .input-group-search .input-group-prepend { height: 52px; }

.vacancy-wrapper .vacancy-index-sidebar { background-color: rgba(var(--clr-white)); border-radius: var(--br) !important; padding: 26px 26px 40px 30px !important; top: 11rem !important; }
.vacancy-wrapper .vacancy-index-sidebar .vacancy-index-active-filters { display: none !important; visibility: hidden !important;}
.vacancy-wrapper .vacancy-index-sidebar .vacancy-index-item-filter-name { font-family: 'Merriweather', sans-serif !important; color: rgba(var(--clr-headings)) !important; font-weight: 700 !important; font-size: 18px !important; margin-bottom: 6px !important; word-break: break-all; }
.vacancy-wrapper .vacancy-index-sidebar .vacancy-index-item-filter-options:not(:last-of-type) { margin-bottom: 26px !important; }
.vacancy-wrapper .vacancy-index-sidebar .vacancy-index-item-filter-options:last-of-type { margin-bottom: 0!important; }

.vacancy-wrapper .vacancy-index-list-counter { display: inline-grid; place-items: center; min-width: 37px; min-height: 37px; padding: 0!important; background-color: rgba(var(--clr-headings-strong)); }
.vacancy-wrapper .vacancy-index-list-title { display: flex; gap: 9px; font-size: 18px !important; font-weight: 700; line-height: 27px !important; align-items: center !important; }

.vacancy-wrapper .vacancy-index-item-fields { display: grid; margin-top: 10px !important; }

.is-container:has(.vacancy-wrapper) { position: unset !important; padding-bottom: 0 !important; }



@media (max-width: 767.98px){
.is-wrapper .is-box .is-container { margin-top: 120px; margin-bottom: 0px;}
}


@media(max-width: 767.98px) {
    .vacancy-wrapper .row:first-of-type > div:not(:first-of-type) { margin-top: 20px; }
}


@media(min-width: 992px) {
    .vacancy-wrapper .row.mt-4 { margin-top: 51px !important; }
    .vacancy-wrapper .vacancy-index-sidebar { padding: 26px 26px 40px 30px !important; }
    .vacancy-wrapper .row:first-of-type label {argin-bottom: 13px !important; }

}

@media(min-width: 1024px) {
    .vacancy-wrapper  .vacancy-index-item .vacancy-index-item-fields { grid-template-columns: repeat(2, minmax(0,200px)); gap: 12px 30px !important; }
    .vacancy-wrapper .vacancy-index-item-fields .align-self-end { position: absolute !important; right: 20px; top: 50%; transform: translateY(-50%) !important; }
    
    .vacancy-wrapper .vacancy-alert-container { padding-top: 70px !important; padding-bottom: 70px !important; }
}

/* Forms */
.col-form-label { color: rgba(var(--clr-dark-green)); line-height: 25px !important; }
.custom-file .btn .unvalid { color: rgba(var(--clr-green)); }
.input-group.input-group-search form input:not(.select2-search__field) { border: 0 !important; border-radius: 0 !important; }
.input-group-search .form-control { border-radius: 8px !important; border: 1px solid rgba(var(--clr-border)); }
.form-control { min-height: 52px !important; border-color: rgba(var(--clr-border)) !important; }
.input-group:has(#search-input) .input-group-prepend { border: 1px solid rgba(var(--clr-border)) !important; margin-right: 0!important; border-right: 0 !important; padding-left: 12px !important; }
.input-group:has(#search-input) #search-input { border-radius: 0 8px 8px 0 !important; border-left: 0!important; }
.form-control:focus { box-shadow: none !important; }

/* Vacancy detail */
.section_vacancy-detail-header .slider .slick-arrow { z-index: 5; }
.section_vacancy-detail-header { margin-bottom: 0!important; }
.section_vacancy-detail-header .header { border-radius: var(--br) var(--br) 0 0;}
.section_vacancy-detail-header .container-fluid:has(.header) { z-index: 2 !important; position: relative; }
.container_vacancy-detail .section_vacancy-detail-header span { text-transform: lowercase !important; font-family: 'montserrat', sans-serif!important; letter-spacing: 0; font-size: 20px; font-weight: 500!important;}
.container_vacancy-detail .section_vacancy-detail-header span::first-letter { text-transform: uppercase !important; }
.vacancy-detail-title {font-weight: 700!important;}
.container_vacancy-detail .section_vacancy-detail-body .container-fluid { padding-bottom: 59px !important; border-radius: 0 0 var(--br) var(--br) !important;}

.container_vacancy-detail h3 { margin-bottom: 9px !important; }
.container_vacancy-detail h3.mb-3 { margin-top: 15px !important; display: inline-block !important; }
.container_vacancy-detail .vacancy-detail-content h3:first-child { margin-top: 31px !important; }
.container_vacancy-detail h3.mt-5 { margin-top: 0!important;  }
.container_vacancy-detail .vacancy-contact-name { margin-bottom: 0!important; font-size: 18px !important; }


.container_vacancy-detail .vacancy-detail-subtitle::after { content: unset !important; }
.container_vacancy-detail .vacancy-detail-subtitle { font-size: clamp(20px, 4vw, 24px) !important; margin-bottom: 9px !important; }
.container_vacancy-detail .vacancy-detail-subtitle + .vacancy-detail-content p { margin-top: 0 !important; }

.container_vacancy-detail .section_vacancy-detail-body { padding: 0 !important; }
.container_vacancy-detail .section_vacancy-detail-body .container-fluid { background-color: #FFF !important; }


.container_vacancy-detail .vacancy-detail-offer-and-requirements .item { background-color: rgba(var(--clr-green), .05) !important; border: none; border-radius: var(--br); }
.container_vacancy-detail .vacancy-detail-offer-and-requirements .item span {font-family: 'montserrat', sans-serif!important; opacity: 1!important; color: rgba(var(--clr-green)) !important; letter-spacing: unset !important; font-size: 16px !important; margin-bottom: 4px !important; font-weight: 500;} 
.container_vacancy-detail .vacancy-detail-offer-and-requirements .item i { display: none !important; }

.container_vacancy-detail .vacancy-detail-progress .progress-bar { background-color: rgba(var(--clr-green)); }
.container_vacancy-detail .vacancy-detail-progress .progress-group span { letter-spacing: unset !important; font-family: 'montserrat', sans-serif!important; font-weight: 500; color: rgba(var(--clr-dark-green))!important;} 

.container_vacancy-detail .secondary-benefit-value {font-family: 'montserrat', sans-serif!important;}

.container_vacancy-detail .section_vacancy-detail-body .vacancy-detail-cta { background-color: rgba(var(--clr-green), 0.05) !important; border-radius: var(--br) !important; }
.container_vacancy-detail .section_vacancy-detail-body .vacancy-detail-cta h2 { color: rgba(var(--clr-green)) !important; font-size: clamp(20px, 4vw, 24px) !important; margin-bottom: 20px !important; }

.vacancy-detail-sidebar .sticky-top { top: 10rem !important; z-index: 5 !important; }
.container_vacancy-detail .section_vacancy-detail-body .vacancy-detail-sidebar .sidebar-card { text-align: start !important; background-color: rgba(var(--clr-green), .05); padding: 17px 25px !important; border-radius: var(--br) !important;  }
.container_vacancy-detail .section_vacancy-detail-body .vacancy-detail-sidebar .sidebar-card h2 { font-size: 18px !important; color: rgba(var(--clr-green)) !important; font-weight: 700 !important; }
.container_vacancy-detail .section_vacancy-detail-body .vacancy-detail-sidebar .sidebar-card .vacancy-detail-subtitle:first-child { margin-top: 0; }
.container_vacancy-detail .section_vacancy-detail-body .vacancy-detail-sidebar span { color: font-size: 18px !important; }
.container_vacancy-detail .section_vacancy-detail-body .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item span { font-size: 16px !important; font-weight: 400!important; font-family: 'montserrat', sans-serif!important; color: rgba(var(--clr-dark-green))!important;}
.container_vacancy-detail .section_vacancy-detail-body .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share span { font-weight: 500 !important; font-size: 16px !important; text-transform: unset !important; font-family: 'montserrat', sans-serif!important; color: rgba(var(--clr-dark-green))!important;}
.container_vacancy-detail .section_vacancy-detail-body .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share i { font-weight: 300 !important; }

.section_vacancy-detail-header .slider .overlay { z-index: 1; background-color: rgba(0, 0, 0, 0.33); overflow: clip !important; }
.section_vacancy-detail-header .slider .overlay::after { content: ''; -webkit-mask-image: url(/upload/files/1/stijlelement.svg); mask-image: url(/upload/files/1/stijlelement.svg); position: absolute; height: 800px !important; left: 12%; top: -35%; width: 1128px; background-color: rgba(var(--clr-white)); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: cover; -webkit-mask-size: cover;}
.vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share::before { content: unset !important; }

.section_vacancy-detail-header .slider .slide { height: 100% !important; }

.vacancy-detail-process .vacancy-detail-process-item {border-radius: 20px;}
.vacancy-detail-process .vacancy-detail-process-item .overlay {border-radius: 20px; opacity: 0;}
.vacancy-detail-process .vacancy-detail-process-item .step {align-items: center;} 
.vacancy-detail-process .vacancy-detail-process-item .step p {color: rgb(4, 39, 15); text-shadow: none!important;}
.vacancy-detail-process .vacancy-detail-process-item .process-duration {color: rgb(4, 39, 15); text-shadow: none!important;}
.vacancy-detail-process .vacancy-detail-process-item .step .number {background-color: #6AA281!important; text-shadow: none!important; color: #FFFFFF!important;}




@media(max-width: 767.98px) {
    .section_vacancy-detail-header .btn.btn-info.btn-apply.border-radius { position: fixed !important; bottom: 0 !important; width: 100%; left: 0 !important; border-radius: 0 !important;  }
    .container_vacancy-detail .section_vacancy-detail-body .vacancy-detail-cta { display:none; }
}

@media(max-width: 991.98px) {
        .section_vacancy-detail-header .container-fluid:has(.header) { max-width: 1200px !important; }
}

@media(min-width: 768px) {
    .container_vacancy-detail .section_vacancy-detail-body .container-fluid { max-width: 1270px !important; }
        .container_vacancy-detail .section_vacancy-detail-body { background-color: rgba(var(--clr-light-gray)); }

}

@media(min-width: 992px) {
    .container_vacancy-detail .vacancy-info { gap: 57px !important; }

    .container_vacancy-detail .section_vacancy-detail-body .vacancy-detail-cta { padding-top: 29px !important; padding-bottom: 41px !important; }
    .container_vacancy-detail .section_vacancy-detail-body .vacancy-detail-cta h2 { margin-bottom: 30px !important; }
    .container_vacancy-detail .section_vacancy-detail-body .row.gx-md-5 { padding: 37px 41px 0 46px; }
    
    .section_vacancy-detail-header .header { padding: 58px 62px 0 58px !important; }
}

@media(min-width: 1200px) {
    .container_vacancy-detail .vacancy-detail-cta { margin-left: 46px !important; margin-right: 46px !important; border-radius: var(--br); }
}

@media only screen and (max-width: 550px) {
    .vacancy-detail h1 {
        font-size: 35px; line-height: 45px;
    }
}

/* Apply */
.background-block-white { border-radius: var(--br) !important; }
@media(min-width: 992px) {
    .background-block-white { padding: 40px !important; }
}

/* Section: Quote */
.is-section-quote { height: 300px !important; }
.is-section-quote * { color: #FFF; }
.is-section-quote i { font-size: clamp(30px, 4vw, 60px); }

@media(max-width: 992px) {
    .background-block-white { padding: 40px !important; }
}



/* WhatsApp */
.whatsappbutton { z-index: 1000; background-color: #25D366; position: fixed; right: 20px; bottom: 17px; font-size: 18px; padding: 12px 27px; border-radius: 50px; font-weight: 500; transition:ease-in-out 200ms all; }
.whatsappbutton .whatsapp { display: flex; align-items: center; font-weight: 600; column-gap: 8px; color: #fff !important; }
.whatsappbutton .fa-whatsapp { color:#fff !important; font-weight: bold; font-size: 24px; }
.whatsappbutton:hover{ text-decoration:none; background-color: #2fa35a !important; }

@media screen and (max-width: 992px) {
    .whatsappbutton{ right:10px; bottom:10px; font-size:16px; }
}

.extra-whitespace { padding-top: 85px !important; }

@media(min-width: 992px) {
    .extra-whitespace { padding-top: 171px !important; }
}

.custom-control-label::before { top: unset !important; }
label.custom-control-label::before, label.custom-control-label::after { top: -.1rem !important; }



/* mobiele versie */

460