/*------------------------------------------------------------
    Site Fonts
-------------------------------------------------------------*/
@font-face {
  font-family: "FlandersArtSerif-Light";
  src: url("/sites/default/files/2021-08/FlandersArtSerif-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FlandersArtSerif-Regular";
  src: url("/sites/default/files/2021-08/FlandersArtSerif-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FlandersArtSerif-Medium";
  src: url("/sites/default/files/2021-08/FlandersArtSerif-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FlandersArtSerif-Bold";
  src: url("/sites/default/files/2021-08/FlandersArtSerif-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FlandersArtSans-Regular";
  src: url("/sites/default/files/2021-08/FlandersArtSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FlandersArtSans-Light";
  src: url("/sites/default/files/2021-08/FlandersArtSans-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FlandersArtSans-Medium";
  src: url("/sites/default/files/2021-08/FlandersArtSans-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FlandersArtSans-Bold";
  src: url("/sites/default/files/2021-08/FlandersArtSans-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* --- END Fonts --- */
:root {
  --header-bg-color: #ffffff;
  --footer-bg-color: #f7f7f7;
  --main-text-color: #000000;
  --clr-green-300: #baef9f;
  --clr-green: #6dbe45;
  --clr-green-rgb: 109, 190, 69;
  --clr-green-400: #5d9942;
  --clr-green-500: #5e9631;
  --clr-green-700: #406d34;
  --clr-green-700-rgb: 37, 139, 82;
  --clr-green-10: rgba(var(--clr-green-rgb), 0.1);
  --clr-orange: #d26d25;
  --clr-gray: #f2f1f1;
  --h1-size: 2.187rem;
  --h1-size-mob: 2.5rem;
  --h2-size: 1.75rem;
  --h3-size: 1.5rem;
  --h4-size: 1.125rem;
  --h5-size: 1rem;
  --h6-size: 1rem;
  --font-size-18: 1.125rem;
  --top-pane-font-size: 1.75rem;
  --body-font-size: 1rem;
  --flandersArtSans-Light: "FlandersArtSans-Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  --flandersArtSans-Regular: "FlandersArtSans-Regular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  --flandersArtSans-Medium: "FlandersArtSans-Medium", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  --flandersArtSans-Bold: "FlandersArtSans-Bold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  --flandersArtSerif-Light: "FlandersArtSerif-Light", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  --flandersArtSerif-Bold: "FlandersArtSerif-Bold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  --flandersArtSerif-Medium: "FlandersArtSerif-Medium", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  --flandersArtSerif-Regular: "FlandersArtSerif-Regular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  --main-font-family: var(--flandersArtSans-Regular);
  --sitewide-banner: url(/sites/default/files/2021-08/banner-internal.jpg);
}

body {
  color: var(--main-text-color);
  font-family: var(--main-font-family);
  font-size: var(--body-font-size);
  font-weight: normal;
  line-height: 1.4;
  /* -webkit-font-smoothing: inherit; */
}

body h1,
body h2,
body h3,
body h4,
body h5 {
  font-weight: normal;
  line-height: 1.3;
  font-family: var(--flandersArtSerif-Bold);
}

body h1 {
  font-size: var(--h1-size-mob);
  text-transform: uppercase;
  color: var(--clr-green-700);
  position: relative;
  margin-bottom: 3rem;
  margin-top: 2rem;
  padding-bottom: 20px;
}

@media (min-width: 600px) {
  body h1 {
    font-size: var(--h1-size);
    margin-bottom: 1rem;
    margin-top: 2rem;
  }
}
body h2 {
  font-size: var(--h2-size);
  color: var(--clr-green-400);
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  font-family: var(--flandersArtSans-Regular);
}

body h2:first-child {
  margin-top: 0;
}

body h3 {
  font-size: var(--h3-size);
  color: var(--main-text-color);
  font-family: var(--flandersArtSans-Regular);
  margin-top: 2rem;
  margin-bottom: 1rem;
  text-transform: none;
  text-transform: none;
}

body h4 {
  font-size: var(--h4-size);
  color: var(--main-text-color);
  margin-top: 2rem;
}

body h5 {
  color: var(--main-text-color);
  margin-top: 2rem;
}

body .far,
body .fa,
body .fas {
  color: var(--clr-green);
}

body strong {
  font-family: var(--flandersArtSerif-Bold);
  font-weight: normal;
}

.region.region--content a {
  color: var(--main-text-color);
  text-decoration: underline;
}

.region.region--content a:hover {
  color: var(--clr-green-400);
  text-decoration: none;
}

.region.region--content a.btn {
  border: 2px solid var(--clr-green-700);
  line-height: 1.3;
  transition: 0.35s;
  color: white;
  background-color: var(--clr-green-700);
  font-size: var(--body-font-size);
  text-transform: uppercase;
  padding: 0.75rem 2em;
  font-family: var(--flandersArtSerif-Regular);
  border-radius: 0;
}

.region.region--content a.btn:hover {
  background-color: var(--clr-green);
  border-color: var(--clr-green);
  color: white;
}

.region.region--content .btn {
  border: 2px solid var(--clr-green-700);
  line-height: 1.3;
  transition: 0.35s;
  color: white;
  background-color: var(--clr-green-700);
  font-size: var(--body-font-size);
  text-transform: uppercase;
  padding: 0.75rem 2em;
  font-family: var(--flandersArtSerif-Regular);
  border-radius: 0;
}

.region.region--content .btn:hover {
  background-color: var(--clr-green);
  border-color: var(--clr-green);
  color: white;
}

.pdf-export-btn {
  display: none;
}

body.page--actiefiches .pdf-export-btn {
  display: inline-block;
  background-color: var(--clr-green);
  color: white;
  font-family: var(--flandersArtSerif-Bold);
  font-size: 1.25rem;
  text-decoration: none;
  padding: 15px 15px 15px 15px;
  transition: 0.35s;
  position: relative;
  z-index: 1;
}
body.page--actiefiches .pdf-export-btn a {
  color: white;
  text-decoration: none;
}
body.page--actiefiches .pdf-export-btn a::before {
  background-color: transparent;
  padding: 0;
}
body.page--actiefiches .pdf-export-btn a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
body.page--actiefiches .pdf-export-btn:hover {
  background-color: var(--clr-green-700);
}

article.media .file a {
  position: relative;
  padding-left: 33px;
}

article.media .file a::after {
  position: absolute;
  left: 0;
  top: -2px;
}

.region.region--content a i.fas.file_type {
  display: none;
}

.region.region--content a[href$=".pdf"]::after,
.region.region--content a[href$=".docx"]::after,
.region.region--content a[href$=".doc"]::after,
.region.region--content a[href$=".xls"]::after,
.region.region--content a[href$=".xlsx"]::after {
  content: "\f15c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1.25rem;
  padding-left: 7px;
  padding-right: 7px;
}

.region.region--content a[href$=".pdf"]::after {
  content: "\f1c1";
}

.region.region--content a[href$=".docx"]::after,
.region.region--content a[href$=".doc"]::after {
  content: "\f1c2";
}

.region.region--content a[href$=".xls"]::after,
.region.region--content a[href$=".xlsx"]::after {
  content: "\f1c3";
}

body .region.region--content .paddle-components-image-block-wrapper .paddle-component--body-section a[href]::after {
  content: none;
}

body .region.region--content h2 a[name] {
  font-size: var(--h2-size);
  color: var(--primary);
  text-decoration: none;
}

p.address {
  margin-bottom: 0;
}

.pagination .page-item {
  padding-left: 0;
}

.pagination .page-item .page-link {
  text-decoration: none;
  border-radius: 0;
}

.pagination .page-item .page-link:hover {
  background-color: var(--main-text-color);
  border-color: var(--main-text-color);
  color: white;
}

.pagination .page-item.active .page-link {
  background-color: var(--clr-green-500);
  border-color: var(--clr-green-500);
  color: white;
}

.comp_hidden {
  display: none !important;
  visibility: hidden !important;
}

/*---------------------------------------------
    Sitewide Structure
-----------------------------------------------*/
.page-wrapper .container-max-xxl {
  max-width: 1270px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

@media screen and (min-width: 40em) {
  .threecol-with-title__first-and-second {
    margin: 0 -15px;
  }
}
@media screen and (min-width: 40em) {
  .threecol-with-title__first-and-second > .layout__region {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (min-width: 40em) {
  .layout--fourcol-section > .layout__region {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .layout--fourcol-section > .layout__region {
    flex: 0 1 25%;
    max-width: 25%;
  }
}
.page-wrapper-container {
  overflow: hidden;
}

/* Other aspect ratios to try:
* 56.25% = 16:9
* 75% = 4:3
* 66.66% = 3:2
* 62.5% = 8:5
*/
/*End Sitewide Structure --------------------------------------------------------*/
/*-----------------------------------------------------
    Sitewide Style
------------------------------------------------------*/
.paddle-components-video-block-wrapper .paddle-component--top-section.text a,
.paddle-components-image-block-wrapper .paddle-component--top-section.text a {
  text-decoration: none;
}

.paddle-components-video-block-wrapper .paddle-component--top-section.text a:hover,
.paddle-components-image-block-wrapper .paddle-component--top-section.text a:hover {
  text-decoration: underline;
}

.carousel-navigation a,
.flex-pauseplay a {
  background-color: var(--clr-green-500);
  color: white;
}

.carousel-navigation a i,
.flex-pauseplay a i {
  color: white;
}

.carousel-navigation a:hover,
.flex-pauseplay a:hover {
  background-color: var(--clr-green-700);
}

.comp_hidden {
  display: none !important;
  visibility: hidden !important;
}

.page-wrapper .header > .amorphic,
footer.sticky-footer .amorphic {
  display: none;
}

.page-wrapper .container-max-xxl .container-max-xxl {
  padding: 0;
}

.region-wrapper--content {
  padding-bottom: 3rem;
}

.field > .field-with-icon > i {
  color: var(--clr-green);
}

.toolbar-oriented .toolbar-bar {
  z-index: 700;
}

.region--content .paddle-component--top-section.text {
  font-size: 1.5rem;
  margin: 0 0 1rem 0;
  color: var(--clr-green-400);
  line-height: 1.1;
  font-weight: normal;
  font-family: var(--flandersArtSerif-Bold);
}

@media (min-width: 768px) {
  .region--content .paddle-component--top-section.text {
    font-size: var(--top-pane-font-size);
  }
}
.region--content .paddle-component--top-section.text a {
  color: var(--clr-green-400);
}

.paddle-component--image-block .media-frame::before,
.paddle-component--image-block .media-frame::after,
.paddle-component--image-block > .paddle-component::before,
.paddle-component--image-block > .paddle-component::after,
.paddle-component .media-frame::before,
.paddle-component .media-frame::after,
.paddle-component > .paddle-component::before,
.paddle-component > .paddle-component::after {
  content: none;
}

.card {
  box-shadow: none;
  background-color: white;
  position: relative;
}

.card::before,
.card::after {
  content: none;
}

.paddle-component--bottom-section,
.paddle-component--top-section {
  background-color: transparent;
}

.paddle-component--bottom-section,
.paddle-component--top-section {
  padding: 0;
}

.field-block,
.paddle-component {
  margin-bottom: 2rem;
}

.page-node-type-page .field-block.field-body .label.label--above {
  display: none;
}

/*Table ---*/
.table-striped tbody tr:nth-of-type(odd),
table tbody tr:nth-of-type(odd) {
  background-color: transparent;
}

table tbody tr:hover {
  background-color: #f5f5f5;
}

.responsive-table {
  min-height: 0.01%;
  overflow-x: auto;
}

@media (max-width: 767px) {
  .responsive-table {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media (max-width: 767px) {
  .responsive-table table {
    table-layout: auto;
    width: 800px;
  }
}
/*END Tabel*/
.breadcrumb-item + .breadcrumb-item,
.breadcrumb .breadcrumb-item a {
  color: black;
}

.breadcrumb .breadcrumb-item a {
  text-decoration: underline;
}

.breadcrumb .breadcrumb-item a:hover {
  border: 0;
}

/* Sitewide bullet list --- */
.region--content ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.region--content ul li {
  position: relative;
  padding-left: 16px;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}

.region--content ul li::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  color: var(--main-text-color);
  position: absolute;
  left: 0;
  top: 10px;
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: var(--main-text-color);
}

.region--content ul li ul li::before {
  background: transparent;
  border: 1px solid;
  height: 6px;
  width: 6px;
}

.region--content ul li a {
  color: var(--main-text-color);
}

.region--content ul li a:hover {
  color: var(--clr-green-400);
}

.region--content ul li ul {
  margin-top: 0.5rem;
}

.region--content ol {
  padding-left: 26px;
}

.region--content ol li {
  line-height: 1.4;
  margin-bottom: 0.65rem;
}

.region--content ol li::marker {
  color: var(--main-text-color);
}

.region--content .news-item.paddle-component--list-block > .paddle-component--body-section > ul > li {
  position: static;
  padding-left: 0;
  line-height: inherit;
  margin-bottom: 0;
}

.region--content .news-item.paddle-component--list-block > .paddle-component--body-section > ul > li::before {
  content: none;
}

.region--content .list-links-col-3 ul,
.region--content .list-links-col-2 ul,
.region--content .list-links-col-1 ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px;
}

.region--content .list-links-col-3 ul li,
.region--content .list-links-col-2 ul li,
.region--content .list-links-col-1 ul li {
  width: 100%;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.region--content .list-links-col-1 li {
  width: 100%;
}

@media (min-width: 579px) {
  .region--content .list-links-col-2 li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 579px) {
  .region--content .list-links-col-3 li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 889px) {
  .region--content .list-links-col-3 li {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}
.page-node-type-page .field-block.field-body .label.label--above {
  display: none;
}

.padding-top--30 {
  padding-top: 30px !important;
}

.padding-top--60 {
  padding-top: 60px !important;
}

.padding-top--90 {
  padding-top: 90px !important;
}

.padding-top--120 {
  padding-top: 120px !important;
}

.padding-top--150 {
  padding-top: 150px !important;
}

.padding-top--200 {
  padding-top: 200px !important;
}

.padding-bottom--30 {
  padding-bottom: 30px !important;
}

.padding-bottom--60 {
  padding-bottom: 60px !important;
}

.padding-bottom--90 {
  padding-bottom: 90px !important;
}

.padding-bottom--120 {
  padding-bottom: 120px !important;
}

.padding-bottom--150 {
  padding-bottom: 150px !important;
}

.padding-bottom--200 {
  padding-bottom: 200px !important;
}

.margin-top--30 {
  margin-top: 30px !important;
}

.margin-top--60 {
  margin-top: 60px !important;
}

.margin-top--90 {
  margin-top: 90px !important;
}

.margin-top--120 {
  margin-top: 120px !important;
}

.margin-top--150 {
  margin-top: 150px !important;
}

.margin-top--200 {
  margin-top: 200px !important;
}

.margin-bottom--30 {
  margin-bottom: 30px !important;
}

.margin-bottom--60 {
  margin-bottom: 60px !important;
}

.margin-bottom--90 {
  margin-bottom: 90px !important;
}

.margin-bottom--120 {
  margin-bottom: 120px !important;
}

.margin-bottom--150 {
  margin-bottom: 150px !important;
}

.margin-bottom--200 {
  margin-bottom: 200px !important;
}

.comp_container_width_800 {
  max-width: 800px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ----------------------------------------------------
          Header 
-----------------------------------------------------*/
.menu--main > .nav-item > a::before {
  content: none;
  position: static;
  bottom: auto;
  border-bottom: 0;
  transform: inherit;
  transform-origin: inherit;
  transition: transform 250ms ease-in-out;
}

.header .container-max-xxl {
  max-width: 100%;
  padding: 0;
}

.header .header__wrapper {
  max-width: 1270px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-size: cover;
  background-attachment: scroll;
  padding: 40px 0 40px 0;
}

.header .header__wrapper.page_wide {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100%;
}

.header .header__wrapper .logo {
  width: 100%;
  min-width: initial;
  width: 100px;
  height: 100px;
}

@media (min-width: 768px) {
  .header .header__wrapper .logo {
    max-width: 150px;
    width: 150px;
    height: 150px;
  }
}
@media (min-width: 992px) {
  .header .header__wrapper .logo {
    max-width: 252px;
    width: 252px;
    height: 252px;
  }
}
.header .header__wrapper .logo svg {
  width: 100%;
  height: 100%;
}

.header .header__wrapper + .header__bottom {
  visibility: hidden;
}

.header .header__wrapper .container-max-xxl {
  max-width: 1270px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.header .header__wrapper + span.lines-horizontal {
  margin-bottom: 24px;
}

.header .header__top {
  padding: 0;
  position: relative;
  flex-direction: row;
  max-width: 1270px;
  margin: 0 auto;
  padding: 28px 15px;
}

@media (max-width: 991px) {
  .header .header__top {
    flex-direction: column;
    padding: 30px 15px 30px 15px;
  }
}
.header .header__top #region-header_top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.header .header__top #block-topnavigation {
  margin-left: auto;
}

@media (max-width: 991px) {
  .header .header__top #block-topnavigation ul.navbar-nav {
    padding-top: 0;
  }
}
.header .header__top #block-topnavigation a {
  color: var(--clr-green);
  text-transform: none;
  font-family: var(--flandersArtSerif-Medium);
  font-weight: normal;
}

.header .header__top #block-topnavigation a:hover {
  color: black;
}

.header .header__top .navbar {
  width: 100%;
}

@media (max-width: 991px) {
  .header .header__top .navbar:first-child {
    display: none;
  }
}
.header .header__top .paddle-search-form {
  margin-left: 0;
  margin-right: 40px;
  position: static;
}

@media (max-width: 991px) {
  .header .header__top .paddle-search-form {
    margin: 0 0px 0 0;
    position: static;
  }
}
.header .header__top .paddle-search-form .search-wrapper {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .header .header__top .paddle-search-form .search-wrapper {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding-left: 102px;
    z-index: 10;
  }
}
.header .header__top .paddle-search-form .search-wrapper .form-item {
  margin: 0;
  width: 100%;
}

.header .header__top .paddle-search-form form input.form-text {
  border: 1px solid black;
  border-radius: 0;
  height: 40px;
  width: 100%;
}

.header .header__top .paddle-search-form form input.form-submit {
  padding: 0px 1em;
  height: 40px;
  border-radius: 0;
  font-weight: normal;
  text-transform: uppercase;
  margin-left: 10px;
  background-color: var(--clr-green);
  border: 0;
}

.header .header__top .paddle-search-form form input.form-submit:hover {
  background-color: black;
  color: white;
}

.header .header__top .paddle-search-form .search-toggle {
  padding: 0 0 0 30px;
  display: inline-block;
  position: relative;
  font-size: 1rem;
  font-family: var(--flandersArtSerif-Medium);
  font-weight: normal;
  z-index: 20;
}

@media (max-width: 991px) {
  .header .header__top .paddle-search-form .search-toggle {
    display: none;
  }
  .header .header__top .paddle-search-form form {
    display: block;
  }
  .hamburger[aria-expanded=true] .hamburger-inner::before,
  .hamburger[aria-expanded=true] .hamburger-inner::after {
    background-color: #495057;
    opacity: 1;
  }
}
.header .header__top .paddle-search-form .search-toggle::before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 6 Free";
  font-size: 18px;
  font-weight: 900;
  color: black;
}

.header .header__top .paddle-search-form.show .search-toggle::before {
  content: "\f00d";
}

.header .header__bottom {
  padding: 15px 0;
  margin: 0;
  border-top: 1px solid var(--clr-green-400);
  background-color: #f2f1f1;
}

.header .header__bottom .navbar-expand-lg .navbar-collapse {
  justify-content: flex-end;
}

.header > .header-content {
  background-color: transparent;
}

.header #block-language-dropdown {
  margin: 0 0 2rem 0;
  padding: 0;
  position: relative;
  right: 0;
}

@media (min-width: 992px) {
  .header #block-language-dropdown {
    position: absolute;
    right: 0;
    top: -30px;
    margin: 0 0 0 0;
  }
}
.header #block-language-dropdown .dropdown-language-item {
  color: var(--primary);
  position: absolute;
  top: -16px;
  left: 0;
  line-height: 1.4;
  background-color: #ffffff;
  padding: 0px 24px 9px 12px;
  border-radius: 10px;
}

@media (min-width: 992px) {
  .header #block-language-dropdown .dropdown-language-item {
    padding-left: 18px;
    right: 0;
    left: auto;
  }
}
.header #block-language-dropdown .dropdown-language-item::before {
  /* display: block;
              content: '';
              border-left: 1px solid var(--primary);
              height: 15px;
              position: absolute;
              left: 5px;
              top: 5px;
              transform: rotate( 17deg); */
}

@media (min-width: 992px) {
  .header #block-language-dropdown .dropdown-language-item {
    color: var(--primary);
  }
}
.header #block-language-dropdown .dropdown-language-item li a,
.header #block-language-dropdown .dropdown-language-item li span {
  color: var(--primary);
  font-size: 1rem;
  font-weight: normal;
  text-transform: lowercase;
}

@media (min-width: 992px) {
  .header #block-language-dropdown .dropdown-language-item li a,
  .header #block-language-dropdown .dropdown-language-item li span {
    color: var(--primary);
  }
}
.header #block-language-dropdown .dropbutton-widget {
  position: relative;
  padding: 0;
  margin: 0;
}

.header #block-language-dropdown .dropbutton-toggle {
  width: 20px;
}

.header #block-language-dropdown .dropbutton-toggle button {
  color: white;
}

@media (min-width: 992px) {
  .header #block-language-dropdown .dropbutton-toggle button {
    color: var(--primary);
  }
}
.header #block-language-dropdown .dropbutton-arrow {
  display: inline-block;
  border: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid var(--secondary);
  border-top: 1px solid var(--secondary) !important;
  transform: rotate(-135deg);
  right: auto;
  left: 3px;
  top: 14px;
}

