.not-found {
  margin-bottom:20px; 
}

.filter-item {
  margin: 0
}
.vacature-index__list-summary {
   font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #5c6068;
}
.hs-search-field {
  width: 100%;
}

.vacature-index-list-text {
  display: none;
}

.blog-listing__tag-filter {
  display: none;
  flex-direction: column;
  margin-bottom: 20px;
  margin-top:20px;
}

.filter-item {
  width: 100%;
  margin: 0;
}
#filters__svg__icon {
  transition: all 0.2s; 
}
.blog-listing__tag-filter-button {
  margin-bottom: 20px;
    text-align: left;
    padding: 0!important;
  padding-top:20px!important;
  padding-bottom:20px!important;
  margin-bottom:0;
  color: var(--Graphite, #50364E);
  /* Text lg/bold */
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 155.556% */
  background:none;
  border:none;
  border-radius:0px;
}

.blog-listing__tag-filter-button:hover, .blog-listing__tag-filter-button:active {
  color:inherit; 
}

.blog-listing__tag-filter-button > span {
  font-weight: 700;
  font-size: 18px;
}

.blog-tag-heading {
  display: none !important;
}
#filters > span:nth-child(2) > span.selection > span:after, #filters > span:nth-child(4) > span.selection > span:after {
  content: url(https://14542817.fs1.hubspotusercontent-na1.net/hubfs/14542817/Icons/Werkenvia/Chevron-down-dark.svg);
    height: 32px;
    width:20px;
    margin-right: 10px;
    position: absolute;
    right: 8px;
    top: 15px;
}
.select2-container--default .select2-selection--multiple {
  caret-color: transparent;
  border:none!important;
  border-radius:8px!important;
  background-color:#ECE2E2!important;
}
.select2-container {
  margin-bottom:15px!important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display:flex!important;
  flex-wrap:nowrap;
  flex-direction:row;
}
.select2-selection__rendered {
  margin-bottom:0; 
  margin-left:15px;
}
.select2-selection__clear {
  display:none; 
}
/* Style the dots as you like */
.dotSelection {
  width: 20px;
  height: 20px;
  background-color: #fff; /* Color of the dot */
  display: inline-block;
  margin-right: 5px; /* Adjust spacing between dot and text */
  border:solid 3px white;
  border-radius: 50%; /* Makes it a circle */
  outline:1px #8D8F9F solid;
}

.select2-results__option--selected .dotSelection {
  background:#EE2170; 
}
.select2-selection__choice .dotSelection {
  display:none; 
}
.select2-search__field {
  margin-top: 18px!important;
    margin-left: 20px!important;
    height: 30px!important;
  font-family:'Montserrat'!important;
}
.vacature-search-button svg {
  height:20px!important; 
  margin-right:20px;
}
.vacature-search-button {
  display: flex;
    min-width: 180px;
    padding: auto;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center; 
}
.select2-container .select2-selection--multiple {
  height:55px!important;
}
.select2-selection__choice {
  height:44px;
  display:flex!important;
  align-items: center;

}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius:8px!important;
  border:none!important;
  background:#fff!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  padding:0 4px!important; 
  border:none!important;
  height:100%!important;
  text-align:left!important;
}
/* Eerste veld voor vakgebied */
#filters > span:nth-child(2) > span.selection:after {
  content: url(https://14542817.fs1.hubspotusercontent-na1.net/hubfs/14542817/Icons/Werkenvia/Chevron-down-dark.svg);
    position: absolute;
    height: 10px;
    width: 10px;
    margin-right: 18px;
    margin-left: 8px;
    margin-top: 15px;
    top: 0;
    right: 0;
}
#filters > span:nth-child(5) > span.selection:after {
  content: url(https://14542817.fs1.hubspotusercontent-na1.net/hubfs/14542817/Icons/Werkenvia/Chevron-down-dark.svg);
    position: absolute;
    height: 10px;
    width: 10px;
    margin-right: 18px;
    margin-left: 8px;
    margin-top: 15px;
    top: 0;
    right: 0;
}

/* Tweede veld voor provincie */
#hs_cos_wrapper_widget_1697533161733 > div > section > div.hs-search-field > div > form > span:nth-child(4) .select2-selection--multiple::before {
  content: url(https://14542817.fs1.hubspotusercontent-na1.net/hubfs/14542817/Icons/Werkenvia/location-pin-3--navigation-map-maps-pin-gps-location.svg);
    position: absolute;
    height: 25px;
    width: 25px;
    margin-right: 12px;
    margin-left: 8px;
    margin-top: 15px;
}
.always-visible {
 display:block; 
}
.select2-container--open .select2-selection--multiple {
  border-radius:8px 8px 0px 0px!important; 
}

