@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 3, 2022 */

@font-face {
  font-family: "flanders_art_sansblack";
  src: url("../assets/font/flanders/flandersartsans-black-webfont.woff2")
      format("woff2"),
    url("../assets/font/flanders/flandersartsans-black-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "flanders_art_sansbold";
  src: url("../assets/font/flanders/flandersartsans-bold-webfont.woff2")
      format("woff2"),
    url("../assets/font/flanders/flandersartsans-bold-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "flanders_art_sansCnBd";
  src: url("../assets/font/flanders/flandersartsans-condensedbold-webfont.woff2")
      format("woff2"),
    url("../assets/font/flanders/flandersartsans-condensedbold-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "flanders_art_sansCnLt";
  src: url("../assets/font/flanders/flandersartsans-condensedlight-webfont.woff2")
      format("woff2"),
    url("../assets/font/flanders/flandersartsans-condensedlight-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "flanders_art_sansCnRg";
  src: url("../assets/font/flanders/flandersartsans-condensedregular-webfont.woff2")
      format("woff2"),
    url("../assets/font/flanders/flandersartsans-condensedregular-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "flanders_art_sanslight";
  src: url("../assets/font/flanders/flandersartsans-light-webfont.woff2")
      format("woff2"),
    url("../assets/font/flanders/flandersartsans-light-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "flanders_art_sansmedium";
  src: url("../assets/font/flanders/flandersartsans-medium-webfont.woff2")
      format("woff2"),
    url("../assets/font/flanders/flandersartsans-medium-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "flanders_art_sansregular";
  src: url("../assets/font/flanders/flandersartsans-regular-webfont.woff2")
      format("woff2"),
    url("../assets/font/flanders/flandersartsans-regular-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "flanders_art_sansthin";
  src: url("../assets/font/flanders/flandersartsans-thin-webfont.woff2")
      format("woff2"),
    url("../assets/font/flanders/flandersartsans-thin-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "flanders_art_sans-500";
  src: url("../assets/font/flanders/flandersartsans-bold-webfont.woff2")
      format("woff2"),
    url("../assets/font/flanders/flandersartsans-bold-webfont.woff")
      format("woff");
  font-weight: 500;
  font-style: normal;
}

.color-orange .highlight {
  background-color: #E98300;
  color: #ffffff;
}

.color-green .highlight {
  background-color: #359B3C;
  color: #ffffff;
}

.color-light-blue .highlight {
  background-color: #196BB2;
  color: #ffffff;
}

.color-red .highlight {
  background-color: #DD3734;
  color: #ffffff;
}

.color-purple .highlight {
  background-color: #9C1981;
  color: #ffffff;
}

.color-yellow .highlight {
  background-color: #F6C547;
  color: #494949;
}

body {
  font-family: "flanders_art_sansregular";
  word-break: break-word;
}

.paragraphs-center {
  width: 100%;
}

.filter-dropdown p {
  word-break: initial !important;
}

#navbar-main {
  background-color: white !important;
  padding: 0;
  height: 50px;
}

#navbar-main .container,
#CollapsingNavbar,
#block-preventiemethodieken-main-menu .navbar-nav {
  height: 100%;
  align-items: center;
}

#navbar-main .navbar-nav .nav-item a {
  color: #494949;
  font-weight: 600;
}

#navbar-main .navbar-nav .nav-item {
  color: #494949;
  /*position: relative;*/
  display: flex;
  align-items: center;
}

#navbar-main .navbar-nav .nav-item .nav-link {
  height: 100%;
  /*padding-top: 12px;*/
  padding: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  position: relative;
}

/*#navbar-main .navbar-nav .nav-item:not(:last-child):after {*/
/*content: "/";*/
/*color: #17445B;*/
/*right: -2px;*/
/*position: absolute;*/
/*top: 13px;*/
/*font-weight: bold;*/
/*}*/

#navbar-main .navbar-nav .nav-item {
  /*padding: 0 20px;*/
  margin-right: 50px;
  position: relative;
}

/*#navbar-main .navbar-nav .nav-item:last-child {*/
/*  padding-left: 20px;*/
/*}*/

#navbar-main .navbar-nav .nav-item:last-child a {
  padding-right: 0px;
}

#main-wrapper {
  background: #ededed;
}

#page-wrapper .site-footer {
  background: #17445b !important;
}

