@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400; 500;600;700;800&display=swap');

:root {
    --font-primary: 'Montserrat', sans-serif !important;
    
    --clr-primary: #A91928;
    --clr-primary-rgb: 169,25,40;
    --clr-secondary: #6B8572;
    --clr-light: #F8F8F8;
    
    --clr-border-red: #E7BFC4;
    
    --vacancy-accent-color: var(--clr-primary-rgb);
    --vacancy-btn-color: var(--clr-primary-rgb);
}

.nav-link[href="/vacatures"]::before { content: var(--vacancy-count) !important; font-family: var(--font-primary) !important; width: 28px; height: 28px; font-size: 16px; font-weight: 600; top: -6px; right: -8px; border-radius: 50%; position: absolute; background-color: #6b8572; color: #fff; display: flex; justify-content: center; align-items: center; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12); }

.modal-dialog form [for="accept_terms"] a { margin-left: 5px; }

body { font-family: var(--font-primary); background-color: #fff; font-weight: 500; line-height: 1.4; }

/* ---------- Typography ---------- */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: var(--font-primary); font-weight: 800; margin: 0 0 .5em 0; line-height: 1!important; }
h1, .h1 { font-size: clamp(30px, 4vw, 52px)!important; }
h2, .h2 { font-size: clamp(28px, 4vw, 38px)!important; }
h3, .h3 { font-size: clamp(20px, 4vw, 26px)!important; }
.display { margin-bottom: 32px; }
.display h1 { text-transform: none; }
.display p { font-size: clamp(18px, 4vw, 24px)!important; margin: 0!important; line-height: 1.2; }

p, td, li, label { font-size: 17px; line-height: 1.4; font-weight: 500; }kla

.pre-title *,
.pre-title { font-size: clamp(17px, 4vw, 20px)!important; text-transform: uppercase; color: var(--clr-secondary); font-weight: 700; }

ul.usps { padding: 0; list-style: none; } 
ul.usps li { display: flex; align-items: center; column-gap: 8px; border-radius: 30px; border: 1px solid #D1D1D1; background-color: #F7F7F7; padding: 6px 10px; font-size: 17px; }
ul.usps li i { color: var(--clr-secondary); }
ul.usps li + li { margin-top: 10px; }

/* ---------- RESET ---------- */
.is-wrapper { height: auto!important; position: relative; overflow-x: hidden; overflow-y: hidden; }
.is-wrapper,
.is-wrapper > div { transition: none!important; }
.is-container { width: 100%; max-width: 1500px!important; padding-block: 0!important; transition: none!important; }
.is-boxes { min-height: 0!important; }
.has-bg-light {background-color: transparent !important; }

.is-wrapper::after { 
    content: ''; position: absolute; top: 150vh; right: -80px; display: block; width: 400px;
    height: 400px;
    background: url(/upload/images/2/recycle-327648.png) no-repeat center /contain; pointer-events: none;
}

@media (min-width: 1200px) {
    .is-wrapper::after { width: 780px; height: 780px; }
}

.embed-responsive::before { pointer-events: none!important; }
.embed-responsive img.embed-responsive-item { width: 100%!important; height: 100%!important; object-fit: cover; }

/* ---------- Background colors ---------- */
.has-gradient-light { --offsset: 50%; background: linear-gradient(0deg, rgba(248,248,248,1) var(--offsset), rgba(248,248,248,0) var(--offsset))!important; }
.has-bg-light { background-color: var(--clr-light)!important; }


/* ---------- Cards ---------- */
.card { border: none!important; border-radius: 14px; overflow: hidden; }
.card .card-header { padding: 0!important; overflow: hidden; border-radius: 14px 14px 0 0!important; }
.card .card-header img { margin: 0; }

.card .card-header.card-header--ratio { --aspect-ratio: 75%; position: relative; }
.card .card-header.card-header--ratio::after { content: ''; display: block; width: 100%; padding-top: var(--aspect-ratio); }
.card .card-header.card-header--ratio img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 250ms ease-in-out; }
.card:hover .card-header.card-header--ratio img { transform: scale(1.05); }
.card { text-decoration: none !important; }

.card .card-link { text-transform: uppercase; font-weight: 800; display: flex; justify-content: space-between; align-items: center; background-color: var(--clr-light); padding: 10px 15px; }
.card .card-link::after { font-family: 'Font Awesome 5 Pro'; content: "\f061"; display: inline-block; }
.card .card-link::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.is-section-cards .card .card-link::before { content: unset !important; }

.card.card-step { background-color: #fff!important; border: 1px solid var(--clr-border-red)!important; }
.card.card-step .card-header { display: flex; align-items: center; min-height: 98px; column-gap: 15px; padding: 20px 20px 0 20px!important; background-color: #fff; border: none; } 
.card.card-step .card-header img { width: 55px!important; height: auto; }
.card.card-step .card-header .card-header__text { line-height: 1; }  
.card.card-step .card-header .card-header__text span { display: block; width: 100%; font-size: 18px!important; text-transform: uppercase; color: var(--clr-secondary); font-weight: 700; line-height: 1; }
.card.card-step .card-header .card-header__text strong { font-size: 20px; text-transform: uppercase; font-weight: 900; line-height: 1; }

.card.card-location { background-color: #F8F8F8; }
.card.card-location .card-header { position: relative; }  
.card.card-location .card-header img { width: 100%; height: 265px; object-fit: cover; }
.card.card-location .card-header strong { color: #fff; font-size: 26px; font-weight: 900; position: absolute; bottom: 20px; left: 20px; right: 20px; }  
.card.card-location .card-header::before {    content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; }
.card.card-location .card-body { background-color: #F8F8F8; }

.card .card-link:hover, .card .card-link { text-decoration: none!important; }

@media (min-width: 992px) {
    .card .card-link { font-size: 16px; }
}

@media(min-width: 1400px) {
        .card .card-link { font-size: 18px; }
}



/* ---------- Buttons ---------- */
.btn { display: inline-flex; column-gap: 29px; font-size: 20px; line-height: 1; border-radius: 4px 4px 10px 10px!important; text-transform: uppercase; letter-spacing: 0; font-weight: 800; padding: 15px 35px; box-shadow: none!important; }
.btn::after { font-family: 'Font Awesome 5 Pro'; content: "\f061"; display: inline-block; width: 18px; height: 18px; transition: transform 150ms ease-in-out; }
.btn:hover::after, .btn:focus::after, .btn:active::after { transform: translateX(10px)!important; }

.btn.btn-primary { background-color: var(--clr-primary)!important; border: 1px solid var(--clr-primary)!important; }
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active { background-color: var(--clr-secondary)!important; border: 1px solid var(--clr-secondary)!important; opacity: 1!important; }

.btn.btn-secondary { color: #fff; background-color: var(--clr-secondary)!important; border: 1px solid var(--clr-secondary)!important; }
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active { background-color: var(--clr-primary)!important; border: 1px solid var(--clr-primary)!important; opacity: 1!important; }

.btn.btn-white { background-color: #fff; border: 1px solid #fff; }
.btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active { color: #fff; background-color: var(--clr-secondary); border: 1px solid var(--clr-secondary); }

.btn.btn-outline { border: 1px solid #fff; color: #fff; }
.btn.btn-outline:hover, .btn.btn-outline:focus, .btn.btn-outline:active { background-color: var(--clr-secondary); border-color: var(--clr-secondary); color: #fff; }

.btn.btn-white-secondary { background-color: #fff; border: 1px solid #fff; }
.btn.btn-white-secondary:hover, .btn.btn-white-secondary:focus, .btn.btn-white-secondary:active { color: #000; background-color: var(--clr-light); border: 1px solid var(--clr-light); }

.btn-fixed-wrapper { pointer-events: none; position: fixed!important; right: 15px!important; bottom: 15px!important; height: 150px!important; width: 178.88px!important; z-index: 1030; background-color: transparent!important; }
.btn-fixed-wrapper::before { pointer-events: none; opacity: 0; z-index: -1; content: ''; width: 181px; height: 251px; background: url('/upload/custom/contact-img-2.png'); background-size: contain; position: absolute; top: 0; transform: translatey(calc(-100% + 62px)); left: 0; transition: opacity 150ms ease-in-out; }
.btn-fixed-wrapper:has(.btn:hover)::before { opacity: 1; }

.btn.btn-fixed-contact { pointer-events: all; align-items: start; padding: 20px!important; box-shadow: 0 0 20px 0 rgba(0,0,0,.16)!important; flex-direction: column; }
.btn.btn-fixed-contact:hover, .btn.btn-fixed-contact:focus, .btn.btn-fixed-contact:active { background-color: #fff!important; border-color: #fff!important; color: #000; }
.btn.btn-fixed-contact::after { display: none; }
.btn.btn-fixed-contact .btn__options { display: flex; flex-direction: column; align-items: start; height: 0px; width: 115px; overflow: hidden; transition: width 250ms ease-in-out, height 250ms ease-in-out; }
.btn.btn-fixed-contact .btn__options a { text-transform: none; text-decoration: none; font-weight: 300!important; font-size: 17px!important; padding-top: 8px; }
.btn.btn-fixed-contact .btn__options a i { color: var(--clr-primary); }
.btn.btn-fixed-contact .btn__options a:hover { color: var(--clr-primary); } 
.btn.btn-fixed-contact:hover .btn__options { height: 88px; width: 136.88px; }

.btn.btn-outline-secondary { border: 1px solid #C1C1C1; border-radius: 15px!important; column-gap: 14px; color: var(--clr-primary); }
.btn.btn-outline-secondary i { color: var(--clr-primary); }
.btn.btn-outline-secondary::after { margin-left: 39px; }
.btn.btn-outline-secondary:hover, .btn.btn-outline:focus, .btn.btn-outline:active { background-color: var(--clr-secondary); border-color: var(--clr-secondary); color: #fff; }
.btn.btn-outline-secondary:hover i, .btn.btn-outline:focus i, .btn.btn-outline:active i { color: #fff; }

.is-buttons { display: flex; flex-wrap: wrap; gap: 10px 19px }

@media (min-width: 992px) {
    .btn.btn-fixed-contact { right: 32px; }
}



/* ---------- Forms ---------- */
.input-group-search { border: 1px solid #C1C1C1!important; background-color: transparent; border-radius: 15px!important; }

body .custom-control label { min-height: 24px; display: flex; align-items: center; font-weight: 300; font-size: 15px; padding-left: 10px; }
body .custom-checkbox .custom-control-input ~ .custom-control-label::after,
body .custom-checkbox .custom-control-input ~ .custom-control-label::before { width: 22px; height: 22px; margin: -1px 0 0 0; }


/* ---------- Navigation ---------- */
#nav-main { padding: 15px; position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 1040; background-color: #fff!important; }
#nav-main .is-container { max-width: 100%!important; padding: 0!important; flex-wrap: nowrap; column-gap: 20px; }

#nav-main .navbar-brand { padding: 0; margin: 0; }
#nav-main .navbar-brand img { height: auto!important; width: 100%; max-width: 233px; }

#nav-main .navbar-toggler { padding: 0; }
#nav-main .navbar-toggler span { transition: none!important; }
#nav-main .navbar-toggler:not(.collapsed) span:nth-child(1),
#nav-main .navbar-toggler:not(.collapsed) span:nth-child(3) { left: 0; top: 6px; }

#navbar-main .nav-item .nav-link { text-transform: uppercase; font-weight: 600; } 
#navbar-main .nav-item .nav-link:hover { color: var(--clr-primary); }
#navbar-main .nav-item.active .nav-link { color: var(--clr-primary); font-weight: 700; } 
#navbar-main .nav-item:last-child .nav-link { background-color: var(--clr-primary); color: #fff; display: flex; column-gap: 12px; font-size: 16px; line-height: 1; border-radius: 4px 4px 10px 10px!important; text-transform: uppercase; letter-spacing: 0; font-weight: 800; padding: 15px 35px; transition: 150ms ease-in-out;  } 
#navbar-main .nav-item:last-child .nav-link:hover, #navbar-main .nav-item:last-child .nav-link:focus, #navbar-main .nav-item:last-child .nav-link:active { background-color: var(--clr-secondary)!important; border-color: var(--clr-secondary)!important; }
#navbar-main .nav-item:last-child .nav-link::after { font-family: 'Font Awesome 5 Pro'; content: "\f061"; display: inline-block; width: 16px; height: 16px; transition: transform 150ms ease-in-out; }
#navbar-main .nav-item:last-child .nav-link:hover::after, #navbar-main .nav-item:last-child .nav-link:focus::after, #navbar-main .nav-item:last-child .nav-link:active::after { transform: translateX(10px) !important; }

#nav-main + .is-wrapper { margin-top: 70px; }

/* Mobile menu */
@media (max-width: 991.98px) {
    #nav-main .navbar-collapse { padding:70px 15px 15px 15px; position: fixed; top: 0; right: 0; bottom: 0; left: auto; width: 100%; max-width: 375px; background-color: #fff; z-index: -1; margin: 0!important; }
    #nav-main .navbar-collapse.collapsing { display: flex!important; flex-direction: column; height: 100%!important; }
    #nav-main .navbar-collapse.show { display: flex; flex-direction: column; }
    #nav-main .navbar-collapse .navbar-nav { width: 100%; flex-grow: 1; display: flex; flex-direction: column } 
    #navbar-main .nav-item { border: none!important; }
    #navbar-main .nav-item:last-child { margin-top: auto; } 
    #navbar-main .nav-item:not(:last-child) .nav-link { padding-left: 0!important; } 
}

@media (min-width: 992px) {
    #nav-main { height: 100px; }
    #nav-main + .is-wrapper { margin-top: 100px; }
    #nav-main .navbar-collapse .navbar-nav { width: 100%; display: flex; align-items: center; }
    #navbar-main .nav-item:last-child { margin-left: auto; }
}

@media (min-width: 1200px) {
    #nav-main { padding-right: 48px!important; }
}

@media (min-width: 1400px) {
    #nav-main { padding-right: 120px!important; }
    #navbar-main .nav-item:not(:last-child) .nav-link { padding-left: 30px!important; padding-right: 30px!important; } 
}

/* ---------- Header ---------- */
.is-header .is-header__inner { padding-top: 32px!important; padding-bottom: 32px!important; }
.is-header .is-container { width: 100%; max-width: 1500px!important; padding-block: 0!important; }
.is-header .is-overlay-color { opacity: .25!important; }

@media (min-width: 768px) {
    .is-header .is-header__inner { padding-top: 48px!important; padding-bottom: 48px!important; }
}

@media (min-width: 992px) {
    .is-header .is-header__inner { padding-top: 64px!important; padding-bottom: 64px!important; }
}


#navbar-main .nav-item:nth-of-type(1) { position: relative; }

#navbar-main .nav-item:nth-of-type(1)::before { content: var(--vacancy-count) !important; font-family: var(--font-primary) !important; width: 28px; height: 28px; font-size: 16px; font-weight: 600; top: -6px; right: -8px; border-radius: 50%; position: absolute; background-color: #6b8572; color: #fff; display: flex; justify-content: center; align-items: center; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12); }



/* ---------- Modal ---------- */
.modal-content { border-radius: 14px!important; }

@media (min-width: 1200px) {
    .modal-content { padding: 20px!important; }
}

/* ---------- Slick slider ---------- */
.slick-dots li:hover,
.slick-dots li { width: 17px; height: 17px; background: #F4F4F4; border: 1px solid #C1C1C1; margin: 0 6px; }
.slick-dots li.slick-active { background-color: var(--clr-primary); border-color: var(--clr-primary); }


/* ---------- Header home / subpage ---------- */
.is-header .display { color: #fff; }

.is-header.is-header--home { padding-bottom: 32px!important; }
.is-header.is-header--home .is-overlay-color { background: #000; opacity: .5 !important; }

.is-header.is-header--subpage + .is-section,
.is-header.is-header--home + .is-section { margin-top: -32px!important; background-color: transparent!important; }

.is-header.is-header--subpage.is-header-collega { padding-bottom: 0!important; }
.is-header.is-header--subpage.is-header-collega + .is-section { margin-top: 0!important; }

.is-header.is-header--subpage + .is-section .is-container,
.is-header.is-header--home + .is-section .is-container { position: relative; z-index: 1; padding-top: 48px!important; }
.is-header.is-header--subpage + .is-section .is-container::after,
.is-header.is-header--home + .is-section .is-container::after { z-index: -1; content: ''; position: absolute; height: 100%; max-height: 250px; width: calc(100% + 75px); top: 0; left: 50%; transform: translateX(-50%); background-color: #fff; border-radius: 14px; }

.is-video-bg { width: 100%!important; height: 100%!important; object-fit: cover!important; transform: none!important; left: 0!important; top: 0!important; }


@media (min-width: 1200px) {
    
    .is-header.is-header--subpage .is-header__inner,
    .is-header.is-header--home .is-header__inner { padding-top: 180px!important; padding-bottom: 160px!important; }
    
    .is-header.is-header--subpage,
    .is-header.is-header--home { padding-bottom: 120px!important; }
    
    .is-header.is-header--subpage + .is-section,
    .is-header.is-header--home + .is-section { margin-top: -120px!important; }
}

@media (min-width: 1400px) {
    .is-header.is-header--subpage,
    .is-header.is-header--home { padding-bottom: 200px!important; }
    
    .is-header.is-header--subpage + .is-section,
    .is-header.is-header--home + .is-section { margin-top: -200px!important; }
}

/* ---------- Header slider ---------- */
.is-header.is-header--slider { margin-bottom: 200px; }
.is-header.is-header--slider .is-header__inner { padding-bottom: 0!important; }
.is-header.is-header--slider .card { margin-bottom: -200px; }
.is-header.is-header--slider .card h2 { font-size: clamp(20px, 4vw, 26px)!important; }
.is-header.is-header--slider .slick-dots { bottom: -40px; max-width: 1000px!important; left: 50%!important; transform: translateX(-50%)!important; margin-right: auto; padding: 0 30px!important; }
.is-header.is-header--slider .is-overlay,
.is-header.is-header--slider .is-overlay .is-overlay-content { overflow: inherit!important; max-height: 704px!important; }
.is-header.is-header--slider .slider-image { background-position: top!important; }

@media (min-width: 768px) {
    .is-header.is-header--slider .slick-dots { display: flex; justify-content: end; }
}

@media (min-width: 1200px) {
    .is-header.is-header--slider .is-header__inner { padding-top: 400px!important; padding-bottom: 78px!important; }
    .is-header.is-header--slider .card .card-body { padding: 45px; }
}

/* ---------- Section cards ---------- */
.is-section-cards { padding-bottom: 48px!important; }
.is-section-cards .is-text { margin-bottom: 32px; }
.is-section-cards .row { gap: 25px 0; }

@media (min-width: 1200px) {
    .is-section-cards { padding-bottom: 96px!important; }
    .is-section-cards .is-text { margin-bottom: 50px; }
}



.vacancy-alert-container { background: #fff; padding: 20px; border-radius: 15px; margin-top: 32px; }
.vacancy-alert-container .select2-container--default .select2-selection--multiple { margin: 0; padding: 0; }
.vacancy-alert-container .select2-container--default .select2-search--inline .select2-search__field { margin: 0; height: calc(2.25rem + 2px); border-color: #ced4da!important; }
.vacancy-alert-container .btn.btn-primary { display: flex; align-items: center; }
.vacancy-alert-container .input-group + .row .col-12 { margin-bottom: 15px; }

/* ---------- Section text media ---------- */
.is-text-media { padding-bottom: 48px!important; }
.is-text-media .row { margin: 0; z-index: 1;}
.is-text-media .is-container__inner { background-color: var(--clr-primary); border-radius: 14px; overflow: hidden; }
.is-text-media .is-img { padding: 0; }
.is-text-media .is-img img { margin: 0; }
.is-text-media .is-text { color: #fff; padding: 15px; }
.is-text-media.has-gradient-light { --offsset: calc(50% + 24px); }

.is-text-media-collega h2 { font-size: clamp(20px, 4vw, 28px)!important; }
.is-text-media-collega h2 p { font: inherit!important; }  

@media (min-width: 768px) {
    .is-text-media img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
    .is-text-media .is-text { padding: 30px; }
}

@media (min-width: 1200px) {
    .is-text-media { padding-bottom: 96px!important; }
    .is-text-media .is-text { padding: 50px; }
    .is-text-media.has-gradient-light { --offsset: calc(50% + 48px); }
}

@media (min-width: 1400px) {
    .is-text-media .is-text { padding: 50px 70px; }
}





/* ---------- Section text media 2 ---------- */
.is-text-media-2 { padding-bottom: 48px!important; }
.is-text-media-2 .row { align-items: center; z-index: 1; }
.is-text-media-2 img { margin: 0; }

@media (min-width: 992px) {
    .is-text-media-2 .is-img img { margin: -58px 0; }
}

@media (min-width: 1200px) {
    .is-text-media-2 { padding-bottom: 96px!important; }
        .is-text-media-2 .is-img img { margin: -116px 0; }
}




/* ---------- Section text media default ---------- */
.is-text-media-default { padding-bottom: 48px!important; }
.is-text-media-default .row { align-items: center; row-gap: 30px; }
.is-text-media-default img { border-radius: 15px; margin: 0; }

@media (min-width: 1200px) {
    .is-text-media-default { padding-bottom: 96px!important; }
    .is-text-media-default .row .col-12:has( + .col-12) { padding-right: 50px; }  
    .is-text-media-default .row .col-12 + .col-12 { padding-left: 50px; }  
}



/* ---------- Section steps ---------- */
.is-steps { padding-bottom: 48px!important; }
.is-steps .row { gap: 20px 0; }
.is-steps .row + .row { margin-top: 32px; }
.is-steps .card { height: 100%; }
.is-steps.has-gradient-light { --offsset: calc(50% + 24px); }

@media (min-width: 1200px) {
    .is-steps { padding-bottom: 96px!important; } 
    .is-steps.has-gradient-light { --offsset: calc(50% + 48px); }
}




/* ---------- Section collegas ---------- */
.is-section-collega { padding-bottom: 48px!important; }
.is-section-collega .team-list-item { background-color: #F8F8F8; position: relative; border-radius: 15px!important; }
.is-section-collega .team-list-item p { margin: 0; }    
.is-section-collega .team-list-item .btn { color: #fff; font-size: 17px; padding: 15px 24px; column-gap: 16px; background-color: var(--clr-primary)!important; border-color: var(--clr-primary)!important; }
.is-section-collega .team-list-item .btn::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.is-section-collega .is-text { margin-bottom: 32px; }

@media (min-width: 1200px) {
    .is-section-collega { padding-bottom: 96px!important; } 
}



/* ---------- Section text ---------- */
.is-section-text { padding-bottom: 48px!important; }
.is-section-text .is-buttons { margin-bottom: 32px; }

@media (min-width: 1200px) {
    .is-section-text { padding-bottom: 96px!important; }
.is-section-text .is-buttons { margin-bottom: 53px; }
}



/* ---------- Featured vacancies ---------- */
.is-featured-vacancies { padding-bottom: 48px!important; }
.is-featured-vacancies form .vacancy-index-items { --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 30px; }
.is-featured-vacancies .vacancy-index-item { border-radius: 15px!important; border: none; position: relative; margin: 0!important; transition: background 150ms ease-in-out; }
.is-featured-vacancies .vacancy-index-item * { position: static!important; }
.is-featured-vacancies .vacancy-index-item .vacancy-index-item-title { display: flex; justify-content: space-between; transition: color 150ms ease-in-out; }
.is-featured-vacancies .vacancy-index-item .vacancy-index-item-title::after { font-family: 'Font Awesome 5 Pro'; content: "\f061"; display: inline-block; width: 18px; height: 18px; }
.is-featured-vacancies .vacancy-index-item .vacancy-index-item-title::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } 
.is-featured-vacancies .vacancy-index-item:hover { background-color: var(--clr-secondary); }  
.is-featured-vacancies .vacancy-index-item:hover .vacancy-index-item-title { color: #fff; }
.is-featured-vacancies .vacancy-index-item .btn { display: none; }
.is-featured-vacancies .vacancy-index-item .vacancy-index-item-fields { display: grid; }
.is-featured-vacancies .vacancy-index-item .vacancy-index-item-field-value { transition: color 150ms ease-in-out; }
.is-featured-vacancies .vacancy-index-item .vacancy-index-item-field-value i { color: #000!important; width: 20px; transition: color 150ms ease-in-out; }
.is-featured-vacancies .vacancy-index-item:hover .vacancy-index-item-field-value { color: #fff; }
.is-featured-vacancies .vacancy-index-item:hover .vacancy-index-item-field-value i { color: #fff!important; }
.is-featured-vacancies .vacancy-index-list > .text-center { display: none!important; }

@media (min-width: 768px) {
    .is-featured-vacancies form .vacancy-index-items { --gc: 2; }
}

@media (min-width: 992px) {
    .is-featured-vacancies form .vacancy-index-items { --gc: 3; gap: 45px; }
    .is-featured-vacancies .vacancy-index-item { padding: 24px!important; }
}

@media (min-width: 1200px) {
    .is-featured-vacancies { padding-bottom: 96px!important; }
}


.is-vacancies { padding-bottom: 48px!important; }
.is-vacancies #lijst .mt-4 { margin-top: 48px!important; }
.is-vacancies #lijst > .row { row-gap: 20px; }
/*.is-vacancies .vacancy-index-list { min-height: 1200px; }*/
.is-vacancies .vacancy-index-list-title { display: flex; align-items: center; column-gap: 14px; font-size: clamp(20px, 4vw, 26px)!important; font-weight: 900; margin-bottom: 44px; }
.is-vacancies .vacancy-index-list-counter { display: block; width: 47px; height: 47px; min-width: 47px; padding: 0; text-align: center; line-height: 47px; font-weight: 900; font-size: 26px!important; }
.is-vacancies .vacancy-index-sidebar { background-color: #F8F8F8; border-radius: 14px!important; top: 100px; }
.is-vacancies .vacancy-index-sidebar .vacancy-index-item-filter-name { color: var(--clr-secondary); text-transform: uppercase; font-size: 20px; }
.is-vacancies .vacancy-index-sidebar .vacancy-index-item-filter-options:last-child { margin-bottom: 0; }
.is-vacancies .vacancy-index-items .vacancy-index-item { position: relative; border: 1px solid #C1C1C1; border-radius: 15px; }
.is-vacancies .vacancy-index-items .vacancy-index-item * { position: static; }
.is-vacancies .vacancy-index-items .vacancy-index-item .vacancy-index-item-title { font-weight: 900; font-size: clamp(20px, 4vw, 23px)!important; }
.is-vacancies .vacancy-index-items .vacancy-index-item .btn { column-gap: 16px; padding: 15px 25px!important; }
.is-vacancies .vacancy-index-items .vacancy-index-item .vacancy-index-item-fields { font-weight: 300; }
.is-vacancies .vacancy-index-items .vacancy-index-item .vacancy-index-item-fields i { width: 20px; }
.is-vacancies .vacancy-index-items .vacancy-index-item .vacancy-index-item-title::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

@media (min-width: 1200px) {
    .is-vacancies { padding-bottom: 96px!important; }
    .is-vacancies #lijst .mt-4 { margin-top: 55px!important; }
    
    .is-vacancies .vacancy-index-sidebar { padding: 32px; } 
    
    .is-vacancies .vacancy-index-items .vacancy-index-item { padding: 30px 24px 30px 35px; }
}

@media (min-width: 1400px) {
    .is-vacancies .vacancy-index-items .vacancy-index-item { padding-right: 240px; }
    .is-vacancies .vacancy-index-items .vacancy-index-item .btn { position: absolute; bottom: 24px; right: 30px; }
    .is-vacancies .vacancy-index-items .vacancy-index-item .vacancy-index-item-fields { margin: 0!important; max-width: 380px; display: flex!important; gap: 0 15px; }
    .is-vacancies .vacancy-index-items .vacancy-index-item .vacancy-index-item-fields > * { padding: 0!important; white-space: nowrap; }
}




/* ---------- Vacature detail ---------- */
.container_vacancy-detail .is-content-1100,
.section_vacancy-detail-body .is-content-1100 { width: 100%; max-width: 1500px!important; padding-block: 0 !important; transition: none !important; }
.container_vacancy-detail .btn.btn-apply { border-radius: 15px!important; } 
.vacancy-detail .btn:not(.btn-light) { background-color: var(--clr-primary); }
.container_vacancy-detail .btn.btn-apply:hover, .container_vacancy-detail .btn.btn-apply:focus, .container_vacancy-detail .btn.btn-apply:active, .vacancy-detail .btn:not(.btn-light):hover, .vacancy-detail .btn:not(.btn-light):focus, .vacancy-detail .btn:not(.btn-light):active { background-color: var(--clr-secondary); border-color: var(--clr-secondary); opacity: 1!important; }
.section_vacancy-detail-header { padding-top: 148px; }  
.section_vacancy-detail-header .header { border-radius: 14px 14px 0 0; padding: 67px 67px 0 67px; margin-left: -67px; margin-right: -67px; }
.section_vacancy-detail-header .header span { color: var(--clr-secondary); letter-spacing: 0px; font-size: 20px; font-weight: bold; }
.vacancy-detail-sidebar .sticky-top { top: 100px; }

.vacancy-detail .btn.btn-light::after { display: none; }

.vacancy-detail-title,
.vacancy-detail-subtitle,
.section_vacancy-detail-body h3 { font-weight: 900; }

.vacancy-detail-title { font-size: clamp(28px, 4vw, 38px)!important; } 

.section_vacancy-detail-body h3 { font-weight: 600; font-size: clamp(18px, 4vw, 24px)!important; }
.section_vacancy-detail-body p + h3 { margin-top: 50px!important; } 

.vacancy-detail-offer-and-requirements { margin-top: 50px; }  
.vacancy-detail-offer-and-requirements .item { border-radius: 14px!important; }
.vacancy-detail-offer-and-requirements .item > span { font-size: 20px; color: var(--clr-secondary); opacity: 1!important; margin-bottom: 13px!important; }

.vacancy-detail-subtitle,
.section_vacancy-detail-body h3{ font-size: clamp(20px, 4vw, 26px)!important; }

.vacancy-detail-subtitle::after { display: none; }

.vacancy-detail-body { z-index: 2; }

.vacancy-detail-sidebar .sidebar-card { background-color: #F8F8F8; border-radius: 14px; }
.vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share::before { display: none; }
.vacancy-detail-sidebar .vacancy-detail-sidebar-cta button i,
.vacancy-detail-sidebar .vacancy-detail-sidebar-cta button { color: var(--clr-secondary)!important; } 

body:has(.section_vacancy-detail-body) .is-wrapper::after { opacity: .5; top: auto; top: 125vh; }

body:has(.is-section-locations) .is-wrapper::after 
body:has(.vacancy-detail) .is-wrapper::after { display: none!important; }



.vacancy-detail-cta { background-color: #F8F8F8; border-radius: 14px!important; }

.vacancy-detail .background-block-white { border-radius: 14px!important; }

@media (min-width: 768px) {
    .vacancy-detail-cta { max-width: 66.666667%; }
}

@media (min-width: 992px) {
    .vacancy-detail-cta { margin-bottom: 96px; }
}
    
@media (min-width: 1200px) {
    .section_vacancy-detail-header { padding-top: 196px; }
    
    .vacancy-detail .background-block-white { padding: 48px!important; }
}

@media (min-width: 1400px) {
    .section_vacancy-detail-header { padding-top: 360px; }
}


/* ---------- Footer ---------- */
.is-footer { background-color: var(--clr-secondary)!important; position: relative!important;}
.is-footer *,
.is-footer a { color: #fff; }
.is-footer .is-container { margin: 0 auto!important; }
.is-footer::after { content: ''; position: absolute; bottom: calc(100% - 1px); right: 0; display: block; width: 100%; height: 900px; background: url('/upload/custom/footer-asset.svg') no-repeat bottom right/contain; pointer-events: none!important; }

.is-footer .is-main { padding-top: 48px; padding-bottom: 48px; }
.is-footer .is-main h3 { font-size: clamp(20px, 4vw, 24px)!important; }

.is-footer .is-bottom { border-top: 1px solid rgba(255,255,255,.25); margin: 0!important; padding-top: 42px; padding-bottom: 42px; }
.is-footer .is-bottom * { padding: 0; margin: 0; }
.is-footer .is-bottom .is-text-left a { font-size: 17px; font-weight: 300; margin-right: 20px; opacity: 73%; }
.is-footer .is-bottom .is-text-right p { font-size: 17px; font-weight: 300; opacity: 73%; }

@media (min-width: 768px) {
    .is-footer .is-bottom .is-text-right { text-align: right; }
}

@media (min-width: 992px) {
    .is-footer .is-main { padding-top: 64px; padding-bottom: 96px; }
}




.is-section-locations .row { gap: 30px 0; }
.is-section-locations .is-boxes { padding-bottom: 48px!important; }

@media (min-width: 768px) {
.is-section-locations > img { margin-bottom: -8em; }    
}

@media (min-width: 1200px) {
    .is-section-locations .is-boxes { padding-bottom: 96px!important; }
    .is-section-locations > img { margin-bottom: -12em; }
}



/* ---------- Contact page ---------- */
body:has(.is-page-contact) .is-wrapper::after { display: none!important; }


/* ---------- Academy page ---------- */
body:has(.is-page-academy) .is-wrapper::after { display: none!important; }



/* ---------- Over ons page ---------- */
body:has(.is-page-over-ons) .is-wrapper::after { top: 120vh; }



/* ---------- Team datail page ---------- */
body:has(.is-page-team-detail) .is-wrapper::after { display: none!important; }