/* Style the Select2 dropdown scrollbar (for webkit-based browsers) */
.select2-results__options::-webkit-scrollbar {
  width: 12px; /* Adjust the scrollbar width as needed */
  border:solid 3px #fff;
}

/* Track */
.select2-results__options::-webkit-scrollbar-track {
  background: #CAB8C0; /* Background color of the scrollbar track */
}

/* Handle */
.select2-results__options::-webkit-scrollbar-thumb {
  background: #fff; /* Color of the scrollbar handle */
  border-radius: 5px; /* Rounded corners for the scrollbar handle */
  border:solid 3px #CAB8C0;
}

/* Handle on hover */
.select2-results__options::-webkit-scrollbar-thumb:hover {
  background: #e9e9e9; /* Color of the scrollbar handle on hover */
}
.headerBannerContainer {
  padding:30px;
  background:#ECE2E2;
  margin-top:-200px;
  border-radius:8px;
}

.open_sollicitatie {
  text-align:center;
  border-radius: 10px;

  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 15px;
}
.open-sollicitatie__button {
 border-radius: 6px;
border: 1px solid #FFF;
background: #FFF; 
  color: var(--Graphite, #50364E);
text-align: center;

/* Text md/semibold */
font-family: Montserrat!important;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
  padding:13px 27px;
}
.header__3.white_text {
  color: #FFF;
text-align: center;

/* H5 */
font-family: Gilroy-Bold!important;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 38px; /* 126.667% */
}
.paragraph__normal.white_text {
  color: var(--Platinum, #F0F0F1);
text-align: center;

/* Text xs/semibold */
font-family: Montserrat!important;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 18px; /* 150% */ 
}

.vacature-list__container .vacature__lijst {
  flex:100%; 
  margin:0 0 32px!important;
}
.vacature-list__container.content-wrapper {
    padding: 0; 
  }
.vacancy_listing_main-heading {
   color: #50364E;
margin-bottom:10px!important;
/* H2 */
font-family: Gilroy-Bold;
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: 60px; /* 100% */
letter-spacing: -1.8px;
}
.vacancy-header-text {
  display:block; 
}
.filters__text {
  display:none; 
}
.filterbase .vacancy-header-text, .vacature__lijst .vacancy-header-text {
  color: var(--Graphite, #50364E);

/* Subtitle */
font-family: Gilroy-Bold!important;
font-size: 24px;
font-style: normal;
font-weight: 400!important;
line-height: 32px; /* 133.333% */ 
}
.vacature-index__post {
   border-radius: 10px;
background: rgba(236, 226, 226, 0.30)!important; 
  padding:30px 20px;
}
.always-visible.green {
   border-radius: 10px;
background: var(--True-Turqoise, #00A9A0)!important;
  padding:30px;
}
.vacancy_listing_main-heading {
  color: var(--Graphite, #50364E);
  /* Subtitle */
  font-family: Gilroy-Bold;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */ 
  letter-spacing:normal;
}

.vacancy_listing_sub-heading {
  color: var(--Pink-Magenta, #EE2170);

/* Text small/medium */
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}
@media (min-width: 767px) {
  .filterbase.filterbase-section {
    position:sticky;
    top:140px;
    height:100px;
  }
  .vacature-index__list-summary {
     font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #5c6068;

  }
  .vacature-list__container {
    margin:20px 0px 32px!important;
  }
  .vacature-list__container.content-wrapper {
    padding 0 1rem; 
  }
  .vacancy-header-text {
    display:block; 
  }
  .vacatures-section {
  gap:50px;
    width:100%;
}
  .vacancy_listing_sub-heading {
  color: var(--Pink-Magenta, #EE2170);

/* Text xl/medium */
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 150% */ 
}
  .vacancy_listing_main-heading {
     color: #50364E;
      margin-bottom:10px!important;
      /* H2 */
      font-family: Gilroy-Bold;
      font-size: 60px;
      font-style: normal;
      font-weight: 400;
      line-height: 60px; /* 100% */
      letter-spacing: -1.8px;
    }
  .blog-listing__tag-filter-button {
    display: none;
  }
  
  .blog-listing__tag-filter {
  display: flex;
}
  
  .vacature-index-list-text {
    display: block;
    font-size: 20px;
    font-weight: 700; 
    margin-bottom: 20px;
  }
  .hs-search-field {
    width: 308px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .headerBannerContainer {
    padding:50px; 
  }
}