#block-preventiemethodieken-search h2,
#block-views-block-overview-levensdomeinen-block-1 h2 {
  /*color: #17445B;*/
  max-width: 850px;
  padding: 30px 0 20px 0;
}

#mid_header_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#mid_header {
  background: #17445b;
  padding: 17px 0;
}

#mid_header h1 {
  color: white;
  text-transform: uppercase;
}

#mid_header_button {
  background: none;
  border: 1px solid white;
  color: white;
  padding: 5px 40px;
}

h1 {
  font-size: 32px !important;
  font-family: "flanders_art_sansmedium";
}

h2 {
  font-family: "flanders_art_sansmedium";
}

#block-preventiemethodieken-main-menu {
  height: 100%;
  display: flex;
  align-items: center;
}

#block-preventiemethodieken-main-menu a.nav-link.is-active {
  /*border-bottom: 2px solid #17445B;*/
}

#block-preventiemethodieken-main-menu a.nav-link:after {
  width: 0;
  content: "";
  height: 4px;
  display: block;
  background: #17445b;
  position: absolute;
  bottom: -13px;
  transition: 0.25s width ease-in-out;
}

#block-preventiemethodieken-main-menu a.nav-link.is-active:after,
#block-preventiemethodieken-main-menu a.nav-link:hover:after {
  width: 100%;
}

#block-preventiemethodieken-main-menu a.nav-link:not(.is-active):hover {
  /*border-bottom: 2px solid #17445B !important;*/
}

#search-block-form .js-form-item,
#edit-keys,
#edit-submit {
  border-radius: unset;
  border: none;
}

#edit-search::placeholder {
  color: #d8d8d8;
}

#edit-basic {
  display: flex;
}

#search-block-form.form-row .form-search,
#block-preventiemethodieken-search .content.container-inline,
#search-block-form .form-type-search,
#edit-basic .js-form-item {
  width: 100%;
}

#edit-basic .form-item-keys label {
  display: none;
}

#edit-basic button {
  margin-bottom: 1rem !important;
}

#edit-keys,
#search-block-form .js-form-item,
#edit-actions {
  padding: 0px;
}

#edit-keys {
  height: 48px;
}

#block-searchbarblock #edit-submit,
#block-homesearchbarblock #edit-form-home,
#block-preventiemethodieken-content #edit-form-home,
.search-levensdomeinen #edit-form-levensdomein,
#edit-form-organisations {
  position: relative;
  height: 50px;
  width: 48px;
  font-size: 0px;
  border-radius: initial;
}

#block-searchbarblock #edit-submit:after,
#block-homesearchbarblock #edit-form-home:after,
#block-preventiemethodieken-content #edit-form-home:after,
.search-levensdomeinen #edit-form-levensdomein:after,
#edit-form-organisations:after {
  content: "\f002";
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 15px;
}

#block-views-block-overview-levensdomeinen-block-1
  .view-content.row
  .views-row {
  width: 23%;
  margin-bottom: 17px;
  padding: 20px 20px 20px 20px;
  background: white;
  transition: 0.1s background-color ease-in-out;
}

#block-views-block-overview-levensdomeinen-block-1
  .view-content.row
  .views-row
  span {
  font-size: 32px;
  text-transform: initial;
  color: #17445b;
  position: relative;
  line-height: 32px;
  font-family: "flanders_art_sansmedium";
}

#block-views-block-overview-levensdomeinen-block-1
  .view-content.row
  .views-row
  span
  a {
  /*color: #17445B;*/
  text-decoration: none !important;
}

.views-field.views-field-title {
  margin: 10px 0 20px 0;
}

#block-views-block-overview-levensdomeinen-block-1
  .view-content.row
  .views-row
  span:hover {
  color: #17445b;
  text-decoration: none;
}

