.elementor-502 .elementor-element.elementor-element-a4119e6{--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;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-502 .elementor-element.elementor-element-a4119e6:not(.elementor-motion-effects-element-type-background), .elementor-502 .elementor-element.elementor-element-a4119e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0EDED;}.elementor-502 .elementor-element.elementor-element-1bd24d6{text-align:right;}.elementor-502 .elementor-element.elementor-element-1bd24d6 .elementor-heading-title{font-size:58px;font-weight:800;}.elementor-502 .elementor-element.elementor-element-8a97654{--display:flex;--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;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-502 .elementor-element.elementor-element-8a97654:not(.elementor-motion-effects-element-type-background), .elementor-502 .elementor-element.elementor-element-8a97654 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0EDED;}.elementor-502 .elementor-element.elementor-element-f8a2292{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-502 .elementor-element.elementor-element-b45c16e{margin:070px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-502 .elementor-element.elementor-element-420fe46{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-502 .elementor-element.elementor-element-146deeec:not(.elementor-motion-effects-element-type-background), .elementor-502 .elementor-element.elementor-element-146deeec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-502 .elementor-element.elementor-element-146deeec{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 0px 0px;}.elementor-502 .elementor-element.elementor-element-146deeec > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-502 .elementor-element.elementor-element-7279c4ed{margin-top:0px;margin-bottom:110px;}.elementor-502 .elementor-element.elementor-element-67642308{margin:-54px 75px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:1.8em;color:var( --e-global-color-primary );}.elementor-502 .elementor-element.elementor-element-5992e802:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-502 .elementor-element.elementor-element-5992e802 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BA1F58;}.elementor-502 .elementor-element.elementor-element-5992e802 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:33px 33px 33px 33px;}.elementor-502 .elementor-element.elementor-element-5992e802 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-502 .elementor-element.elementor-element-4a4533e5 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-502 .elementor-element.elementor-element-3ac3ab50{font-size:16px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-502 .elementor-element.elementor-element-f8a2292{--width:40%;}.elementor-502 .elementor-element.elementor-element-420fe46{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-502 .elementor-element.elementor-element-4bf53c67{width:100%;}.elementor-502 .elementor-element.elementor-element-61cdb05d{width:50%;}.elementor-502 .elementor-element.elementor-element-5992e802{width:100%;}}@media(max-width:1024px){.elementor-502 .elementor-element.elementor-element-146deeec{padding:70px 40px 0px 40px;}.elementor-502 .elementor-element.elementor-element-7279c4ed{margin-top:0px;margin-bottom:30px;}.elementor-502 .elementor-element.elementor-element-67642308{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;font-size:14px;}}@media(max-width:767px){.elementor-502 .elementor-element.elementor-element-1bd24d6{text-align:center;}.elementor-502 .elementor-element.elementor-element-b45c16e{margin:-67px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-502 .elementor-element.elementor-element-420fe46{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-502 .elementor-element.elementor-element-504b31d{padding:0px 11px 0px 11px;}.elementor-502 .elementor-element.elementor-element-146deeec{padding:50px 30px 0px 30px;}.elementor-502 .elementor-element.elementor-element-7279c4ed{margin-top:0px;margin-bottom:30px;}.elementor-502 .elementor-element.elementor-element-67642308{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;font-size:14px;}.elementor-502 .elementor-element.elementor-element-6e6b9ca9{padding:11px 11px 11px 11px;}}/* Start custom CSS for html, class: .elementor-element-b45c16e */body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
}

.filter-container {
    width: 350px; /* Breder maken */
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.filter-header {
    font-size: 1.2em;
    margin-bottom: 20px;
    color: #bf2454;
    text-align: center;
    padding: 10px;
    background-color: #f2f1f2;
    border-radius: 5px;
}

.filter-group {
    margin-bottom: 20px;
}

.filter-title {
    font-size: 1.2em;
    color: #bf2454;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
}

.filter-title::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #bf2454;
    margin-top: 5px;
}

.filter-dropdown {
    display: none;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    border-radius: 5px;
}

.filter-dropdown div {
    margin-bottom: 10px;
}

.filter-dropdown div:last-child {
    margin-bottom: 0;
}

.filter-dropdown a {
    color: #000; /* Linkkleur zwart maken */
    text-decoration: none;
}

.filter-dropdown a:hover {
    text-decoration: underline; /* Optionele hover-effect */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-504b31d */.vacature-modules {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
  margin-top: 30px;
  align-items: stretch;
}

@media (min-width: 600px) {
  .vacature-modules {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .vacature-modules {
    grid-template-columns: repeat(3, 1fr);
  }
}

.vacature-module {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: transform 0.2s ease;
  align-self: stretch;
}

.vacature-module:hover {
  transform: translateY(-4px);
}

.left-bar { display: none; }

/* Bovenste witte vlak – groeit mee */
.vacature-content {
  padding: 20px;
  flex-grow: 1;
}

.vacature-content h2 {
  font-size: 20px;
  margin-bottom: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: #111;
  line-height: 1.3;
}

.vacature-content h2 a {
  text-decoration: none;
  color: inherit;
}

.vacature-details {
  font-size: 16px;
  color: #555;
  margin-bottom: 15px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

/* Status indicator */
.status-indicator {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: blue;
  border-radius: 50%;
  margin-right: 6px;
}

/* Deadline label bold + datum blauw */
.vacature-details .deadline strong { font-weight: 700; }
.vacature-details .deadline .date { color: #1065F1; }

/* Middelste gradient blok */
.vacature-info {
  background: linear-gradient(to right, #c12461 70%, #7f5ca6 100%);
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 15px;
  color: #fff;
}

.vacature-info .location,
.vacature-info .salary,
.vacature-info .hours {
  display: flex;
  align-items: center;
}

.vacature-info .icon {
  width: 20px;
  height: auto;
  margin-right: 10px;
  filter: brightness(0) invert(1);
}

/* Salaris spacing en scheider */
.vacature-info .salary { display: flex; align-items: center; gap: 0; }
.vacature-info .salary .salary-sep { margin: 0 8px; }
.vacature-info .salary span { display: inline-flex; align-items: baseline; }

/* Onderste witte blok met zwarte ronde knop */
.vacature-footer {
  background-color: #fff;
  padding: 20px;
  text-align: center;
}

.vacature-link {
  display: inline-block;
  background-color: #000;
  color: #fff !important;
  padding: 12px 24px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease;
  width: 100%;
  box-sizing: border-box;
}

.vacature-link:hover {
  background-color: #333;
}

/* Bekijk vacature-knop in iOS-blauw */
.vacature-link {
  background-color: #007AFF;
}

.vacature-link:hover {
  background-color: #0066D6; /* iets donkerder voor hover */
}

.vacature-link:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.35); /* toegankelijke focusring */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6e6b9ca9 *//* 🧾 Inputvelden netjes gestyled */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  background-color: white;
  color: black;
  padding: 12px;
  border: none;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  box-sizing: border-box;
}

/* 🔠 Placeholder-tekst zwart */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: black;
  opacity: 1;
}

/* ☑️ Checkboxlabel wit */
label[for="privacycheckbox"] {
  color: white;
  font-size: 14px;
  line-height: 1.6;
}

/* 🔗 Klikbare link in de zin blauw */
.privacy-link {
  color: #007bff;
  text-decoration: underline;
  font-weight: 500;
}

/* 🖱️ Hover over label verandert cursor */
label[for="privacycheckbox"]:hover {
  cursor: pointer;
}

/* 📩 Verstuurknop stijl */
.wpcf7 input[type="submit"] {
  background-color: #007bff;
  color: white;
  border: none;
  width: 100%;
  padding: 14px;
  font-size: 16px;
  border-radius: 999px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* 🖱️ Hover effect knop */
.wpcf7 input[type="submit"]:hover {
  background-color: #005fcc;
}
/* Zorg dat checkbox en tekst op één lijn staan */
.wpcf7-acceptance {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

/* Maak de hele zin wit */
.wpcf7-acceptance label {
  color: white;
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}

/* Maak het woord “privacyvoorwaarden” blauw en bold */
.wpcf7-acceptance label a {
  color: #007bff;
  font-weight: 600;
  text-decoration: underline;
}

/* Optioneel: cursor pointer bij hover */
.wpcf7-acceptance label:hover {
  cursor: pointer;
}/* End custom CSS */