.elementor-961 .elementor-element.elementor-element-7fe6cfa{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-961 .elementor-element.elementor-element-7fe6cfa::before, .elementor-961 .elementor-element.elementor-element-7fe6cfa > .elementor-background-video-container::before, .elementor-961 .elementor-element.elementor-element-7fe6cfa > .e-con-inner > .elementor-background-video-container::before, .elementor-961 .elementor-element.elementor-element-7fe6cfa > .elementor-background-slideshow::before, .elementor-961 .elementor-element.elementor-element-7fe6cfa > .e-con-inner > .elementor-background-slideshow::before, .elementor-961 .elementor-element.elementor-element-7fe6cfa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://forcion.nl/wp-content/uploads/2024/12/pexels-louis-zand-10748663-scaled-1.jpg");--background-overlay:'';background-position:center left;background-repeat:no-repeat;background-size:100% auto;}.elementor-961 .elementor-element.elementor-element-7fe6cfa > .elementor-shape-bottom .elementor-shape-fill, .elementor-961 .elementor-element.elementor-element-7fe6cfa > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#0000008C;}.elementor-961 .elementor-element.elementor-element-14c8dd1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-961 .elementor-element.elementor-element-9e392bb > .elementor-widget-container{margin:-49px 0px 0px 0px;}.elementor-961 .elementor-element.elementor-element-9e392bb .elementor-heading-title{font-family:"Staatliches", Sans-serif;font-size:78px;font-weight:500;text-shadow:0px 0px 16px #000000;color:#3A71C9;}.elementor-961 .elementor-element.elementor-element-39c7629{--display:flex;--min-height:1440px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-961 .elementor-element.elementor-element-98b7a4a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-961 .elementor-element.elementor-element-98b7a4a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-961 .elementor-element.elementor-element-65616b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-961 .elementor-element.elementor-element-7fe6cfa::before, .elementor-961 .elementor-element.elementor-element-7fe6cfa > .elementor-background-video-container::before, .elementor-961 .elementor-element.elementor-element-7fe6cfa > .e-con-inner > .elementor-background-video-container::before, .elementor-961 .elementor-element.elementor-element-7fe6cfa > .elementor-background-slideshow::before, .elementor-961 .elementor-element.elementor-element-7fe6cfa > .e-con-inner > .elementor-background-slideshow::before, .elementor-961 .elementor-element.elementor-element-7fe6cfa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:center left;background-size:1000px auto;}.elementor-961 .elementor-element.elementor-element-7fe6cfa > .elementor-shape-bottom svg, .elementor-961 .elementor-element.elementor-element-7fe6cfa > .e-con-inner > .elementor-shape-bottom svg{height:63px;}.elementor-961 .elementor-element.elementor-element-7fe6cfa{--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-961 .elementor-element.elementor-element-14c8dd1{--margin-top:0px;--margin-bottom:-70px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-961 .elementor-element.elementor-element-9e392bb > .elementor-widget-container{margin:-50px 0px 50px 0px;}.elementor-961 .elementor-element.elementor-element-39c7629{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-961 .elementor-element.elementor-element-98b7a4a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-961 .elementor-element.elementor-element-1416435 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-961 .elementor-element.elementor-element-a987f29 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-961 .elementor-element.elementor-element-4e15be2 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-961 .elementor-element.elementor-element-b159dd2 > .elementor-widget-container{margin:010px 0px 0px 0px;}}@media(min-width:768px){.elementor-961 .elementor-element.elementor-element-39c7629{--content-width:1250px;}.elementor-961 .elementor-element.elementor-element-98b7a4a{--width:28.483%;}.elementor-961 .elementor-element.elementor-element-65616b2{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-961 .elementor-element.elementor-element-98b7a4a{--width:312.219px;}}/* Start custom CSS for shortcode, class: .elementor-element-a987f29 *//* Toepassen van Statechliches voor alle tekst die je wilt aanpassen */
body, .matchcriteria-filters, .matchcriteria-filters li a, .owp-heading-2 {
    font-family: 'Statechliches', sans-serif !important; /* Zorgt ervoor dat Statechliches wordt toegepast */
    color: white !important; /* Standaard witte tekst */
}

/* Hover-effect: blauw rondje + zwarte tekst + cursief */
.matchcriteria-filters li a:hover {
    background: rgba(0, 123, 255, 0.3); /* Blauwe achtergrond bij hover */
    font-style: italic; /* Cursieve tekst bij hover */
    color: black !important; /* Zwarte tekst bij hover */
}

/* Optioneel: het icoon een blauwe achtergrond geven */
.matchcriteria-filters li a:hover .option-check {
    background: #007bff; /* Volle blauwe kleur voor het icoon */
    border-radius: 50%; /* Maakt het icoon rond */
    padding: 5px;
}

/* Forceer de zichtbaarheid en de layout van filters op mobiel */
.matchcriteria-filters {
    display: block !important; /* Forceert de filters om altijd zichtbaar te zijn */
    visibility: visible !important; /* Zorgt ervoor dat ze niet verborgen zijn */
}

/* Zorg ervoor dat de filters goed zichtbaar blijven op mobiele apparaten */
@media (max-width: 768px) {
    .matchcriteria-filters {
        display: block !important; /* Zorgt ervoor dat de filters worden weergegeven */
        visibility: visible !important; /* Zorgt ervoor dat ze niet verborgen zijn */
        padding: 10px; /* Zorgt voor wat extra ruimte */
        font-size: 16px; /* Verkleint de tekst voor mobiel */
    }

    .matchcriteria-filters li a {
        padding: 8px 12px; /* Verkleint de padding voor mobiel */
    }

    .matchcriteria-filters li a:hover {
        font-style: italic; /* Zorgt ervoor dat het hover-effect ook op mobiel werkt */
    }
}
/* STRAKKERE RUIMTE TUSSEN TITEL EN LABELS */
.vacancy-title {
    margin-bottom: 4px !important;   /* was 10px */
    line-height: 1.1 !important;
}

/* Container waar de labels in zitten */
.vacancy-criteria {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Individuele labels (Fulltime / HBO / Zuid-Holland) */
.vacancy-criteria-option {
    margin-top: 2px !important;  /* was 5px */
    padding: 4px 10px !important;
    line-height: 1.2 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b159dd2 *//* Algemene stijl voor de vacaturekaart */
.vacancy-content {
    display: block;
    background-color: #3A3A3A; /* Nieuwe standaard achtergrond (voorheen hover-kleur) */
    border: 3px solid #0033A0; /* Blauwe rand */
    border-radius: 13px; /* Afgeronde hoeken */
    padding: 15px;
    color: white; /* Witte tekst */
    text-decoration: none; /* Geen onderstreping bij links */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease;
}

/* Nieuw Hover-effect */
.vacancy-content:hover {
    box-shadow: 0px 8px 15px rgba(0, 51, 160, 0.4); /* Blauwe gloed bij hover */
    transform: translateY(-5px); /* Beetje omhoog bewegen */
}

/* Vacaturetitels */
.vacancy-title {
    font-family: 'Staatliches', sans-serif;
    font-size: 24px;
    color: white;
    margin-bottom: 10px;
}

/* Algemene tekst */
.vacancy-text p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: white;
}

/* Criteria-tags (zoals Dienstverband, Opleidingsniveau) */
.vacancy-criteria-option {
    background-color: rgba(255, 255, 255, 0.2); /* Transparante witte achtergrond */
    color: white;
    border-radius: 8px;
    padding: 5px 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    display: inline-block;
    margin: 5px 5px 0 0; /* Ruimte tussen de labels */
}

/* Voorkomen dat de header wordt beïnvloed */
header, .elementor-location-header {
    color: inherit !important;
    background: inherit !important;
}
.vacancy-title {
    font-family: 'Staatliches', sans-serif !important;
    color: white !important;
    font-size: 30px !important;
/* STRAKKERE RUIMTE TUSSEN TITEL EN LABELS */
.vacancy-title {
    margin-bottom: 4px !important;   /* was 10px */
    line-height: 1.1 !important;
}

/* Container waar de labels in zitten */
.vacancy-criteria {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Individuele labels (Fulltime / HBO / Zuid-Holland) */
.vacancy-criteria-option {
    margin-top: 2px !important;  /* was 5px */
    padding: 4px 10px !important;
    line-height: 1.2 !important;
}/* End custom CSS */