/*#block-views-block-overview-levensdomeinen-block-1 .view-content.row .views-row span:after{*/
/*    position: absolute;*/
/*    content: "";*/
/*    height: 1px;*/
/*    !*background-color: #17445B;*!*/
/*    width: 43px;*/
/*    bottom: -5px;*/
/*    left: 0;*/
/*}*/

/*#block-views-block-overview-levensdomeinen-block-1 .view-content.row .views-row:hover{*/
/*    background-color: #17445B;*/
/*    cursor: pointer;*/
/*    color: white;*/
/*}*/

#block-views-block-overview-levensdomeinen-block-1
  .view-content.row
  .views-row
  .views-field-field-media-image
  img,
#block-views-block-overview-levensdomeinen-block-1
  .view-content.row
  .views-row
  .views-field-field-media-image-2
  img {
  /* width: 50px; */
  height: 35px;
}

#block-views-block-overview-levensdomeinen-block-1
  .view-content.row
  .views-row
  .views-field-field-media-image {
  display: block;
}

#block-views-block-overview-levensdomeinen-block-1
  .view-content.row
  .views-row
  .views-field-field-media-image-2 {
  display: none;
}

/* #block-views-block-overview-levensdomeinen-block-1
  .view-content.row
  .views-row:hover
  .views-field-field-media-image {
  display: none;
}

#block-views-block-overview-levensdomeinen-block-1
  .view-content.row
  .views-row:hover
  .views-field-field-media-image-2 {
  display: block;
} */

/*#block-views-block-overview-levensdomeinen-block-1 .view-content.row .views-row:hover span,*/
/*#block-views-block-overview-levensdomeinen-block-1 .view-content.row .views-row:hover a,*/
/*#block-views-block-overview-levensdomeinen-block-1 .view-content.row .views-row:hover p{*/
/*    color: white;*/
/*    text-decoration: none;*/
/*}*/

#block-views-block-overview-levensdomeinen-block-1
  .view-content.row
  .views-row:hover
  span:after {
  background-color: white;
}

#block-views-block-overview-levensdomeinen-block-1 h2 a {
  text-decoration: none !important;
}

#block-views-block-overview-levensdomeinen-block-1 h2 a:hover {
  text-decoration: none !important;
}

#block-views-block-overview-levensdomeinen-block-1 h2,
#block-vormingsaanbod h3,
#block-meerinfo h3 {
  font-family: "flanders_art_sansregular";
  font-size: 36px;
  font-weight: 700;
  line-height: 32px !important;
}

#block-views-block-overview-levensdomeinen-block-1 h2 {
  font-size: 21px !important;
}

#block-views-block-overview-levensdomeinen-block-1 .views-field-title h2 {
  font-size: 36px !important;
}

#block-vormingsaanbod h3,
#block-meerinfo h3 {
  margin-bottom: 16px;
}

#block-views-block-overview-levensdomeinen-block-1 .views-field-title h2 {
  padding: 0;
  text-transform: initial;
  line-height: 32px;
}

#block-indekijker {
  margin-top: 99px;
}

#block-meerinfo,
#block-indekijker,
#block-vormingsaanbod {
  border: none;
  background: #17445b;
  color: white;
  padding: 40px 20px;
  margin-bottom: 17px;
  width: 100%;
}

#block-meerinfo img,
#block-vormingsaanbod img {
  margin-bottom: 28px;
  width: 50px;
  height: 50px;
}

#block-vormingsaanbod a {
  background-color: white;
  color: #17445b;
  padding: 9px 13px;
  font-weight: bold;
  display: inline-block;
  text-decoration: none !important;
}

#block-meerinfo a {
  color: white;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
}

#block-meerinfo .contextual-links a {
  color: black;
}

/*#block-meerinfo a:before {*/
/*  content: "";*/
/*  display: block;*/
/*  width: 5px;*/
/*  height: 5px;*/
/*  background: white;*/
/*  border-radius: 50%;*/
/*  margin-right: 10px;*/
/*}*/

#block-indekijker h2 {
  font-size: 32px;
  text-transform: uppercase;
  font-family: "flanders_art_sansmedium";
}

#block-indekijker .field__item a {
  color: white;
}

#block-indekijker .content {
  margin-top: 40px;
}

#block-indekijker .field__item {
  position: relative;
  padding-left: 15px;
}