.header #block-language-dropdown .open .dropbutton-arrow {
  border-left: 1px solid white;
  border-top: 1px solid white !important;
  transform: rotate(43deg);
}

.header #block-language-dropdown .open .dropdown-language-item {
  background-color: var(--primary);
}

.header #block-language-dropdown .open .dropdown-language-item li span,
.header #block-language-dropdown .open .dropdown-language-item li a {
  color: white;
  text-decoration: none;
}

.header .hamburger {
  position: absolute;
  top: 15px;
  right: 15px;
}

.header .hamburger span.hamburger-text {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

@media (max-width: 991px) {
  .header .header__bottom {
    display: none;
  }
}
.header .header__bottom .navbar {
  max-width: 1270px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

body:not(.body_homepage) .header .header__wrapper {
  background: var(--banner-image) no-repeat center center;
  --banner-image: url(/sites/default/files/2021-08/banner-internal.jpg);
  background-size: cover;
}

/* -----------------------------------
  Navigation
------------------------------------*/
@media (min-width: 992px) and (max-width: 1080px) {
  #block-main-navigation-below-logo {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  #block-main-navigation-below-logo ul.navbar-nav.menu--main {
    padding-top: 23px;
  }
}
@media (min-width: 992px) {
  #block-main-navigation-below-logo ul.navbar-nav.menu--main {
    margin: 0 -10px;
  }
}
#block-main-navigation-below-logo ul.navbar-nav.menu--main > li {
  padding: 0;
  margin-bottom: 20px;
  position: relative;
}