#block-indekijker .field__label {
  display: none;
}

#block-indekijker .field__item:before {
  height: 5px;
  width: 5px;
  background-color: white;
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
}

.sidebar h2 {
  text-shadow: none;
  border-bottom: none;
  position: relative;
}

.sidebar h2:not(#block-exposedformmethodiekenblock-1 h2):after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: white;
  width: 43px;
  bottom: -5px;
  left: 0;
}

#block-footermenu ul.nav {
  display: flex;
  justify-content: space-around;
}

#block-footermenu ul.nav a {
  color: white;
}

#block-footermenu ul.nav a:hover {
  color: white;
  text-decoration: underline;
}

#block-footermenu ul.nav.clearfix::after {
  display: none;
}

#block-exposedformmethodiekenblock-1 {
  border: none;
}

#views-exposed-form-methodieken-block-1 fieldset {
  background: #17445B;
  padding: 43px 22px 22px 22px;
  color: white;
  width: 100%;
}

#views-exposed-form-methodieken-block-1 fieldset .fieldset-legend {
  font-size: 32px;
  font-family: "flanders_art_sansmedium";
  text-transform: uppercase;
  position: relative;
}

#views-exposed-form-methodieken-block-1 fieldset legend {
  margin-bottom: 40px;
}

#views-exposed-form-methodieken-block-1 fieldset .fieldset-legend:after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: white;
  width: 43px;
  bottom: -5px;
  left: 0;
}

#views-exposed-form-methodieken-block-1
  .d-flex
  fieldset
  .fieldset-wrapper
  .form-checkboxes
  ul {
  list-style-type: none;
  padding-left: 0px;
}

#views-exposed-form-methodieken-block-1
  .d-flex
  fieldset
  .fieldset-wrapper
  .form-checkboxes
  ul
  li
  ul {
  padding-left: 20px;
  margin-bottom: 15px;
}

#views-exposed-form-methodieken-block-1
  .d-flex
  fieldset
  .fieldset-wrapper
  .form-checkboxes
  ul
  li
  .js-form-item {
  margin-bottom: 0px !important;
}

#views-exposed-form-methodieken-block-1
  .d-flex
  fieldset
  .fieldset-wrapper
  .form-checkboxes
  ul
  li
  input {
  border-radius: unset;
  background: none;
  border: 1px solid white;
  width: 9px;
  height: 9px;
  margin-top: 7px;
}

#views-exposed-form-methodieken-block-1
  .d-flex
  fieldset
  .fieldset-wrapper
  .form-checkboxes
  ul
  li
  input:checked {
  background: white;
}

#filters-levensdomeinen-organisations .bi {
  -webkit-text-stroke: 0.5px;
}
.parent-levensdomein {
  margin-right: 50px;
  margin-bottom: 5px;
}

.parent-levensdomein input {
  margin-right: 5px;
}

#sidebar_first .block {
  padding: 0 1rem 1rem 0;
}

.main-content#content {
  padding: 0 !important;
}

#block-views-block-methodieken-block-1 {
  padding: 170px 15px 102px 0px;
  background: white;
  position: relative;
  margin-bottom: 40px;
}

#block-views-block-methodieken-block-1 .contextual-region {
  position: unset;
  margin-bottom: 40px;
}

#block-views-block-methodieken-block-1 nav .page-item a,
#block-views-block-methodieken-block-1 nav .page-item span,
#block-views-block-methodieken-block-1 nav .pager__item--next a {
  border: none;
  background: none;
  color: #494949;
  position: relative;
}

#block-views-block-methodieken-block-1 nav .page-item.active span {
  color: #17445B;
}

.pagination_zoekfilter {
  position: absolute;
  left: 23px;
}

.pagination_zoekfilter:not(:last-child) {
  position: absolute;
  top: 42px;
  left: 23px;
}

.pagination_zoekfilter:last-child {
  position: absolute;
  bottom: 42px;
  left: 23px;
}

#block-preventiemethodieken-content article h1 {
  margin-bottom: 31px;
}

.pagination_zoekfilter:not(:first-child) {
  position: absolute;
  bottom: 40px;
  left: 20px;
}

#block-views-block-methodieken-block-1 nav .page-item:not(:last-child) a:after,
#block-views-block-methodieken-block-1 nav .page-item.active span:after {
  content: "/";
  color: #17445B;
  right: -2px;
  position: absolute;
  top: 6px;
  font-weight: bold;
}

#views-exposed-form-methodieken-block-1 label.form-check-label {
  font-size: 18px;
  text-decoration: underline;
  cursor: pointer;
}

#block-views-block-methodieken-block-1 .views-field-title .field-content a {
  font-size: 28px;
  font-family: "flanders_art_sansmedium";
  color: #17445B;
}

#block-views-block-methodieken-block-1 .views-field-body .field-content p {
  font-size: 18px;
  font-family: "flanders_art_sansregular";
}

#block-views-block-methodieken-block-1 .views-row:not(:first-child) {
  margin-top: 15px;
}

#block-exposedformmethodiekenblock-1 h2,
#block-preventiemethodieken-content h2 {
  font-size: 32px;
  font-family: "flanders_art_sansmedium";
  color: #17445B;
  margin-bottom: 10px;
  padding-bottom: 0;
}

#block-preventiemethodieken-content h2 a span {
  color: #17445B;
}

#block-breadcrumbs .breadcrumb {
  margin-bottom: 41px;
  padding-top: 36px;
}

#block-breadcrumbs .breadcrumb .breadcrumb-item a {
  font-size: 14px;
  color: #494949 !important;
}

#block-breadcrumbs .breadcrumb .breadcrumb-item.active {
  color: #989898 !important;
  font-size: 14px;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  color: #17445B;
  float: left;
  font-weight: bold;
}

#mid_header_container,
#CollapsingNavbar {
  padding: 0 12px;
}

.page-node-7271 .row-offcanvas #content {
  padding-right: 12px !important;
}

#mid_header_container a:hover {
  text-decoration: none;
}

h1,
h2 {
  text-transform: uppercase;
}

.vlw h1,
.vlw h2 {
  text-transform: initial;
}

.views-field-title {
  text-transform: uppercase;
}

.page-count {
  position: absolute;
  top: 80px;
  left: 35px;
  color: #d8d8d8;
}

/*#main-wrapper a:not(.pagination_zoekfilter a) {*/
/*  text-decoration: underline;*/
/*}*/

.view-zoeken-binnen-levensdomein
  div.view-filters
  form.views-exposed-form.bef-exposed-form
  div.d-flex
  .js-form-item-levensdomein.form-item-levensdomein {
  display: none;
}

.open-child-item:hover,
.close-child-item:hover {
  cursor: pointer;
}
.open-child-item,
.close-child-item {
  float: right;
}

#block-searchbarblock input,
#block-homesearchbarblock input {
  font-size: 20px;
}

.view-empty {
  margin-left: 15%;
}
.user-logged-in .vlw .vlw__header {
  top: 78px;
  z-index: 1;
}

#block-homesearchbarblock h2 {
  color: #2f2f2f;
}

#CollapsingNavbar {
  padding-left: 0;
  padding-right: 0;
  justify-content: space-between!important;
}

.view-header.page-count {
  color: black !important;
  font-weight: bold !important;
}

.methodologies-list li  {
  margin: 5px 0;
}

.methodologies-list p  {
  margin: 0;
  font-weight: bold;
}

.methodologies-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}


@media screen and (max-width: 991px) {
  #CollapsingNavbar.show
    #block-preventiemethodieken-main-menu
    ul.navbar-nav
    li.nav-item {
    margin-bottom: 15px;
    margin-right: 0;
  }
  #navbar-main .navbar-nav .nav-item .nav-link {
    padding: 2px 12px;
  }
  #block-preventiemethodieken-main-menu a.nav-link.is-active {
    border: 2px solid #17445b;
  }
  #block-preventiemethodieken-main-menu a.nav-link:after {
    display: none;
    content: none;
  }
  #navbar-main {
    height: auto;
  }
}

@media screen and (max-width: 576px) {
  .main-content#content, #content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  article .white-card {
    padding: 20px;
  }
}