@media (min-width: 992px) {
  #block-main-navigation-below-logo ul.navbar-nav.menu--main > li {
    padding-right: 1rem;
    padding-left: 1rem;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  #block-main-navigation-below-logo ul.navbar-nav.menu--main > li::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
    height: 18px;
    width: 2px;
    background-color: var(--clr-green-700);
    transform: rotate(20deg);
  }
}
#block-main-navigation-below-logo ul.navbar-nav.menu--main > li > a {
  font-family: var(--flandersArtSerif-Medium);
  font-weight: normal;
  font-size: 1.125rem;
  padding: 0 0 0px 0;
  margin: 0;
  position: relative;
}

@media (max-width: 991px) {
  #block-main-navigation-below-logo ul.navbar-nav.menu--main > li > a {
    display: inline-block;
  }
}
#block-main-navigation-below-logo ul.navbar-nav.menu--main > li > a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 3px;
  background-color: black;
  width: 100%;
  opacity: 0;
  transition: 0.35s;
}

#block-main-navigation-below-logo ul.navbar-nav.menu--main > li > a:hover::before,
#block-main-navigation-below-logo ul.navbar-nav.menu--main > li > a.active::before,
#block-main-navigation-below-logo ul.navbar-nav.menu--main > li > a.is-active::before {
  opacity: 1;
}

#block-main-navigation-below-logo ul.navbar-nav.menu--main > li:last-child {
  padding-right: 0;
}

#block-main-navigation-below-logo ul.navbar-nav.menu--main > li:last-child::after {
  content: none;
}

#block-main-navigation-below-logo ul.navbar-nav.menu--main > li:hover a::before,
#block-main-navigation-below-logo ul.navbar-nav.menu--main > li.active a::before {
  opacity: 1;
}

#block-main-navigation-below-logo ul.navbar-nav.menu--main li.dropdown > a {
  transition: 0s;
}

#block-main-navigation-below-logo ul.navbar-nav.menu--main li.dropdown .dropdown-menu {
  background: #fff;
  border-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.25);
  padding-top: 15px;
}

@media (min-width: 992px) {
  #block-main-navigation-below-logo ul.navbar-nav.menu--main li.dropdown .dropdown-menu li.dropdown-item {
    text-align: right;
  }
}
#block-main-navigation-below-logo ul.navbar-nav.menu--main li.dropdown .dropdown-menu li.dropdown-item a {
  padding: 0px 0 10px 0;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 10px;
  display: block;
  line-height: 1.3;
  font-family: var(--flandersArtSerif-Medium);
  font-weight: normal;
  font-size: 1rem;
  color: #000000;
  position: relative;
  text-transform: uppercase;
}

#block-main-navigation-below-logo ul.navbar-nav.menu--main li.dropdown .dropdown-menu li.dropdown-item a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: black;
  width: 100%;
  opacity: 0;
  transition: 0.35s;
}

#block-main-navigation-below-logo ul.navbar-nav.menu--main li.dropdown .dropdown-menu li.dropdown-item a:hover {
  color: #000000;
  text-decoration: none;
}

#block-main-navigation-below-logo ul.navbar-nav.menu--main li.dropdown .dropdown-menu li.dropdown-item a:hover::before {
  opacity: 1;
}

/*END navigation --------------------------*/
/*--- Cookie Banner -----------------------*/
.eu-cookie-compliance-banner {
  background-color: var(--clr-green);
}

.eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-message {
  font-size: 1rem;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-message h2,
.eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-message p {
  color: white;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .btn {
  background-color: transparent;
  border: 2px solid white;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .btn:hover {
  background-color: white;
  color: var(--clr-green);
}

.eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .btn.btn-link {
  border: 0;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .btn.btn-link:hover {
  background-color: transparent;
  color: white;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-categories {
  flex: 1 0 100%;
  width: 100%;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-categories .eu-cookie-compliance-category {
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-categories .eu-cookie-compliance-category {
    display: flex;
    flex-direction: row;
  }
}
.eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-categories .eu-cookie-compliance-category .form-check {
  flex: 0 0 275px;
  max-width: 275px;
}

@media (max-width: 767px) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-categories .eu-cookie-compliance-category .eu-cookie-compliance-category-description {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
  }
}
.eu-cookie-compliance-banner .form-check-input:disabled ~ .form-check-label,
.eu-cookie-compliance-banner .form-check-input[disabled] ~ .form-check-label {
  color: #cacaca;
}

.eu-cookie-compliance-banner .form-check {
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

.eu-cookie-withdraw-tab {
  border: 1px solid #bdbdbd;
  padding: 6px 15px;
  line-height: 1;
  font-size: 1rem;
}

.eu-cookie-withdraw-banner {
  background-color: var(--clr-green);
  padding: 1.5rem 2rem;
}

.eu-cookie-withdraw-banner p {
  font-size: 1rem;
}

.eu-cookie-withdraw-banner .eu-cookie-compliance-buttons {
  display: inline-block;
}

.eu-cookie-withdraw-banner .eu-cookie-compliance-buttons .eu-cookie-withdraw-button {
  border: 0;
  background-color: transparent;
  padding: 0.5rem 2rem;
  border-radius: 0.5rem;
  transition: 0.35s;
  border: 2px solid white;
  color: white;
  font-weight: normal;
  font-size: 1rem;
}

.eu-cookie-withdraw-banner .eu-cookie-compliance-buttons .eu-cookie-withdraw-button:hover {
  background-color: white;
  color: var(--clr-green);
}

.eu-cookie-withdraw-banner .eu-cookie-compliance-content .eu-cookie-compliance-message {
  color: white;
}

.eu-cookie-withdraw-banner .eu-cookie-compliance-content .eu-cookie-compliance-message h2 {
  color: white;
  font-size: 1.1rem;
}

#sliding-popup .eu-cookie-withdraw-tab {
  font-size: 0.9rem;
}

/*--- END Cookie Banner ----------------------------*/
/*---------------------------------------------------
    Components
----------------------------------------------------*/
.paddle-component--bottom-section {
  text-align: left;
}

.paddle-component--bottom-section a {
  text-align: left;
  padding-left: 20px;
  position: relative;
  display: inline-block;
}

.paddle-component--bottom-section a::after {
  position: absolute;
  left: 0;
  margin: 0;
  top: 3px;
  font-size: 13px;
}

main + span.lines-horizontal {
  margin-bottom: 44px;
}

span.lines-horizontal,
.comp-row-3-horizontal-lines {
  display: block;
  height: 1px;
  background-color: #f7f7f7;
  transform: rotate(-0.55deg);
  position: relative;
  margin-top: 40px;
}

span.lines-horizontal::before,
span.lines-horizontal::after,
.comp-row-3-horizontal-lines::before,
.comp-row-3-horizontal-lines::after {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  background-color: inherit;
  width: 100%;
}

span.lines-horizontal::before,
.comp-row-3-horizontal-lines::before {
  top: -22px;
  transform: rotate(0.85deg);
}

span.lines-horizontal::after,
.comp-row-3-horizontal-lines::after {
  bottom: -22px;
  transform: rotate(0.85deg);
}

.comp-row-3-horizontal-lines {
  margin-top: 3rem;
  margin-bottom: 5rem;
  background-color: var(--clr-green-700);
}

.comp-palettes-1 .container_region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section {
  margin: 0 0 30px 0;
}

.comp-palettes-1 .container_region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section a {
  background-color: var(--clr-green-700);
  text-decoration: none;
  padding: 14px 15px 7px 15px;
  display: block;
  transition: 0.35s;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  color: white;
  font-family: var(--flandersArtSerif-Medium);
  font-size: 1.25rem;
  text-transform: uppercase;
}

.comp-palettes-1 .container_region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section a::after {
  content: "";
  display: block;
  height: 50%;
  position: absolute;
  background-color: inherit;
  left: 0px;
  right: 0;
  z-index: -1;
  bottom: 0;
  transform: skewY(-1.5deg);
  transform-origin: 100% 0;
}

@media (min-width: 768px) {
  .comp-palettes-1 .container_region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section a::after {
    transform: skewY(-3deg);
  }
}
.comp-palettes-1 .container_region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section a:hover {
  background-color: var(--clr-green);
}

.comp-palettes-1 .container_region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block {
  margin: 0;
}

.comp-palettes-1 .container_region .paddle-component-wrapper:nth-child(even) .paddle-component--top-section {
  margin-bottom: 10px;
}

.comp-palettes-1 .container_region .paddle-component-wrapper:nth-child(even) .paddle-component--top-section a {
  background-color: var(--clr-green);
  padding-bottom: 15px;
}

.comp-palettes-1 .container_region .paddle-component-wrapper:nth-child(even) .paddle-component--top-section a::after {
  bottom: auto;
  top: 0;
  transform-origin: 0 100%;
}

.comp-palettes-1 .container_region .paddle-component-wrapper:nth-child(even) .paddle-component--top-section a:hover {
  background-color: var(--clr-green-700);
}

.comp-palettes-1 .container_region .paddle-components-text-block-wrapper .paddle-component--text-block {
  position: relative;
  background-color: var(--clr-green);
  z-index: 1;
  box-sizing: border-box;
  margin-bottom: 0;
  padding: 15px 15px;
  margin-bottom: 3rem;
}

.comp-palettes-1 .container_region .paddle-components-text-block-wrapper .paddle-component--text-block::before,
.comp-palettes-1 .container_region .paddle-components-text-block-wrapper .paddle-component--text-block::after {
  content: "";
  display: block;
  position: absolute;
  height: 50%;
  background-color: inherit;
  right: 0;
  left: 0;
  z-index: -1;
}

.comp-palettes-1 .container_region .paddle-components-text-block-wrapper .paddle-component--text-block::before {
  top: 0;
  transform: skewY(-1.5deg);
  transform-origin: 0 100%;
}

@media (min-width: 768px) {
  .comp-palettes-1 .container_region .paddle-components-text-block-wrapper .paddle-component--text-block::before {
    transform: skewY(-3deg);
  }
}
.comp-palettes-1 .container_region .paddle-components-text-block-wrapper .paddle-component--text-block::after {
  bottom: 0;
  transform: skewY(-3deg);
  transform-origin: 100% 0;
}

.comp-palettes-1 .container_region .paddle-components-text-block-wrapper .paddle-component--text-block .paddle-component--top-section.text {
  font-size: 1.4rem;
  color: white;
  font-family: var(--flandersArtSerif-Medium);
  margin-bottom: 20px;
}

.comp-palettes-1 .container_region .paddle-components-text-block-wrapper .paddle-component--text-block .paddle-component--body-section ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.comp-palettes-1 .container_region .paddle-components-text-block-wrapper .paddle-component--text-block .paddle-component--body-section ul li {
  padding: 0 30px 0 0;
  margin: 0 0 10px 0;
}

.comp-palettes-1 .container_region .paddle-components-text-block-wrapper .paddle-component--text-block .paddle-component--body-section ul li::before {
  content: none;
}

.comp-palettes-1 .container_region .paddle-components-text-block-wrapper .paddle-component--text-block .paddle-component--body-section ul li::after {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 12px;
  color: white;
}

.comp-palettes-1 .container_region .paddle-components-text-block-wrapper .paddle-component--text-block .paddle-component--body-section ul li a {
  color: white;
  display: inline-block;
  text-decoration: none;
}

.comp-palettes-1 .container_region .paddle-components-text-block-wrapper .paddle-component--text-block .paddle-component--body-section ul li a:hover {
  text-decoration: underline;
}

.comp-palettes-1 .container_region .paddle-components-text-block-wrapper .paddle-component--text-block .paddle-component--body-section ul li p {
  margin: 0;
}

.paddle-components-text-block-wrapper.comp-palettes-5 .paddle-component--text-block .paddle-component--top-section.text {
  display: block;
  text-decoration: none;
  font-size: 1.25rem;
}

.paddle-components-text-block-wrapper.comp-palettes-5 .paddle-component--text-block .paddle-component--top-section.text a {
  color: white;
  transition: 0.35s;
  text-align: center;
  background-color: var(--clr-green-700);
  text-decoration: none;
  display: block;
  padding: 15px;
  margin-bottom: 30px;
}

.paddle-components-text-block-wrapper.comp-palettes-5 .paddle-component--text-block .paddle-component--top-section.text a:hover {
  background-color: var(--clr-green);
}

.paddle-components-download-block-wrapper .paddle-component--download-block {
  position: relative;
}

.paddle-components-download-block-wrapper .paddle-component--body-section ul li {
  padding: 0;
  margin: 0;
}

.paddle-components-download-block-wrapper .paddle-component--body-section ul li::before {
  content: none;
}

.paddle-components-download-block-wrapper .paddle-component--body-section ul li a {
  display: block;
  color: var(--clr-green-700);
  padding: 15px 8px;
  border-bottom: 1px solid #ebebeb;
  text-decoration: none;
  position: relative;
  transition: 0.35s;
}

.paddle-components-download-block-wrapper .paddle-component--body-section ul li a::after {
  position: absolute;
  right: 0;
}

.paddle-components-download-block-wrapper .paddle-component--body-section ul li a:hover {
  background-color: #ebebeb;
}

.comp-row-three-buttons {
  max-width: 450px;
  width: 100%;
  margin: 6rem auto 0 auto;
}

.comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block {
  text-align: center;
  position: relative;
  margin: 0;
}

.comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  background-color: #406d34;
  left: 0;
  right: 0;
  bottom: -15px;
  transform: skewY(2deg);
}

.comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block .paddle-component--top-section.text {
  margin: 0;
}

.comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block .paddle-component--top-section.text a {
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
  transition: 0.35s;
  display: block;
  margin-bottom: 2rem;
}

.comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block .paddle-component--top-section.text a:hover {
  color: var(--clr-green-700);
}

.comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper:nth-child(even) .paddle-component--top-bottom-only-block::after {
  transform: skewY(-2deg);
}

.comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper:last-child .paddle-component--top-bottom-only-block::after {
  content: none;
}

.paddle-components-text-block-wrapper.comp-palettes-2 .paddle-component--text-block .paddle-component--body-section {
  -moz-column-gap: 30px;
       column-gap: 30px;
  -moz-column-count: 2;
       column-count: 2;
}

.paddle-components-image-block-wrapper.comp-palettes-2 .paddle-component--image-block {
  position: relative;
  overflow: hidden;
}

.paddle-components-image-block-wrapper.comp-palettes-2 .paddle-component--image-block .paddle-component--top-section.text {
  padding: 15px;
  position: relative;
  z-index: 1;
  background-color: var(--clr-green-700);
  color: white;
  margin: 0;
  text-transform: uppercase;
  font-family: var(--flandersArtSerif-Medium);
}

.paddle-components-image-block-wrapper.comp-palettes-2 .paddle-component--image-block .paddle-component--top-section.text a {
  display: block;
  color: white;
  text-decoration: none;
  font-size: 1.4rem;
  margin: -15px;
  padding: 15px;
}

.paddle-components-image-block-wrapper.comp-palettes-2 .paddle-component--image-block .paddle-component--top-section.text::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-color: inherit;
  position: absolute;
  z-index: -1;
  bottom: 0;
  transform-origin: 0 100%;
  transform: skewY(1.5deg);
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: auto;
  border: 0;
}

.paddle-components-image-block-wrapper.comp-palettes-2 .paddle-component--image-block .paddle-component--body-section a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.paddle-components-image-block-wrapper.comp-palettes-2 .paddle-component--image-block .paddle-component--body-section img {
  transition: 0.35s;
}

.paddle-components-image-block-wrapper.comp-palettes-2 .paddle-component--image-block:hover img {
  transform: scale(1.025);
}

.paddle-components-image-block-wrapper.comp-palettes-3 .paddle-component--image-block {
  background-color: #6dbe45;
  transition: 0.35s;
  text-align: center;
  position: relative;
}

.paddle-components-image-block-wrapper.comp-palettes-3 .paddle-component--image-block .media-frame {
  position: static;
}

.paddle-components-image-block-wrapper.comp-palettes-3 .paddle-component--image-block .paddle-component--body-section {
  text-align: center;
  padding: 40px 8px 0px 8px;
  min-height: 177px;
}

.paddle-components-image-block-wrapper.comp-palettes-3 .paddle-component--image-block .paddle-component--body-section a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.paddle-components-image-block-wrapper.comp-palettes-3 .paddle-component--image-block .paddle-component--bottom-section {
  margin: 0;
  padding: 0;
  text-align: center;
}

.paddle-components-image-block-wrapper.comp-palettes-3 .paddle-component--image-block .paddle-component--bottom-section a {
  display: block;
  text-align: center;
  font-family: var(--flandersArtSerif-Medium);
  text-transform: uppercase;
  color: white;
  font-size: 1.4rem;
  text-decoration: none;
  padding: 22px 8px 26px 8px;
}

.paddle-components-image-block-wrapper.comp-palettes-3 .paddle-component--image-block .paddle-component--bottom-section a::after {
  content: none;
}

.paddle-components-image-block-wrapper.comp-palettes-3 .paddle-component--image-block:hover {
  background-color: var(--clr-green-700);
}

.paddle-components-text-block-wrapper.comp-palettes-7 {
  background-color: var(--clr-green);
  padding: 2.15rem 0;
}

.paddle-components-text-block-wrapper.comp-palettes-7 .paddle-component--text-block {
  max-width: 760px;
  padding: 0 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.paddle-components-text-block-wrapper.comp-palettes-7 .paddle-component--text-block .paddle-component--bottom-section {
  margin-bottom: 0;
  padding: 0 15px;
  text-align: center;
}

.paddle-components-text-block-wrapper.comp-palettes-7 .paddle-component--text-block .paddle-component--bottom-section a {
  display: inline-block;
  vertical-align: top;
  font-family: var(--flandersArtSerif-Medium);
  font-size: 1rem;
  color: white;
}

.paddle-components-text-block-wrapper.comp-palettes-7 .paddle-component--text-block .paddle-component--body-section {
  font-family: var(--flandersArtSerif-Medium);
  font-size: 1.25rem;
  color: white;
  text-align: center;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--top-section.text {
  font-size: 2rem;
  color: var(--clr-green-700);
  text-transform: uppercase;
  margin-bottom: 30px;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section ul.list-unstyled {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  list-style-type: none;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section ul.list-unstyled li {
  padding-left: 15px;
  padding-right: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 30px;
}

@media (min-width: 579px) {
  .paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section ul.list-unstyled li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section ul.list-unstyled li {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section ul.list-unstyled li::before {
  content: none;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node {
  position: relative;
  height: 100%;
  padding-bottom: 22px;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node::after {
  content: "Lees meer";
  position: absolute;
  bottom: 0;
  color: var(--clr-orange);
  background: url(/sites/default/files/2021-08/orange-arrow-right.jpg) no-repeat left center;
  background-size: 7px auto;
  padding-left: 15px;
  line-height: 1;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node .field--featured-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node .field--featured-image::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node .field--featured-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node .field--featured-image .items,
.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node .field--featured-image .item,
.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node .field--featured-image article,
.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node .field--featured-image picture {
  height: 100%;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node .field--featured-image .items {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node .field--date {
  display: none;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node h2 {
  padding-top: 100%;
  margin-bottom: 10px;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node h2 a {
  color: var(--clr-green);
  font-family: var(--flandersArtSans-Medium);
  font-size: 1.25rem;
  display: block;
  line-height: 1.1;
  text-decoration: none;
  margin-top: 17px;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node h2 a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node:hover::after {
  text-decoration: underline;
}

.paddle-components-list-block-wrapper.comp-palettes-2 .paddle-component--body-section article.node:hover h2 a {
  color: var(--main-text-color);
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--top-section.text {
  font-size: 2rem;
  color: var(--clr-green-700);
  text-transform: uppercase;
  margin-bottom: 30px;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section {
  background-color: var(--clr-green-700);
  padding: 0;
  position: relative;
  padding-bottom: 22px;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section::after {
  content: "";
  display: block;
  height: 90px;
  background-color: white;
  position: absolute;
  width: 100%;
  bottom: -60px;
  left: 0;
  transform: skew(0deg, 10deg);
}

@media (max-width: 549px) {
  .paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section::after {
    transform: skew(0deg, 7deg);
  }
}
@media (min-width: 550px) and (max-width: 767px) {
  .paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section::after {
    transform: skew(0deg, 4deg);
  }
}
.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section ul.list-unstyled li {
  padding-left: 0;
  padding-top: 10px;
  padding-bottom: 40px;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section ul.list-unstyled li::before {
  content: none;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section ul.list-unstyled li::after {
  content: "";
  display: block;
  height: 1px;
  background-color: white;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: rotate(4deg);
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section ul.list-unstyled li:nth-child(even)::after {
  transform: rotate(-4deg);
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section ul.list-unstyled li:last-child::after {
  content: none;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section article.node {
  position: relative;
  padding-bottom: 22px;
  padding-left: 20px;
  padding-right: 20px;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section article.node::after {
  content: "Lees meer";
  position: absolute;
  bottom: 0;
  color: var(--clr-orange);
  background: url(/sites/default/files/2021-08/orange-arrow-right_1.png) no-repeat left center;
  background-size: 6px auto;
  padding-left: 15px;
  line-height: 1;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section article.node .field--featured-image {
  float: left;
  width: 55px;
  height: 55px;
  margin-bottom: 0;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section article.node .field--featured-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section article.node .field--featured-image .items,
.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section article.node .field--featured-image .item,
.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section article.node .field--featured-image article,
.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section article.node .field--featured-image picture {
  height: 100%;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section article.node h2 {
  margin-bottom: 5px;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section article.node h2 a {
  color: white;
  font-family: var(--flandersArtSans-Medium);
  font-size: 1.25rem;
  display: block;
  line-height: 1.1;
  text-decoration: none;
  margin-top: 17px;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section article.node h2 a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section article.node .field--body {
  color: white;
  margin-bottom: 0;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section article.node .field--body p {
  margin-bottom: 0;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section article.node:hover::after {
  text-decoration: underline;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section article.node:hover h2 a {
  color: white;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section .badge {
  padding: 0.25rem 0rem;
  text-align: left;
}

.paddle-components-list-block-wrapper.comp-palettes-3 .paddle-component--body-section .badge.badge-light {
  color: white;
  background-color: transparent;
}

.paddle-components-text-block-wrapper.comp-palettes-6 .slideContentWrapper {
  display: none;
}

.paddle-components-text-block-wrapper.comp-palettes-6 .paddle-component--text-block {
  box-shadow: 0px 2px 5px 0px #b5b5b5;
}

.paddle-components-text-block-wrapper.comp-palettes-6 .paddle-component--top-section.text {
  cursor: pointer;
  position: relative;
  padding: 15px 15px 15px 40px;
  background: transparent;
  color: var(--clr-green-400);
  font-size: 20px;
}

.paddle-components-text-block-wrapper.comp-palettes-6 .paddle-component--top-section.text::before {
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 10px;
  vertical-align: middle;
  position: absolute;
  left: 20px;
  top: 16px;
  bottom: auto;
  transition: 0.35s;
  background-color: transparent;
  width: auto;
  height: auto;
  margin: 0;
}

.paddle-components-text-block-wrapper.comp-palettes-6 .paddle-component--top-section.text button {
  border: 0;
  background-color: transparent;
  color: var(--clr-green-400);
}

.paddle-components-text-block-wrapper.comp-palettes-6 .paddle-component--top-section.text button:focus {
  outline: 0;
}

.paddle-components-text-block-wrapper.comp-palettes-6 .paddle-component--top-section.text:hover::before,
.paddle-components-text-block-wrapper.comp-palettes-6 .paddle-component--top-section.text.expend::before {
  transform: rotate(90deg);
}

.paddle-components-text-block-wrapper.comp-palettes-6 .paddle-component--body-section {
  padding: 0 20px 20px 20px;
  display: table;
  width: 100%;
}

iframe {
  max-width: 100%;
}

.media_embed {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.media_embed iframe,
.media_embed object,
.media_embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.container_region.comp-palettes-5 .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block {
  margin: 0;
  margin-bottom: 30px;
}

.container_region.comp-palettes-5 .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block a {
  color: white;
  font-family: var(--flandersArtSerif-Medium);
  font-size: 1.25rem;
  text-transform: uppercase;
  background-color: var(--clr-green-700);
  text-decoration: none;
  display: block;
  padding: 14px 15px 7px 15px;
  display: block;
  /* -webkit-transition: 0.35s;
  transition: 0.35s; */
  position: relative;
  z-index: 1;
}

.container_region.comp-palettes-5 .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block a::after {
  content: "";
  display: block;
  height: 50%;
  position: absolute;
  background-color: inherit;
  left: 0px;
  right: 0;
  z-index: -1;
  bottom: 0;
  transform: skewY(-3deg);
  transform-origin: 100% 0;
  /* transition: 0.35s; */
}

@media (max-width: 767px) {
  .container_region.comp-palettes-5 .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block a::after {
    transform: skewY(-1.5deg);
  }
}
.container_region.comp-palettes-5 .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block a:hover,
.container_region.comp-palettes-5 .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block a:hover::after {
  background-color: var(--clr-green);
}

.paddle-components-text-block-wrapper.comp-palettes-1 .paddle-component--top-section.text {
  padding: 15px;
  position: relative;
  overflow: inherit;
  z-index: 1;
  background-color: var(--clr-green-700);
  color: white;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-family: var(--flandersArtSerif-Medium);
}

.paddle-components-text-block-wrapper.comp-palettes-1 .paddle-component--top-section.text::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-color: inherit;
  position: absolute;
  z-index: -1;
  transform-origin: 0 100%;
  transform: skewY(1.25deg);
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  border: 0;
}

.paddle-components-text-block-wrapper.comp-palettes-1 .paddle-component--top-section.text a {
  text-decoration: none;
  color: white;
}

.paddle-components-text-block-wrapper.comp-palettes-1 .paddle-component--top-section.text a:hover {
  color: var(--clr-green-300);
}

/* --- Calendar ------*/
.paddle-components-calendar-block-wrapper .view-calendar {
  padding-top: 0;
  box-shadow: none;
  padding: 0;
}

.paddle-components-calendar-block-wrapper .view-calendar header {
  border: 0;
  margin: 0;
}

.paddle-components-calendar-block-wrapper ul li {
  padding-left: 0;
  padding-right: 0;
}

.paddle-components-calendar-block-wrapper ul li::before {
  content: none;
}

.paddle-components-calendar-block-wrapper .view-calendar header h3 {
  margin-top: 0;
  font-size: 25px;
}

.paddle-components-calendar-block-wrapper .view-calendar header > .pager .js-pager__items .pager__item a {
  display: inline-block;
  height: 32px;
  width: 32px;
  line-height: 32px;
  border: 1px solid var(--clr-green);
  text-align: center;
}

.paddle-components-calendar-block-wrapper .view-calendar header > .pager .js-pager__items .pager__item a .fa-chevron-circle-left::before {
  content: "\f053";
}

.paddle-components-calendar-block-wrapper .view-calendar header > .pager .js-pager__items .pager__item a .fa-chevron-circle-right::before {
  content: "\f054";
}

.paddle-components-calendar-block-wrapper .view-calendar header > .pager .js-pager__items .pager__item a .fas {
  color: black;
}

.paddle-components-calendar-block-wrapper .view-calendar header > .pager .js-pager__items .pager__item a:hover .fas {
  color: var(--clr-green);
}

.paddle-components-calendar-block-wrapper .view-calendar .item-list > ul > li {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 6px;
  border: 0;
}

.paddle-components-calendar-block-wrapper .view-calendar .badge {
  background-color: #d5d5d5;
  border-radius: 0;
  font-size: 1rem;
  line-height: 1;
  padding: 0 8px;
  display: block;
  text-align: left;
}

.paddle-components-calendar-block-wrapper .view-calendar .badge i.fas {
  color: black;
}

.paddle-components-calendar-block-wrapper .view-calendar .badge:hover {
  background-color: var(--clr-green-700);
  color: white;
}

.paddle-components-calendar-block-wrapper .view-calendar .badge:hover i.fas {
  color: white;
}

.paddle-components-calendar-block-wrapper .view-calendar .item-list > ul > li .left,
.paddle-components-calendar-block-wrapper .view-calendar .item-list > ul > li .right {
  flex: 0 0 100%;
  max-width: 100%;
}

.paddle-components-calendar-block-wrapper .view-calendar .item-list > ul > li .left {
  margin-bottom: 6px;
}

.paddle-components-calendar-block-wrapper .view-calendar .node--event.view-mode--event-teaser-without-image h2 {
  text-transform: none;
  margin: 0 0 4px 0;
}

.paddle-components-calendar-block-wrapper .view-calendar .node--event.view-mode--event-teaser-without-image h2 a {
  color: var(--clr-green);
}

.paddle-components-calendar-block-wrapper .view-calendar .node--event .field a.btn {
  padding: 3px 5px;
  font-size: 1rem;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
}

.paddle-components-calendar-block-wrapper .view-calendar .node--event .field a.btn i.fas {
  line-height: 1;
  color: white;
}

/* --- END Calendar --*/
/* --- END Components ---------------------------- */
/*---------------------------------------------------
    Event page
----------------------------------------------------*/
.event-info-wrapper {
  background-color: var(--clr-green);
  padding: 35px 35px;
  margin-bottom: 1rem;
}

.event-info-wrapper .field-block {
  margin-bottom: 1rem;
}

.event-info-wrapper .extra-field-block .field--ical a {
  display: flex;
  background-color: var(--clr-green-700);
  justify-content: center;
  text-align: center;
  align-items: center;
  text-decoration: none;
  height: auto;
  padding: 7px 15px;
  font-size: 1rem;
}

.event-info-wrapper .extra-field-block .field--ical a .fa-calendar-plus {
  color: white;
}

.event-info-wrapper .extra-field-block .field--ical a:hover {
  background-color: var(--clr-green-400);
  color: white;
}

.event-info-wrapper .field-date .badge.badge-light {
  padding: 0;
  background-color: transparent;
  font-size: var(--body-font-size);
  font-family: var(--flandersArtSerif-Medium);
}

.event-info-wrapper .field-address p.address {
  margin-bottom: 0;
}

.event-info-wrapper i.fas {
  color: white;
}

/* --- END Event page ---------------------------- */
/*---------------------------------------------------
    Webform
----------------------------------------------------*/
.webform-submission-form .webform-progress {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.webform-submission-form .webform-progress .webform-progress-bar {
  padding-left: 0;
}

.webform-submission-form .webform-progress .webform-progress-bar li {
  line-height: 30px;
  background-color: rgba(var(--clr-green-rgb), 0.2);
  color: var(--primary);
  height: 40px;
  line-height: 40px;
}

.webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page > b:before {
  border-left-color: rgba(var(--clr-green-rgb), 0.2);
  border-width: 20px;
}

.webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page.webform-progress-bar__page--current > b:before,
.webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page.webform-progress-bar__page--done > b:before {
  border-left-color: var(--clr-gray);
}

.webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page > b:after {
  top: -5px;
  border-width: 25px;
}

.webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page:last-child span {
  right: -20px;
}

.webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page:first-child span,
.webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page:last-child span {
  border-width: 20px;
}

.webform-submission-form .form-item .custom-file-label,
.webform-submission-form .form-item .select2-selection,
.webform-submission-form .form-item input,
.webform-submission-form .form-item select,
.webform-submission-form .form-item textarea {
  border-radius: 0;
  border-color: var(--clr-green-700);
}

.webform-submission-form details > legend,
.webform-submission-form details > summary,
.webform-submission-form fieldset:not(.form-composite) > legend,
.webform-submission-form fieldset:not(.form-composite) > summary {
  background-color: transparent;
  color: var(--clr-green-500);
  padding: 0 0 0 0;
}

.webform-submission-form details > .details-wrapper,
.webform-submission-form details > .fieldset-wrapper,
.webform-submission-form fieldset:not(.form-composite) > .details-wrapper,
.webform-submission-form fieldset:not(.form-composite) > .fieldset-wrapper {
  padding: 0;
}

.webform-submission-form details,
.webform-submission-form fieldset:not(.form-composite) {
  background-color: transparent;
}

.webform-submission-form .form-item {
  margin-bottom: 1rem;
}

.webform-submission-form .form-item label:not(.option) {
  margin-bottom: 4px;
}

.webform-submission-form fieldset.form-item {
  margin-bottom: 2rem;
}

.webform-submission-form fieldset.form-composite > legend span.fieldset-legend {
  font-family: var(--flandersArtSerif-Medium);
}

.webform-submission-form fieldset.form-composite > legend {
  margin-bottom: 0.5rem;
}

.webform-submission-form .form-item .description {
  margin-top: 0;
}

.webform-submission-form .form-managed-file {
  flex-wrap: wrap;
}

.webform-submission-form .form-managed-file .form-item {
  display: flex;
  flex: 1 1 100%;
  margin-bottom: 0.45rem;
  margin-top: 0.45rem;
  line-height: 1;
}

.webform-submission-form .form-managed-file > .form-submit {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  margin-top: 0.5rem;
}

.webform-submission-form .webform-actions,
.webform-submission-form .form-actions {
  margin-top: 2rem;
}

.webform-submission-form .webform-actions input.form-submit,
.webform-submission-form .form-actions input.form-submit {
  border: 2px solid var(--clr-green-700);
  line-height: 1.3;
  transition: 0.35s;
  color: white;
  background-color: var(--clr-green-700);
  font-size: var(--body-font-size);
  text-transform: uppercase;
  padding: 0.75rem 2em;
  font-family: var(--flandersArtSerif-Regular);
}

.webform-submission-form .webform-actions input.form-submit:hover,
.webform-submission-form .form-actions input.form-submit:hover {
  background-color: var(--clr-green);
  border-color: var(--clr-green);
  color: white;
}

.webform-submission-form .checkbox .form-item {
  margin-bottom: 1rem;
  position: relative;
  padding-left: 0;
}

.webform-submission-form .checkbox .form-item input.form-check-input {
  -webkit-appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 1px;
  margin: 0;
}

.webform-submission-form .checkbox .form-item input.form-check-input + label {
  position: relative;
  padding-left: 30px;
}

.webform-submission-form .checkbox .form-item input.form-check-input + label::before {
  content: "";
  display: block;
  height: 19px;
  width: 19px;
  border: 1px solid var(--clr-green-400);
  position: absolute;
  left: 0;
}

.webform-submission-form .checkbox .form-item input.form-check-input + label::after {
  content: "";
  display: block;
  height: 13px;
  width: 13px;
  background-color: var(--clr-green-400);
  position: absolute;
  left: 3px;
  top: 3px;
  opacity: 0;
  transition: 0.35s;
}

.webform-submission-form .checkbox .form-item input.form-check-input:checked + label::after {
  opacity: 1;
}

.form-item-header.form-check,
.form-item-footer.form-check {
  display: none;
}

/* --- END Webform -------------------------------- */
/*---------------------------------------------------
    Search pages
----------------------------------------------------*/
.page-node-type-search-page .view-header h2 {
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.page-node-type-search-page article.node.view-mode--search-teaser::before,
.page-node-type-search-page article.node.view-mode--search-teaser::after {
  content: none;
}

.page-node-type-search-page .mb-5 {
  margin-bottom: 1.5rem !important;
  border-bottom: 1px dashed var(--clr-green-700);
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.page-node-type-search-page .view-search .card-body {
  padding: 1.25rem 0 0 0;
}

@media (min-width: 768px) {
  .page-node-type-search-page .view-search .card-body {
    padding: 0 1.25rem;
  }
}
.page-node-type-search-page .view-search .card-body h3.card-title {
  margin-top: 0;
  font-weight: normal;
}

.page-node-type-search-page .view-search .card-body h3.card-title a {
  font-weight: 700;
  text-decoration: none;
  transition: 0.35s;
  font-family: var(--flandersArtSerif-Bold);
}

.page-node-type-search-page .view-search .card-body h3.card-title a::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.page-node-type-search-page .view-search .card-body .field {
  width: 100%;
  display: flex;
}

.page-node-type-search-page .view-search .card-body .field p,
.page-node-type-search-page .view-search .card-body .field strong {
  font-weight: normal;
}

.page-node-type-search-page .view-search .card-body .field .item * {
  display: inline;
}

.page-node-type-search-page .view-search .card-body .badge.badge-light {
  border-radius: 0;
}

.page-node-type-search-page .view-search .card-body p.read-more {
  transition: 0.35s;
  margin-bottom: 0;
}

.page-node-type-search-page .view-search article.card {
  position: relative;
  transition: 0.35s;
  margin-top: 0;
  border-radius: 0;
  overflow: hidden;
}

.page-node-type-search-page .view-search article.card .col-lg-8,
.page-node-type-search-page .view-search article.card .col-lg-16 {
  position: static;
}

.page-node-type-search-page .view-search article.card .col-lg-8 {
  position: relative;
}

@media (min-width: 976px) {
  .page-node-type-search-page .view-search article.card .col-lg-8::after {
    content: "";
    display: block;
    padding-bottom: 76%;
  }
  .page-node-type-search-page .view-search article.card .col-lg-8 .image {
    position: absolute;
    top: 0;
    border: 0;
    left: 0;
    right: 0;
    min-height: 100%;
  }
}
@media (max-width: 975px) {
  .page-node-type-search-page .view-search article.card .col-lg-8.image-wrapper {
    margin-bottom: 30px;
  }
}
.page-node-type-search-page .view-search article.card .col-24 .card-body {
  padding: 0;
}

.page-node-type-search-page .view-search article.card:hover .card-body h3.card-title a {
  color: var(--clr-green-700);
}

.page-node-type-search-page .view-search article.card:hover .card-body p.read-more {
  color: var(--clr-green-700);
}

.page-node-type-search-page form.views-exposed-form > .form-row {
  justify-content: center;
}

.page-node-type-search-page form.views-exposed-form label {
  font-weight: 700;
}

.page-node-type-search-page form.views-exposed-form .form-item-search-api-fulltext {
  margin-bottom: 1.5rem;
  width: auto;
  flex: 1;
}

.page-node-type-search-page form.views-exposed-form .form-item-search-api-fulltext label {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.page-node-type-search-page form.views-exposed-form .form-item-search-api-fulltext input {
  width: 100%;
  height: 55px;
  border-color: var(--clr-green-700);
  border-radius: 0;
  margin-top: 30px;
}

.page-node-type-search-page form.views-exposed-form .form-item select {
  height: 55px;
  border-radius: 0;
}

.page-node-type-search-page form.views-exposed-form .form-actions input:not(.btn-primary) {
  display: none;
}

.page-node-type-search-page form.views-exposed-form .form-actions .btn-primary {
  padding: 10px 1em;
  height: 55px;
  font-family: var(--flandersArtSans-Regular);
  font-weight: normal;
}

.page-node-type-search-page .block-facet {
  padding-top: 6px;
}
.page-node-type-search-page .block-facet ul ul {
  margin-top: 1rem;
  padding-left: 1rem;
}
.page-node-type-search-page .block-facet ul li.facet-item {
  padding: 0;
  margin-bottom: 20px;
}
.page-node-type-search-page .block-facet ul li.facet-item::before {
  content: none;
}
.page-node-type-search-page .block-facet ul li.facet-item a {
  padding-left: 40px;
  position: relative;
  text-decoration: none;
  display: block;
  line-height: 1.1;
}
.page-node-type-search-page .block-facet ul li.facet-item a::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 19px;
  height: 19px;
  border: 2px solid var(--clr-green-700);
}
.page-node-type-search-page .block-facet ul li.facet-item a::after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background-color: var(--clr-green);
  position: absolute;
  left: 4px;
  top: 4px;
  opacity: 0;
  transition: 0.35s;
}
.page-node-type-search-page .block-facet ul li.facet-item a span.facet-item__status {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}
.page-node-type-search-page .block-facet ul li.facet-item a:hover::after,
.page-node-type-search-page .block-facet ul li.facet-item a.is-active::after {
  opacity: 1;
}

.page-node-type-search-page article.node--search-page > h2 {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.page-node-type-search-page .block-facet {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.page-node-type-search-page .block-facet > h2 {
  border-bottom: 2px solid var(--clr-green-700);
  color: var(--clr-green-700);
  font-family: var(--flandersArtSerif-Medium);
  text-transform: none;
  padding-bottom: 5px;
}

@media (min-width: 768px) {
  .page-node-type-search-page .layout--twocol-section--25-75 .layout__region--second {
    position: relative;
    padding-left: 40px;
  }
}
@media (min-width: 768px) {
  .page-node-type-search-page .layout--twocol-section--25-75 .layout__region--second::before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0px;
    background-color: var(--clr-green-700);
    left: 11px;
  }
}
/* --- END Search --------------------------------- */
/*---------------------------------------------------
    Homepage
----------------------------------------------------*/
.body_homepage #block-ocelot-paddle-page-title,
.body_homepage .region.region--breadcrumb {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.body_homepage #region-content .comp-row-three-buttons {
  display: none;
}

.body_homepage .header {
  margin-bottom: 0;
}

/*
.body_homepage .header .header__wrapper {
  background: var(--banner-image) no-repeat center center;
  --banner-image: url(/sites/default/files/2021-08/banner-hp.jpg);
  background-size: cover;
}
*/
.body_homepage .header .header__wrapper + span.lines-horizontal {
  display: none;
}

@media (max-width: 1199px) {
  .body_homepage .header > .header-content {
    padding-bottom: 0;
  }
}
.body_homepage .header .header__wrapper .logo {
  max-width: 100%;
  display: block;
  height: auto;
  width: unset;
}

.body_homepage .header .header__wrapper .logo img {
  width: 100%;
  max-width: 423px;
}

.body_homepage .comp-row-3-horizontal-lines {
  background-color: #f7f7f7;
}

.body_homepage .comp-row-three-buttons {
  margin: 4rem 0 4rem 0;
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block .paddle-component--top-section.text {
  position: relative;
  background-color: white;
  max-width: 434px;
  width: 100%;
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block .paddle-component--top-section.text::before,
.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block .paddle-component--top-section.text::after {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  background-color: inherit;
  border: 0;
  z-index: 0;
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block .paddle-component--top-section.text::before {
  left: -2px;
  transform: skew(-4deg, 0deg);
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block .paddle-component--top-section.text::after {
  right: -2px;
  transform: skew(4deg, 0deg);
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block .paddle-component--top-section.text a {
  display: block;
  padding: 15px 0;
  position: relative;
  z-index: 1;
  text-decoration: none;
  margin: 0;
  font-family: var(--flandersArtSerif-Bold);
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block .paddle-component--top-section.text a:hover {
  color: var(--clr-green);
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block {
  margin-bottom: 20px;
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block::after {
  content: none;
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-bottom-only-block .paddle-component--top-section.text a::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 4px);
  background-color: white;
  height: 50%;
  bottom: -6px;
  transform: skew(4deg, 1.5deg);
  z-index: -1;
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper:nth-child(2) .paddle-component--top-bottom-only-block .paddle-component--top-section.text::before {
  left: -7px;
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper:nth-child(2) .paddle-component--top-bottom-only-block .paddle-component--top-section.text::after {
  right: -7px;
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper:nth-child(2) .paddle-component--top-bottom-only-block .paddle-component--top-section.text a::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 8px);
  background-color: white;
  height: 50%;
  top: -6px;
  transform: skew(-4deg, 1.5deg);
  z-index: -1;
  left: -5px;
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper:nth-child(2) .paddle-component--top-bottom-only-block .paddle-component--top-section.text a::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 15px);
  background-color: white;
  height: 50%;
  bottom: -6px;
  transform: skew(-4deg, -1.5deg);
  z-index: -1;
  left: -9px;
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper:nth-child(3) .paddle-component--top-bottom-only-block .paddle-component--top-section.text::before {
  left: -12px;
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper:nth-child(3) .paddle-component--top-bottom-only-block .paddle-component--top-section.text::after {
  right: -12px;
}

.body_homepage .comp-row-three-buttons .paddle-components-top-bottom-only-block-wrapper:nth-child(3) .paddle-component--top-bottom-only-block .paddle-component--top-section.text a::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 18px);
  background-color: white;
  height: 50%;
  top: -6px;
  transform: skew(4deg, -1.5deg);
  z-index: -1;
  left: -8px;
}

/* --- END Home ----------------------------------- */
/*---------------------------------------------------
    Footer
----------------------------------------------------*/
.footer-tourism {
  display: none;
}

.sticky-footer span.lines-horizontal {
  background-color: white;
}

.sticky-footer .region-wrapper--footer {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.sticky-footer .sticky-footer-content {
  background-color: var(--clr-gray);
  padding-top: 0px;
}

.sticky-footer .container-max-xxl .container-max-xxl {
  padding: 0;
}

.sticky-footer .comp_footer-left .paddle-component--text-block {
  margin-bottom: 0;
}

.sticky-footer .comp_footer-left .paddle-component--text-block .paddle-component--top-section.text {
  color: var(--clr-green-700);
  font-family: var(--flandersArtSerif-Bold);
  text-transform: uppercase;
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 10px;
}

.sticky-footer .comp_footer-left .paddle-component--text-block .paddle-component--body-section a {
  color: var(--clr-orange);
}

.sticky-footer .comp_footer-left .paddle-component--text-block .paddle-component--body-section ul {
  padding: 0;
  display: flex;
  margin-left: 0;
  list-style-type: none;
  align-content: center;
  align-items: center;
  margin: 35px -10px 0 -10px;
  flex-wrap: wrap;
}

.sticky-footer .comp_footer-left .paddle-component--text-block .paddle-component--body-section ul li {
  padding: 0 10px 20px 10px;
}

.sticky-footer .comp_footer-left .paddle-component--text-block .paddle-component--body-section ul li img {
  display: inline-block;
  max-width: 104px;
  filter: grayscale(100%);
  transition: 0.3s;
}

.sticky-footer .comp_footer-left .paddle-component--text-block .paddle-component--body-section ul li img:hover {
  filter: none;
}

.sticky-footer .comp_footer-right .paddle-component--text-block {
  margin-bottom: 0;
}

.sticky-footer .comp_footer-right .paddle-component--text-block .paddle-component--body-section ul {
  margin: 0;
  list-style-type: none;
  padding-left: 0;
}

.sticky-footer .comp_footer-right .paddle-component--text-block .paddle-component--body-section ul li {
  margin-bottom: 30px;
  /*  &:last-child a {
                      background-color: var(--clr-green-500);
                      &::after {
                          top: -10px;
                      }
                      &:hover {
                          background-color: var(--clr-green-700)
                      }
                  } */
}

.sticky-footer .comp_footer-right .paddle-component--text-block .paddle-component--body-section ul li a {
  color: white;
  font-family: var(--flandersArtSerif-Bold);
  font-size: 1.25rem;
  text-decoration: none;
  padding: 15px 15px 15px 15px;
  display: block;
  transition: 0.35s;
  position: relative;
  z-index: 1;
}

.sticky-footer .comp_footer-right .paddle-component--text-block .paddle-component--body-section ul li a::after {
  content: "";
  display: block;
  height: 50%;
  width: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
  z-index: -1;
  transform: skew(0deg, -1deg);
  transition: 0.35s;
}

@media (min-width: 768px) {
  .sticky-footer .comp_footer-right .paddle-component--text-block .paddle-component--body-section ul li a::after {
    transform: skew(0deg, -4deg);
  }
}
.sticky-footer .comp_footer-right .paddle-component--text-block .paddle-component--body-section ul li:first-child a {
  background-color: var(--clr-green);
}

.sticky-footer .comp_footer-right .paddle-component--text-block .paddle-component--body-section ul li:first-child a::after {
  bottom: -10px;
}

.sticky-footer .comp_footer-right .paddle-component--text-block .paddle-component--body-section ul li:first-child a:hover,
.sticky-footer .comp_footer-right .paddle-component--text-block .paddle-component--body-section ul li:first-child a:hover::after {
  background-color: var(--clr-green-700);
}

.sticky-footer .comp--social-link .paddle-component--body-section {
  display: flex;
  margin-top: 3rem;
}

@media (min-width: 768px) {
  .sticky-footer .comp--social-link .paddle-component--body-section {
    align-items: center;
    justify-content: flex-end;
  }
}
.sticky-footer .comp--social-link .paddle-component--body-section h4 {
  margin: 0 20px 0 0;
}

.sticky-footer .comp--social-link .paddle-component--body-section ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  margin: 0 -10px 0 -10px;
}

@media (min-width: 768px) {
  .sticky-footer .comp--social-link .paddle-component--body-section ul {
    justify-content: flex-end;
  }
}
.sticky-footer .comp--social-link .paddle-component--body-section ul li {
  padding: 0 10px;
}

.sticky-footer .comp--social-link .paddle-component--body-section ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  font-size: 0px;
  color: transparent;
  border: 1px solid var(--clr-green);
  text-align: center;
  position: relative;
  transition: 0.35s;
}

.sticky-footer .comp--social-link .paddle-component--body-section ul li a::before {
  content: "";
  display: inline-block;
  font-family: "Font Awesome 6 Brands";
  font-weight: 900;
  color: var(--clr-green);
  font-size: 1.2rem;
  line-height: normal;
  position: absolute;
}

.sticky-footer .comp--social-link .paddle-component--body-section ul li a:hover {
  background-color: var(--clr-green);
}

.sticky-footer .comp--social-link .paddle-component--body-section ul li a:hover::before {
  color: white;
}

.sticky-footer .comp--social-link .paddle-component--body-section ul li:nth-child(1) a::before {
  content: "\f39e";
}

.sticky-footer .comp--social-link .paddle-component--body-section ul li:nth-child(2) a::before {
  content: "\f167";
}

.sticky-footer .comp--privacy-links .paddle-component--body-section {
  font-size: 0.85rem;
}

@media (min-width: 768px) {
  .sticky-footer .comp--privacy-links .paddle-component--body-section {
    text-align: right;
  }
}
.sticky-footer .comp--privacy-links .paddle-component--body-section a {
  color: var(--clr-orange);
}

.social-media-sharing {
  margin-bottom: 3rem;
}

/*END Footer --------------------------------------*/
/*---------------------------------------------------
    buitenlesdag
----------------------------------------------------*/
.body_buitenlesdag .header .paddle-search-form,
.body_buitenlesdag .header .header__top,
.body_buitenlesdag .header .header__bottom,
.body_buitenlesdag .header .header__wrapper .logo {
  display: none;
}

.body_buitenlesdag .header .header__wrapper.page_wide {
  max-height: 180px;
  height: 130px;
  background-image: url(/sites/default/files/2021-08/Buitenlesdag_Tekengebied-1.jpeg);
  background-position: center center;
  background-repeat: no-repeat;
}

.body_buitenlesdag #region-breadcrumb {
  display: none;
}

/*END buitenlesdag ---------------------------------*/
/*---------------------------------------------------
    Researcher Block
----------------------------------------------------*/
.node--researcher--teaser a {
  text-decoration: none !important;
}

.node--researcher--teaser .researcher-teaser-content h3 {
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1;
}

.node--researcher--teaser .researcher-teaser-content .field {
  margin-bottom: 10px;
  line-height: 1;
}

/*---------------------------------------------------
    Carousel block
----------------------------------------------------*/
.paddle-component--carousel-block .carousel-navigation {
  display: flex;
}

.paddle-component--carousel-block ul.slides li {
  padding: 0;
  margin: 0;
}

.paddle-component--carousel-block ul.slides li::before {
  content: none;
}

/* Subsite MOS viert feest */
.body_subsite-feest .header .header__wrapper .logo {
  display: block;
}

body.body_subsite-feest .header .header__wrapper {
  padding: 80px 0 120px 0;
}

@media (max-width: 990px) {
  body.body_subsite-feest .header .header__wrapper {
    padding: 60px 0 90px 0;
  }
}
@media (max-width: 600px) {
  body.body_subsite-feest .header .header__wrapper {
    padding: 40px 0 60px 0;
  }
}
.body_subsite-feest .comp_subsite-header {
  display: none;
}

.body_subsite-feest h1 {
  margin-top: 0;
}

.body_subsite-feest .region-wrapper--content {
  padding-bottom: 0;
}

.body_subsite-feest h2 {
  font-weight: normal;
  line-height: 1.3;
  font-family: var(--flandersArtSerif-Bold);
  text-transform: uppercase;
  color: var(--clr-green-700);
  position: relative;
  padding-bottom: 20px;
  font-size: var(--h1-size);
  margin-bottom: 1rem;
  margin-top: 0;
}

.body_subsite-feest .lines-horizontal {
  display: none;
}

.body_subsite-feest .comp-palettes-1 > .paddle-component {
  margin: 0;
}

.body_subsite-feest .comp-palettes-1 .paddle-component--top-section {
  margin: 0 0 30px 0;
}

.body_subsite-feest .comp-palettes-1 .paddle-component--top-section a {
  background-color: var(--clr-green-700);
  text-decoration: none;
  padding: 14px 15px 7px 15px;
  display: block;
  /* -webkit-transition: 0.35s;
  transition: 0.35s; */
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  color: white;
  font-family: var(--flandersArtSerif-Medium);
  font-size: 1.25rem;
  text-transform: uppercase;
  max-width: 400px;
}

.body_subsite-feest .comp-palettes-1 .paddle-component--top-section a:hover,
.body_subsite-feest .comp-palettes-1 .paddle-component--top-section a:hover::after {
  background-color: var(--clr-green);
}

.body_subsite-feest .comp-palettes-1 .paddle-component--top-section a::after {
  content: "";
  display: block;
  height: 50%;
  position: absolute;
  background-color: inherit;
  left: 0px;
  right: 0;
  z-index: -1;
  bottom: 0;
  transform-origin: 100% 0;
  transform: skewY(-3deg);
  /* -webkit-transition: 0.35s;
  transition: 0.35s; */
}

.body_subsite-feest .comp-palettes-1:nth-child(2n) .paddle-component--top-section {
  margin-bottom: 10px;
}

.body_subsite-feest .comp-palettes-1:nth-child(2n) .paddle-component--top-section a {
  background-color: var(--clr-green);
  padding-bottom: 15px;
}

.body_subsite-feest .comp-palettes-1:nth-child(2n) .paddle-component--top-section a:hover,
.body_subsite-feest .comp-palettes-1:nth-child(2n) .paddle-component--top-section a:hover::after {
  background-color: var(--clr-green-700);
}

.body_subsite-feest .comp-palettes-1:nth-child(2n) .paddle-component--top-section a::after {
  bottom: auto;
  top: 0;
  transform-origin: 0 100%;
}

.body_subsite-feest .comp-palettes-2 > .paddle-component {
  position: relative;
  background-color: var(--clr-orange);
  z-index: 1;
  box-sizing: border-box;
  margin-bottom: 0;
  padding: 15px 15px;
  margin-bottom: 3rem;
  color: white;
}

.body_subsite-feest .comp-palettes-2 > .paddle-component::before,
.body_subsite-feest .comp-palettes-2 > .paddle-component::after {
  content: "";
  display: block;
  position: absolute;
  height: 50%;
  background-color: inherit;
  right: 0;
  left: 0;
  z-index: -1;
}

.body_subsite-feest .comp-palettes-2 > .paddle-component::before {
  top: 0;
  transform-origin: 0 100%;
  transform: skewY(-3deg);
}

.body_subsite-feest .comp-palettes-2 > .paddle-component::after {
  bottom: 0;
  transform: skewY(-3deg);
  transform-origin: 100% 0;
}

.body_subsite-feest .paddle-components-text-block-wrapper.comp-palettes-2 .paddle-component--text-block .paddle-component--body-section {
  -moz-column-count: 1;
       column-count: 1;
}

.body_subsite-feest .comp-palettes-2 .paddle-component--top-section,
.body_subsite-feest .comp-palettes-2 .paddle-component--top-section a {
  font-size: 24px;
  color: white;
  font-family: var(--flandersArtSerif-Medium);
  margin-bottom: 1rem;
  text-decoration: none;
  text-transform: uppercase;
}

.body_subsite-feest .comp-palettes-2 ul {
  margin-left: 1rem;
}

.body_subsite-feest .comp-palettes-2 ul li {
  padding: 0 0 0 1rem;
  margin: 0 0 0 0;
  font-weight: 500;
  font-family: var(--flandersArtSans-Medium);
  font-size: 18px;
}

.body_subsite-feest .comp-palettes-2 ul li a {
  color: white;
  text-decoration: none;
}

.body_subsite-feest .comp-palettes-2 ul li a:hover {
  color: white;
  text-decoration: underline;
}

.body_subsite-feest .comp-palettes-2 ul li::before {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 12px;
  color: white;
  background: transparent;
}

.body_subsite-feest h3 {
  color: var(--clr-orange);
  font-weight: 500;
  text-transform: uppercase;
  font-family: var(--flandersArtSerif-Medium);
  font-size: var(--h3-size);
}

.body_subsite-feest table {
  table-layout: fixed;
}

.body_subsite-feest table tbody tr:hover {
  background-color: transparent;
}

.body_subsite-feest table td {
  padding: 0;
}

.body_subsite-feest table img {
  max-width: 115px;
  border-radius: 50%;
}

.body_subsite-feest table h3 {
  margin: 0;
  text-align: center;
  font-size: 22px;
}

.body_subsite-feest table td,
.body_subsite-feest table td p {
  margin: 0;
  text-align: center;
  font-size: 16px;
}

@media (max-width: 990px) {
  .body_subsite-feest table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .body_subsite-feest table td {
    width: 50%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 600px) {
  .body_subsite-feest table td {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.body_subsite-feest .paddle-components-text-block-wrapper.comp-palettes-6 .paddle-component--top-section.text {
  padding: 22px 15px 22px 40px;
}

.body_subsite-feest .paddle-components-text-block-wrapper.comp-palettes-6 .paddle-component--top-section.text::before {
  top: 23px;
}

.body_subsite-feest .paddle-components-text-block-wrapper.comp-palettes-6 .paddle-component--top-section.text button {
  font-size: 21px;
  font-family: var(--flandersArtSerif-Medium);
  text-align: left;
}

.body_subsite-feest .paddle-components-text-block-wrapper.comp-palettes-6 .paddle-component--text-block {
  margin-bottom: 1.5rem;
}

.comp_section--img-banner {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-left: calc(50vw - 40rem);
  padding-right: calc(50vw - 40rem);
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  min-height: 500px;
  background-size: contain !important;
}

.body_subsite-feest main .layout.page_wide {
  text-align: center;
  padding: 0;
}

.body_subsite-feest main .layout.page_wide .paddle-component--image-block {
  margin-bottom: 0;
}

/* Mosterdpod */
.comp_section--img-banner.comp_section-mosterdpod {
  background-repeat: repeat-y;
  color: white;
  background-size: cover !important;
}

.comp_section--img-banner.comp_section-mosterdpod a {
  color: white;
}

.comp_section--img-banner.comp_section-mosterdpod a:hover {
  color: var(--clr-orange);
}

.comp_section-mosterdpod .layout__region {
  display: flex;
  flex-wrap: wrap;
}

.body_subsite-feest main .layout {
  padding-top: 3rem;
  padding-bottom: 4rem;
}

.body_subsite-feest main .layout:first-child {
  padding-top: 0;
}

.body_subsite-feest main .layout:first-child {
  padding-top: 0;
}

.comp_mosterdpod-titel {
  width: 75%;
  max-width: 75%;
  margin-right: 25%;
  padding: 0 1rem;
}

.comp_mosterdpod-titel .paddle-component--top-section.text {
  display: flex;
  flex-direction: row-reverse;
  justify-content: left;
  color: white;
  font-size: var(--h1-size);
  line-height: 58px;
  flex-wrap: wrap-reverse;
}

.comp_mosterdpod-titel .paddle-component--top-section.text picture {
  margin-left: 1rem;
}

.comp_mosterdpod-titel .paddle-component--top-section.text picture img {
  max-width: unset;
}

.comp_mosterdpod-item {
  width: 18%;
  padding: 0 1rem;
}

@media (max-width: 1200px) {
  .comp_mosterdpod-item {
    width: 36%;
  }
}
@media (max-width: 990px) {
  .comp_section-logo {
    max-width: 20%;
  }
}
@media (max-width: 600px) {
  .comp_mosterdpod-item {
    width: 100%;
  }
  .comp_mosterdpod-titel .paddle-component--body-section {
    width: 133.3%;
  }
}
.comp_mosterdpod-item .paddle-component--top-section {
  margin: 0;
}

.body_subsite-feest .comp_section-mosterdpod h3 {
  color: white;
  font-size: var(--body-font-size);
  text-transform: none;
  font-family: var(--flandersArtSans-Medium);
  margin: 1rem 0 0.25rem;
}

.comp_section-logo {
  position: absolute;
  right: 0;
  padding-right: calc(50vw - 31rem);
  top: 0;
}

.body_subsite-feest .paddle-component--photo-album-block .views-row {
  flex: 0 0 16.66%;
  max-width: 16.66%;
  padding: 0 !important;
}

@media (max-width: 990px) {
  .body_subsite-feest .paddle-component--photo-album-block .views-row {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
.body_subsite-feest .paddle-component--bottom-section a {
  color: white;
  background: var(--clr-green-700);
  text-decoration: none;
  font-size: var(--h3-size);
  font-family: var(--flandersArtSerif-Medium);
  padding: 0.75rem 3rem;
}

.body_subsite-feest .paddle-component--bottom-section a::after {
  display: none;
}

.body_subsite-feest .paddle-component--bottom-section a:hover {
  color: white;
  background: var(--clr-green);
  text-decoration: none;
}

.layout.comp_mosterdpod-banner {
  background-size: contain;
}

/* .comp_mosterdpod-image {
  padding: 5rem 0;
} */
.comp_mosterdpod-image .paddle-component--image-block {
  position: absolute;
  right: 25%;
  left: 50%;
}

.comp_mosterdpod-banner + .layout .layout__region--first > div:first-child,
.comp_mosterdpod-banner + .layout .layout__region--first > div:nth-child(2) {
  width: 66.7%;
}

.body_subsite-feest .paddle-components-photo-album-block-wrapper.comp_kaartjes-per-3 .views-row {
  flex: 0 0 28%;
  max-width: 28%;
}

.body_subsite-feest main .comp_header-section-invis {
  display: none;
}

.body_subsite-feest main .comp_header-section-invis + .layout {
  padding-top: 0;
}

.body_subsite-feest main .comp_header-section-invis + .layout.comp_mosterdpod-banner {
  padding-bottom: 15%;
}

.body_subsite-feest .normal-style table img {
  max-width: 80%;
  border-radius: 0;
}

@media (max-width: 770px) {
  .comp_mosterdpod-image .paddle-component--image-block {
    right: 0;
    left: 66.6%;
  }
  .body_subsite-feest h1 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .comp_mosterdpod-banner + .layout .layout__region--first > div:first-child,
  .comp_mosterdpod-banner + .layout .layout__region--first > div:nth-child(2) {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .body_subsite-feest main .comp_header-section-invis + .layout.comp_mosterdpod-banner {
    padding-bottom: 6rem;
    background-size: cover;
    background-position: left;
  }
}
.comp_header-image {
  display: none;
}

body:not(.body_homepage) .comp_header-image {
  display: block;
  position: absolute !important;
  top: 0;
  min-height: 320px;
  width: 100%;
}

#block-main-navigation-below-logo-mobile ul.navbar-nav.menu--main > li > a {
  font-family: var(--flandersArtSerif-Medium);
  font-weight: normal;
  font-size: 1.125rem;
  padding: 0 0 0px 0;
  margin: 0;
  position: relative;
}

#block-main-navigation-below-logo-mobile ul.navbar-nav.menu--main li.dropdown .dropdown-menu li.dropdown-item a {
  padding: 0px 0 10px 0;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 10px;
  display: block;
  line-height: 1.3;
  font-family: var(--flandersArtSerif-Medium);
  font-weight: normal;
  font-size: 1rem;
  color: #000000;
  position: relative;
  text-transform: uppercase;
}

.header .header__wrapper .logo {
  position: relative;
  z-index: 333;
}

.header-component-wrapper .component-header--title-over-background-image {
  position: unset;
  min-height: unset;
  overflow: unset;
  display: unset;
}

.header .header__wrapper.page_wide {
  min-height: 320px;
}

.search-api-autocomplete-search {
  z-index: 3333333;
}

@media (max-width: 600px) {
  body h1 {
    font-size: 8vw;
    word-wrap: break-all;
    hyphens: auto;
  }
  .node-554 .paddle-components-text-block-wrapper .responsive-table table {
    max-width: 100%;
  }
}
.body_homepage .header .header__wrapper {
  height: 650px;
}
.body_homepage .header .comp_header-image {
  width: 100%;
  height: 650px;
  position: absolute;
  display: block;
}

.ui-dialog.ui-front {
  padding: 0;
  border-radius: 0;
}
.ui-dialog.ui-front .ui-dialog-titlebar {
  background-color: var(--clr-green);
  border: 0;
  border-radius: 0;
}
.ui-dialog.ui-front .ui-dialog-titlebar h1.ui-dialog-title {
  padding-bottom: 0;
  color: white;
  font-size: var(--h3-size);
  white-space: unset;
  float: unset;
}
.ui-dialog.ui-front .ui-dialog-titlebar::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-color: inherit;
  position: absolute;
  z-index: -1;
  bottom: 0;
  transform-origin: 0 100%;
  transform: skewY(1.5deg);
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: auto;
  border: 0;
}
.ui-dialog.ui-front .ui-dialog-content {
  margin-top: 1rem;
}/*# sourceMappingURL=mos.css.map */