:root {
  --primary-light: #2d94bf;
  --primary-dark: #2a5c71;
  --secondary: #353535;
  --body-bg-color: #ffffff;
  --main-text-color: #333333;
  --text-color-2: #666666;
  --text-color-3: #5e5e5e;
  --color-palettes-0: #15465b;
  --color-palettes-0-dark: #14475c;
  --color-palettes-1: #4ba144;
  --color-palettes-1-dark: #25582f;
  --color-palettes-2: #543f5e;
  --color-palettes-2-dark: #50405d;
  --color-palettes-3: #d26e25;
  --color-palettes-3-dark: #bf9933;
  --color-palettes-4: #2b92be;
  --color-palettes-5: #5dbe55;
  --color-palettes-6: #926da5;
  --color-box-shadow: #b5b5b5;
  --h1-color: #333333;
  --h2-color: #59b02f;
  --h4-color: #3c3d3c;
  --h1-size: 2.187rem;
  --h1-size-mob: 2rem;
  --h2-size: 1.562rem;
  --h3-size: 1.25rem;
  --h4-size: 1.25rem;
  --h5-size: 1.1rem;
  --h6-size: 1.1rem;
  --font-size-18: 1.125rem;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 900;
  --body-font-size: 15px;
  --main-font-family: "latoregular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  --latobold: "latobold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  --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;
  --flanders-sans-medium: "flanders-sans-medium", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  --flanders-sans-regular: "flanders-sans-regular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  --flandersArtSerif-Light: "FlandersArtSerif-Light", "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;
  --box-shadow: 0 5px 5px -4px #b5b5b5;
  --border: 1px solid #ebebeb;
}

/*------------------------------------------------------------
      Site Fonts
  -------------------------------------------------------------*/
@font-face {
  font-family: "FlandersArtSans-Regular";
  src: url("/sites/default/files/2021-07/FlandersArtSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "FlandersArtSans-Light";
  src: url("/sites/default/files/2021-07/FlandersArtSans-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "FlandersArtSans-Medium";
  src: url("/sites/default/files/2021-07/FlandersArtSans-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "FlandersArtSans-Bold";
  src: url("/sites/default/files/2021-07/FlandersArtSans-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "latoregular";
  src: url("/sites/default/files/2021-07/lato-reg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "latobold";
  src: url("/sites/default/files/2021-07/lato-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

html {
  font-size: 16px;
}

html body {
  font-family: var(--main-font-family);
  color: var(--main-text-color);
  font-size: var(--body-font-size);
  line-height: 1.4;
  -webkit-font-smoothing: auto;
}

body h1,
body h2,
body h3,
body h4,
body h5 {
  font-family: var(--main-font-family);
  margin: 0;
}

body h1 {
  font-size: var(--h1-size);
  color: var(--h1-color);
  text-transform: none;
  font-family: var(--main-font-family);
  margin: 15px 0;
}

body h2 {
  font-size: var(--h2-size);
  color: var(--h1-color);
  margin-top: 15px;
  font-weight: 700;
}

body.body_overview_page h2,
body .paddle-component--body-section h2 {
  color: var(--color-palettes-0-dark);
}

body h3 {
  font-size: var(--h3-size);
  color: var(--primary-dark);
  margin-top: 15px;
  font-weight: var(--font-weight-bold);
}

body h4 {
  font-size: var(--body-font-size);
  color: var(--h4-color);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
  margin-top: 15px;
}

body.body_overview_page h4,
body .paddle-component--body-section h4 {
  font-size: 1rem;
  color: var(--color-palettes-0-dark);
}

body h5 {
  font-size: var(--body-font-size);
  color: var(--main-text-color);
  font-weight: var(--font-weight-bold);
}

body.body_overview_page h5 {
  color: var(--color-palettes-3);
  margin-top: 1.3em;
  font-size: 18px;
  margin-bottom: 0;
  line-height: 1.4;
  font-weight: 600;
}

body h2:first-child,
body h3:first-child,
body h4:first-child,
body h5:first-child,
body div:first-child + h2,
body div:first-child + h3,
body div:first-child + h4,
body div:first-child + h5 {
  margin-top: 0;
}

body h2 a,
body h3 a,
body h4 a,
body h5 a {
  font-size: inherit;
  color: inherit;
}

body .far,
body .fa {
  color: var(--h1-color);
}

body .fa.fa-external-link-alt {
  color: inherit;
}

strong {
  font-weight: 600;
}

.playable-video video,
.media_embed iframe {
  width: 100%;
  height: auto;
}

blockquote {
  border: 1px solid #333333;
  padding: 25px 50px;
  margin: 20px 0 20px 0;
}

/*---------------------------------------------
          Sitewide Structure 
  -----------------------------------------------*/
.page-wrapper .container-max-xxl {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .page-wrapper .container-max-xxl {
    padding-left: 45px;
    padding-right: 45px;
  }
}

.layout {
  clear: both;
  margin-right: -15px;
  margin-left: -15px;
}

.layout__region {
  padding-right: 15px;
  padding-left: 15px;
}

.amorphic {
  display: none;
}

.paddle-component {
  margin-bottom: 0;
}

main {
  min-height: 81vh;
}

.file {
  margin-top: 15px;
  display: block;
}

#region-content a[href$=".pdf"]::before,
#region-content a[href$=".docx"]::before,
#region-content a[href$=".doc"]::before,
#region-content a[href$=".xls"]::before,
#region-content a[href$=".xlsx"]::before,
#region-content a[href$=".ppt"]::before,
#region-content a[href$=".pptx"]::before {
  content: '\f1c1';
  font-family: "Font Awesome 5 Free";
  pointer-events: none;
  margin-right: 0.5rem;
}

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

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

#region-content a[href$=".ppt"]::before,
#region-content a[href$=".pptx"]::before {
  content: '\f1c4';
}

#region-content .paddle-component--download-block a::before {
  display: none;
}

.container-max-xxl .container-max-xxl {
  padding-left: 0;
  padding-right: 0;
}

/*End Sitewide Structure ----------------------*/
/*---------------------------------------------
          Header 
  -----------------------------------------------*/
header {
  background-image: url(/sites/default/files/2021-07/Banner_onderwijs.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
}

.header > .header-content {
  background: transparent;
  padding: 0;
}

header .container-max-xxl {
  position: relative;
}

.header .header__wrapper .logo {
  position: absolute;
  top: 22px;
  max-height: 127px;
  width: auto;
  max-width: unset;
  min-width: unset;
  z-index: 1;
}

#block-topnavigation ul {
  background: rgba(255, 255, 255, 0.9);
  padding: 10px;
  margin: 0;
}

#block-topnavigation li a {
  padding: 0 8px;
  color: var(--text-color-2);
  font-weight: var(--font-weight-regular);
  text-transform: none;
  font-size: 0.9em;
}

#block-topnavigation li a:before {
  display: none;
}

#block-searchform {
  margin-left: 50%;
}

#block-searchform .search-wrapper {
  height: 40px;
}

#block-searchform .form-item {
  margin-right: 10px;
}

#block-searchform .form-text {
  border: 0;
  border-radius: 0;
  width: 100%;
  padding: 0 10px;
  height: 40px;
}

#block-searchform .form-submit {
  border-radius: 0;
  padding: 0 12px;
  height: 40px;
  font-size: 1em;
  text-transform: uppercase;
  line-height: 40px;
  font-weight: var(--font-weight-bold);
  background-color: var(--primary-light);
  border: 0;
}

#block-searchform .form-submit:hover {
  color: white;
  background-color: var(--primary-dark);
}

.header .header__bottom {
  position: relative;
}

@media (min-width: 992px) {
  .header .header__bottom {
    margin-top: 0;
  }
}

.header::before {
  content: "";
  background-color: var(--primary-dark);
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  height: 41px;
}

#block-main-navigation-below-logo a {
  color: white;
  text-transform: none;
  font-size: 1.1em;
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  padding: 9px 15px;
  font-weight: var(--font-weight-regular);
  margin: 0;
}

#block-main-navigation-below-logo a:hover {
  background: white;
  color: var(--primary-light);
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.06078), -5px 4px 10px rgba(0, 0, 0, 0.16078), 5px 4px 10px rgba(0, 0, 0, 0.16078);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.06078), -5px 4px 10px rgba(0, 0, 0, 0.16078), 5px 4px 10px rgba(0, 0, 0, 0.16078);
}

#block-main-navigation-below-logo a::before {
  display: none;
}

/*--- 
  Dropdown language switcher 
  --- */
@media (min-width: 992px) {
  div#region-header_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

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

.header #block-language-dropdown .dropdown-language-item {
  color: #666;
  position: absolute;
  top: 0px;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 10px 1.5rem 11px 7px;
  line-height: 1.2;
}

@media (max-width: 991px) {
  .header #block-language-dropdown .dropdown-language-item {
    padding-left: 0;
    padding-bottom: 15px;
  }
}

.header #block-language-dropdown .dropdown-language-item li a,
.header #block-language-dropdown .dropdown-language-item li span {
  color: #666;
  font-size: 13.5px;
  font-weight: normal;
  text-transform: lowercase;
}

.header #block-language-dropdown .dropdown-language-item li a {
  margin-top: 12px;
  text-decoration: none;
}

.header #block-language-dropdown .dropbutton-widget {
  position: relative;
  margin-right: 21px;
  padding: 19px 10px 20px 10px;
}

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

@media (min-width: 992px) {
  .header #block-language-dropdown .dropbutton-toggle button {
    color: var(--primary);
  }
}

@media (min-width: 992px) {
  .header .header__wrapper #block-language-dropdown {
    display: none;
  }
}

/*END Dropdown language switcher --- */
/*Header responsive*/
@media (max-width: 991px) {
  .header .header__top {
    padding: 0;
  }
  .header .header__wrapper .logo {
    position: relative;
    top: 0;
    max-width: 180px;
  }
  .header .header__bottom {
    margin: 0;
  }
  .header {
    padding: 10px 0;
    background: none;
  }
  .header::before {
    content: '' !important;
    background-image: url(/sites/default/files/2021-07/Banner_onderwijs.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    height: 88px;
    background-position: calc(20vw - 600px) center;
  }
  #block-main-navigation-below-logo a {
    color: var(--primary-dark);
  }
  .header #block-searchform {
    margin-left: 0;
  }
  .header #block-searchform .form-text {
    border: 1px solid var(--primary-dark);
  }
}

@media (max-width: 570px) {
  .header .header__wrapper .logo {
    max-width: 122px;
  }
  .header::before {
    height: 60px;
    background-position: calc(20vw - 660px) center;
  }
}

/*End Header ----------------------------------*/
/*----------------------------------------------
          Footer 
  -----------------------------------------------*/
footer.sticky-footer .sticky-footer-content {
  background: var(--color-palettes-0);
}

#region-footer .container-max-xxl {
  padding: 70px 0 40px 0;
}

#region-footer .paddle-component--navigation-block a {
  padding: 5px;
  color: white;
  text-decoration: none;
  display: block;
}

#region-footer .paddle-component--top-section {
  padding: 0;
  margin: 0;
  background: transparent;
}

/*End Footer ----------------------------------*/
/*----------------------------------------------
          Sitewide Styling
  -----------------------------------------------*/
.social-media-sharing {
  margin-bottom: 3rem;
}

#block-ocelot-paddle-content {
  margin-top: 20px;
}

body p {
  margin: 15px 0 0 0;
  line-height: 1.5em;
  color: var(--main-text-color);
  font-size: var(--body-font-size);
}

#region-content table {
  margin: 15px 0 0 0;
}

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

body h3 + p,
body h3 + ol,
body h3 + ul,
body h3 + blockquote {
  margin-top: 10px;
}

#region-content h2:first-child,
#region-content h3:first-child,
#region-content h4:first-child,
#region-content h5:first-child,
#region-content h2 + h3,
#region-content h3 + h4,
#region-content h4 + h5,
#region-content h4 + p,
#region-content h5 + p,
#region-content h4 + ol,
#region-content h5 + ol,
#region-content h4 + ul,
#region-content h5 + ul,
#region-content h4 + blockquote,
#region-content h5 + blockquote,
#region-content table:first-child {
  margin-top: 0;
}

#region-content ul {
  margin: 15px 0 0 0;
  padding-left: 20px;
}

#region-content ul:first-child {
  margin-top: 0;
}

#region-content li {
  line-height: 1.5em;
}

#region-content ul li > ul,
#region-content ol li > ol {
  margin-top: 2px;
  margin-bottom: 8px;
}

.breadcrumb {
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 5px;
}

#region-content .field-block,
#paddle_featured_image_body_block,
#webform_block form,
#region-content .field--html .item:not(:empty) {
  padding: 21px 15px 14px 15px;
  border: var(--border);
  border-bottom: 0;
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
  margin-bottom: 30px;
}

#region-content .field--html .item:not(:empty) .paddle-component--top-section {
  margin: -21px -15px 14px;
}

.body_overview_page #region-content .field-block {
  padding: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
}

.body_overview_page #region-content .field-block p {
  line-height: 1.2em;
  margin-bottom: 25px;
}

#region-content a {
  color: var(--primary-dark);
}

#region-content a:not([href]) {
  text-decoration: underline;
}

#region-content hr {
  border-color: var(--primary-dark);
}

#region-content .paddle-component--top-section::before,
#region-content .paddle-component--top-section::after,
#region-content .paddle-component--bottom-section::before,
#region-content .paddle-component--bottom-section::after {
  display: none;
}

#region-content .paddle-component--page-block .layout__region {
  padding: 0;
}

#region-content .paddle-component--page-block .view-mode--full > h2,
#region-content .paddle-component--page-block .view-mode--teaser > h2,
#region-content .paddle-component--top-section,
.page-node-type-news-item #region-content .badge-light,
#region-content #webform_block h2 {
  background-color: var(--color-palettes-0);
  display: block;
  padding: 15px;
  margin: 0;
  border-radius: 0;
  text-align: left;
}

#region-content .paddle-component--top-section.image {
  padding: 0;
}

#region-content .paddle-component--page-block .view-mode--full > h2 a,
#region-content .paddle-component--page-block .view-mode--teaser > h2 a,
#region-content .paddle-component--top-section a,
#region-content .paddle-component--top-section,
.page-node-type-news-item #region-content time,
#region-content #webform_block h2 {
  color: white;
  font-size: 18px;
  font-weight: var(--font-weight-bold);
  text-decoration: none;
}

#region-content .paddle-component--page-block .view-mode--full > h2 a:hover,
#region-content .paddle-component--page-block .view-mode--teaser > h2 a:hover,
#region-content .paddle-component--top-section a:hover {
  text-decoration: underline;
}

#region-content .paddle-component-wrapper > .paddle-component {
  border: var(--border);
  border-bottom: 0;
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
  background-color: white;
  word-wrap: break-word;
  margin-bottom: 30px;
}

#region-content .paddle-component--body-section,
#region-content .field--body {
  color: var(--text-color-3);
  padding: 21px 15px 14px 15px;
}

#region-content .field-block > .field--body {
  padding: 0;
}

#region-content .paddle-component--body-section a,
#region-content .paddle-component--body-section p {
  color: var(--text-color-3);
}

#region-content .paddle-component--body-section ul a {
  text-decoration: none;
}

#region-content .paddle-component--body-section a:hover {
  text-decoration: underline;
}

#region-content .paddle-component--bottom-section {
  padding: 15px;
  margin: 0;
  background-color: transparent;
}

#region-content .paddle-component--bottom-section a,
#region-content .paddle-component--page-block .node__links a {
  background: transparent;
  border: 0;
  text-align: right;
  display: block;
  color: var(--color-palettes-0-dark);
  font-weight: var(--font-weight-regular);
  font-style: italic;
  font-size: 1rem;
  text-decoration: none;
  position: relative;
  padding-right: 18px;
}

#region-content .paddle-component--bottom-section a::after,
#region-content .paddle-component--page-block .node__links a::after {
  display: block;
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-size: 0.8em;
  padding-left: 10px;
  font-weight: var(--font-weight-extra-bold);
  font-style: normal;
  position: absolute;
  margin-left: 0;
  padding-left: 0;
  right: 0;
  bottom: 0;
}

#region-content .paddle-component--bottom-section a:hover,
#region-content .paddle-component--page-block .node__links a:hover {
  text-decoration: underline;
}

#region-content .paddle-component--bottom-section a:hover::after,
#region-content .paddle-component--page-block .node__links a:hover::after {
  text-decoration: none;
}

#region-content table tr {
  background: transparent;
}

#region-content table th {
  color: var(--color-palettes-0-dark);
}

#region-content table th,
#region-content table td {
  border: 1px solid #dddddd;
  padding: 9px;
  background: transparent;
}

/* Page block */
#region-content .paddle-component--page-block .paddle-component--body-section > ul {
  margin: 0;
  padding: 0;
}

#region-content .paddle-component--page-block .paddle-component--body-section {
  padding: 0;
}

#region-content .paddle-component--page-block .field-block {
  display: none;
}

#region-content .paddle-component--page-block .field-block.field-body {
  display: block;
}

/* Video block */
#region-content .paddle-component--video-block .media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#region-content .paddle-component--video-block .paddle-component--body-section {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}

#region-content .paddle-component--video-block .paddle-component--body-section video {
  position: absolute;
  left: 0;
  top: 0;
}

.paddle-component--page-block .node--organisation > div:not(.contextual),
.page-node-type-organisation .node--organisation > div:not(.contextual) {
  display: block;
}

.paddle-component--page-block .node--organisation > div:not(.contextual) > div,
.page-node-type-organisation .node--organisation > div:not(.contextual) > div {
  width: 100%;
  margin: 0;
}

/* Contact page */
.page-node-type-contact #region-content .field-block:not(.field-body),
#region-content .node--organisation .field-block:not(.field-body) {
  padding: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
}

.page-node-type-contact #region-content h2 {
  color: var(--h1-color);
}

.page-node-type-contact #region-content .field {
  margin: 0;
}

/* News page */
.page-node-type-news-item #region-content .field-publication_date {
  padding: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-node-type-news-item #region-content .badge-light::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  color: white;
  font-size: 18px;
  padding-right: 5px;
}

.page-node-type-news-item #region-content .w-33 {
  width: 50% !important;
}

body .float-right + p {
  margin-top: 0;
}

/* Webforms */
#webform_block .form-item {
  margin-bottom: 20px;
}

#webform_block .form-control,
#webform_block select {
  padding: 8px 11px;
  border: 1px solid #e1e1e1;
  font-family: inherit;
  line-height: 24px;
  text-indent: 5px;
  color: #999999;
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 40px;
  border-radius: 0;
}

#webform_block .form-control:focus,
#webform_block select:focus {
  outline: none;
  -webkit-box-shadow: 0 0 5px #7f7fff;
  box-shadow: 0 0 5px #7f7fff;
  border: 1px solid #7f7fff;
}

#webform_block .form-submit {
  background-color: var(--primary-light);
  border-radius: 0;
  height: 50px;
  border: 0;
  padding: 1em 1.6em;
  text-transform: uppercase;
  font: inherit;
  font-weight: var(--font-weight-bold);
  font-size: 0.9em;
}

#webform_block .form-submit:hover {
  background-color: var(--primary-dark);
  color: #ffffff;
}

#webform_block .form-textarea {
  overflow-y: auto;
  min-height: 10em;
  resize: vertical;
  width: 99.7%;
}

/* Organisation / Contact block */
.node--organisation > div:not(.contextual) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.node--organisation > div:not(.contextual) > div {
  width: 50%;
}

.col-md-8 .node--organisation > div:not(.contextual),
.col-md-6 .node--organisation > div:not(.contextual) {
  display: block;
}

.col-md-8 .node--organisation > div:not(.contextual) > div,
.col-md-6 .node--organisation > div:not(.contextual) > div {
  width: 100%;
}

.node--organisation > span a,
.node--contact > span a,
.node--organisation > h2 a,
.node--contact > h2 a {
  font-weight: var(--font-weight-bold);
  text-decoration: none;
  pointer-events: none;
  font-size: 18px;
  margin-bottom: 5px;
  display: block;
}

.node--contact > span {
  margin-bottom: 0;
}

/* .node--contact .field .field-with-icon {
    display: block;
  } */
.node--contact .field .field-with-icon__icon,
.node--contact .field .field-with-icon__field {
  width: unset;
  display: inline-block;
}

.paddle-components-contact-person-block-wrapper + .paddle-components-contact-person-block-wrapper {
  margin-top: -30px;
}

.node.view-mode--full .field {
  margin-bottom: 0;
}

.field--function .field-with-icon__icon {
  display: none;
}

.paragraph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.paragraph > div {
  width: 50%;
}

.paragraph > .field--function {
  width: 100%;
}

#region-content .field a {
  word-break: break-word;
}

/* Picture block */
#region-content .paddle-component--image-block .paddle-component--body-section {
  padding: 0;
  position: relative;
  overflow: hidden;
}

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

.paddle-component--image-block .caption {
  margin-top: 0;
  position: absolute;
  bottom: 0;
  pointer-events: none;
  padding: 20px 18px 16px 18px;
  background-color: RGBA(45, 148, 191, 0.75);
  font-size: 19.5px;
  color: white;
  font-weight: var(--font-weight-bold);
}

/* Download block */
#region-content .paddle-component--download-block .paddle-component--body-section {
  padding: 0;
}

#region-content .paddle-component--download-block ul {
  padding: 0;
  list-style: none;
}

#region-content .paddle-component--download-block a {
  color: #39B9BE;
  display: block;
  position: relative;
  padding: 18px 24px 18px 8px;
  border-bottom: var(--border);
}

#region-content .paddle-component--download-block a::after {
  content: '\f1c1';
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  font-size: 24px;
}

#region-content .paddle-component--download-block a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

/* -----------------
  Event Page 
  ------------------ */
.page-node-type-event .layout__region--second {
  /* padding: 15px 35px 15px 15px;
      background-color: var(--primary-light); */
}

/* 
  .page-node-type-event #region-content .field-block {
      margin: 0;
      padding: 0;
      box-shadow: none;
      border: 0;
  }
  
  .page-node-type-event .badge {
      background: none;
      border: none;
      box-shadow: none;
      color: white;
      font-size: 15px;
      padding: 0;
  }
  
  .page-node-type-event .badge i {
      display: block;
      text-align: left;
  }
  
  .page-node-type-event .badge i::before {
      content: "Datum:";
      font-family: var(--main-font-family);
      font-weight: var(--font-weight-regular);
  }
  
  .page-node-type-event .field-ical {
      position: absolute;
      bottom: 15px;
      right: 15px;
  }
  
  .page-node-type-event .field-ical a {
      font-size: 0;
      background: transparent;
      border: 0;
      padding: 0;
  }
  
  .page-node-type-event .field-ical a i {
      font-size: 15px;
      color: white;
      margin: 0 !important;
      line-height: 1;
  } */
#region-content .event-info-wrapper {
  background-color: var(--primary-light);
  padding: 30px 20px;
}

#region-content .event-info-wrapper .field-block {
  padding: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 1rem;
  color: white;
}

#region-content .event-info-wrapper .extra-field-block .field--ical a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--primary-dark);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  height: auto;
  padding: 7px 15px;
  color: white;
}

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

#region-content .event-info-wrapper .extra-field-block .field--ical a:hover {
  background-color: var(--secondary);
}

#region-content .event-info-wrapper .field-date .badge.badge-light {
  color: white;
  padding: 0;
  background-color: transparent;
  font-size: var(--body-font-size);
}

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

/* List Block */
/* #region-content .paddle-component--list-block .paddle-component--body-section {
      padding: 0;
  } */
/* 
  #region-content .paddle-component--list-block ul:first-child {
      padding: 0;
  } */
.paddle-component--list-block li:first-child .view-mode--middle {
  margin-top: -21px;
}

.paddle-component--list-block li:last-child .view-mode--middle {
  margin-bottom: -14px;
}

.paddle-component--list-block .view-mode--middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ebebeb;
  margin: 0 -15px 0 -35px;
  padding: 7px 15px;
}

.paddle-component--list-block li:last-child .view-mode--middle {
  border-bottom: 0;
}

.paddle-component--list-block .view-mode--middle:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.paddle-component--list-block .view-mode--middle .field--featured-image {
  width: 45px;
  height: 45px;
  margin-right: 15px;
}

.paddle-component--list-block .view-mode--middle .field--featured-image article {
  border-radius: 30px;
  overflow: hidden;
}

.paddle-component--list-block .view-mode--middle .field--featured-image img {
  width: auto;
  height: 45px;
  max-width: unset;
}

.paddle-components-list-block-wrapper .view-mode--long {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 15px;
  border-bottom: 1px solid #ebebeb;
}

.paddle-components-list-block-wrapper .view-mode--long:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.paddle-components-list-block-wrapper .view-mode--long > div {
  width: 85%;
}

.paddle-components-list-block-wrapper .view-mode--long > div.field--featured-image {
  width: 15%;
  margin-right: 15px;
}

.paddle-components-list-block-wrapper .node.view-mode--long .field {
  margin-bottom: 0;
}

.paddle-components-list-block-wrapper .badge.badge-light {
  background-color: transparent;
  padding: 0;
}

.paddle-components-list-block-wrapper .badge.badge-light .fas {
  display: none;
}

.paddle-components-list-block-wrapper time {
  color: #5e5e5e;
  font-weight: 400;
  font-size: 15px;
  text-decoration: underline;
}

.paddle-component--list-block h2 {
  margin: 0;
  line-height: 18px;
}

#region-content .paddle-component--list-block .view-mode--summary h2 a {
  font-size: 16px;
  font-weight: 700;
}

#region-content .paddle-component--list-block .view-mode--summary .field--body {
  padding: 0;
}

#region-content .paddle-component--list-block .view-mode--summary {
  margin-bottom: 10px;
  margin-left: -20px;
}

.paddle-component--list-block h2 a::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

#region-content .paddle-component--list-block ul h2 a {
  font-size: 15px;
  color: #15465b;
  font-weight: 400;
  text-decoration: underline;
}

/*End Sitewide Styling ------------------------*/
/*----------------------------------------------
          Landingpage Styling
  -----------------------------------------------*/
body.body_landingpage p {
  line-height: 1.2em;
  margin-bottom: 25px;
}

body.body_landingpage p:last-child {
  margin-bottom: 0;
}

/*End Landingpage Styling ------------------------*/
/*----------------------------------------------
          Homepage Styling
  -----------------------------------------------*/
.path-frontpage #block-ocelot-paddle-page-title {
  display: none;
}

/*End Homepage Styling ------------------------*/
/*----------------------------------------------
          News page
  -----------------------------------------------*/
.view-news .row > div {
  max-width: 33.33%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33%;
  flex: 0 0 33%;
}

.view-news .row > div:first-child {
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
}

.view-news .row > div:first-child .view-mode--teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.view-news .row > div:first-child .view-mode--teaser > div {
  width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.view-news .row > div:first-child .view-mode--teaser .field--publication-date {
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.view-news .view-mode--teaser::before,
.view-news .view-mode--teaser::after {
  display: none;
}

.view-news .view-mode--teaser {
  border: var(--border);
  border-bottom: 0;
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
  background-color: white;
  word-wrap: break-word;
  margin-bottom: 30px;
  margin-top: 0;
}

.view-news .view-mode--teaser .badge-light {
  background-color: var(--color-palettes-0);
  display: block;
  padding: 15px;
  margin: 0;
  border-radius: 0;
  text-align: left;
  color: white;
  font-size: 18px;
  font-weight: var(--font-weight-bold);
  text-decoration: none;
}

.view-news .view-mode--teaser .card-title {
  color: var(--text-color-3);
  text-decoration: underline;
}

.view-news .view-mode--teaser .card-title:hover {
  color: var(--text-color-3);
  text-decoration: underline;
}

#region-content .view-news .view-mode--teaser .card-body .field--body {
  padding: 0;
}

.view-news .view-mode--teaser .lees-meer {
  padding: 10px 15px;
  text-align: right;
  font-style: italic;
}

.view-news .view-mode--teaser:hover .lees-meer {
  text-decoration: underline;
}

/*End News page ------------------------*/
/*----------------------------------------------
          Zoekpagina
  -----------------------------------------------*/
#region-content .block-facet ul a .facet-item__status,
.card::before,
.card::after,
.page-node-type-search-page #edit-reset--2 {
  display: none;
}

.block-facet {
  border: var(--border);
  border-bottom: 0;
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
  background-color: white;
  word-wrap: break-word;
  margin-bottom: 30px;
  margin-top: 0;
  padding-bottom: 0;
}

.block-facet h2 {
  background-color: var(--color-palettes-0);
  display: block;
  padding: 15px;
  margin: 0;
  margin-top: 0px;
  border-radius: 0;
  text-align: left;
  color: white;
  font-size: 18px;
  font-weight: var(--font-weight-bold);
  text-decoration: none;
}

.block-facet > div {
  padding: 21px 15px 14px 15px;
}

.block-facet ul {
  list-style: none;
}

#region-content .block-facet ul a {
  text-decoration: none;
  position: relative;
}

#region-content .block-facet ul a:hover {
  color: var(--primary-light);
}

#region-content .block-facet ul a::before {
  position: absolute;
  content: '';
  width: 13px;
  height: 13px;
  left: -20px;
  border: 1px solid var(--main-text-color);
  top: 3px;
}

#region-content .block-facet ul a.is-active::before {
  content: '\f14a';
  font-family: "Font Awesome 5 Free";
  color: var(--primary-light);
  line-height: 18px;
  top: 4px;
  border: 0;
}

#region-content .node--page--search-teaser .field--body,
#region-content .node--page--search-teaser .card-body {
  padding: 0;
}

.node--page--search-teaser {
  background: transparent;
}

.node--page--search-teaser h3 a:hover {
  text-decoration: none;
  color: var(--primary-light);
}

.page-node-type-search-page .region-wrapper--content .layout__region--second {
  border: 1px solid #EBEBEB;
  border-bottom: 0;
  -webkit-box-shadow: 0 5px 5px -4px #B5B5B5;
  box-shadow: 0 5px 5px -4px #B5B5B5;
  background-color: #FFF;
  word-wrap: break-word;
  margin-bottom: 30px;
  padding: 21px 15px 14px 15px;
}

.page-node-type-search-page .form-type-search-api-autocomplete label {
  font-size: var(--h1-size);
  color: var(--h1-color);
  text-transform: none;
  font-family: var(--main-font-family);
  margin: 0 0 15px 0;
  font-weight: 900;
}

.page-node-type-search-page .form-row {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.page-node-type-search-page .form-row .button {
  border-radius: 0;
  padding: 0 12px;
  height: 40px;
  font-size: 1em;
  text-transform: uppercase;
  line-height: 40px;
  font-weight: var(--font-weight-bold);
  background-color: var(--primary-light);
  border: 0;
}

.page-node-type-search-page .form-row .button:hover {
  color: white;
  background-color: var(--primary-dark);
}

.page-node-type-search-page .form-control {
  border: 1px solid #CCCCCC;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 10px;
  font-size: 1.1em;
  line-height: 1.4em;
  font-family: inherit;
  text-indent: 0;
  color: #000000;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

.page-node-type-search-page .node.view-mode--search-teaser .no-gutters > [class*=col-] {
  padding-right: 15px;
  padding-left: 15px;
}

.page-node-type-search-page .node.view-mode--search-teaser .no-gutters {
  margin-right: -15px;
  margin-left: -15px;
}

.page-node-type-search-page .view-search .view-content > .mb-5 {
  margin-bottom: 1.5rem !important;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e0e0e0;
}

/*End Zoekpagina ------------------------*/
/*----------------------------------------------
          Color Palettes
  -----------------------------------------------*/
/*Color Palette 1 -----------------------------*/
#region-content .color-palettes-1 .paddle-component--page-block .paddle-component--body-section h2,
#region-content .color-palettes-1 .paddle-component--top-section {
  background-color: var(--color-palettes-1);
}

#region-content .color-palettes-1 .paddle-component--bottom-section a,
#region-content .color-palettes-1 .paddle-component--page-block .node__links a,
#region-content .color-palettes-1 .paddle-component--body-section h2,
#region-content .color-palettes-1 .paddle-component--body-section h3,
#region-content .color-palettes-1 .paddle-component--body-section h4,
#region-content .color-palettes-1 .paddle-component--body-section h4 a,
#region-content .color-palettes-1 .paddle-component--body-section h5,
#region-content .color-palettes-1 table th {
  color: var(--color-palettes-1-dark);
}

/*Color Palette 2 -----------------------------*/
#region-content .color-palettes-2 .paddle-component--page-block .paddle-component--body-section h2,
#region-content .color-palettes-2 .paddle-component--top-section {
  background-color: var(--color-palettes-2);
}

#region-content .color-palettes-2 .paddle-component--bottom-section a,
#region-content .color-palettes-2 .paddle-component--page-block .node__links a,
#region-content .color-palettes-2 .paddle-component--body-section h2,
#region-content .color-palettes-2 .paddle-component--body-section h3,
#region-content .color-palettes-2 .paddle-component--body-section h4,
#region-content .color-palettes-2 .paddle-component--body-section h4 a,
#region-content .color-palettes-2 .paddle-component--body-section h5,
#region-content .color-palettes-2 table th {
  color: var(--color-palettes-2-dark);
}

/*Color Palette 3 -----------------------------*/
#region-content .color-palettes-3 .paddle-component--page-block .paddle-component--body-section h2,
#region-content .color-palettes-3 .paddle-component--top-section {
  background-color: var(--color-palettes-3);
}

#region-content .color-palettes-3 .paddle-component--bottom-section a,
#region-content .color-palettes-3 .paddle-component--page-block .node__links a,
#region-content .color-palettes-3 .paddle-component--body-section h2,
#region-content .color-palettes-3 .paddle-component--body-section h3,
#region-content .color-palettes-3 .paddle-component--body-section h4,
#region-content .color-palettes-3 .paddle-component--body-section h4 a,
#region-content .color-palettes-3 .paddle-component--body-section h5,
#region-content .color-palettes-3 table th {
  color: var(--color-palettes-3-dark);
}

/*Color Palette 4 -----------------------------*/
#region-content .color-palettes-4 .paddle-component--bottom-section a,
#region-content .color-palettes-4 .paddle-component--page-block .node__links a,
#region-content .color-palettes-4 .paddle-component--body-section h2,
#region-content .color-palettes-4 .paddle-component--body-section h3,
#region-content .color-palettes-4 .paddle-component--body-section h4,
#region-content .color-palettes-4 .paddle-component--body-section h4 a,
#region-content .color-palettes-4 .paddle-component--body-section h5,
#region-content .color-palettes-4 table th,
#region-content .color-palettes-4 .paddle-component--body-section > *,
#region-content .color-palettes-4 .paddle-component--body-section a {
  color: white;
}

#region-content .color-palettes-4 .paddle-component--body-section,
#region-content .color-palettes-4 .paddle-component--bottom-section {
  background-color: var(--color-palettes-4);
}

#region-content .color-palettes-5 .paddle-component--page-block .paddle-component--body-section h2,
#region-content .color-palettes-5 .paddle-component--top-section {
  background-color: var(--color-palettes-1);
}

/*Color Palette 5 -----------------------------*/
#region-content .color-palettes-5 .paddle-component--bottom-section a,
#region-content .color-palettes-5 .paddle-component--page-block .node__links a,
#region-content .color-palettes-5 .paddle-component--body-section h2,
#region-content .color-palettes-5 .paddle-component--body-section h3,
#region-content .color-palettes-5 .paddle-component--body-section h4,
#region-content .color-palettes-5 .paddle-component--body-section h4 a,
#region-content .color-palettes-5 .paddle-component--body-section h5,
#region-content .color-palettes-5 table th,
#region-content .color-palettes-5 .paddle-component--body-section > *,
#region-content .color-palettes-5 .paddle-component--body-section a {
  color: white;
}

#region-content .color-palettes-5 .paddle-component--body-section,
#region-content .color-palettes-5 .paddle-component--bottom-section {
  background-color: var(--color-palettes-5);
}

/*Color Palette 6 -----------------------------*/
#region-content .color-palettes-6 .paddle-component--page-block .paddle-component--body-section h2,
#region-content .color-palettes-6 .paddle-component--top-section {
  background-color: var(--color-palettes-2);
}

#region-content .color-palettes-6 .paddle-component--bottom-section a,
#region-content .color-palettes-6 .paddle-component--page-block .node__links a,
#region-content .color-palettes-6 .paddle-component--body-section h2,
#region-content .color-palettes-6 .paddle-component--body-section h3,
#region-content .color-palettes-6 .paddle-component--body-section h4,
#region-content .color-palettes-6 .paddle-component--body-section h4 a,
#region-content .color-palettes-6 .paddle-component--body-section h5,
#region-content .color-palettes-6 table th,
#region-content .color-palettes-6 .paddle-component--body-section > *,
#region-content .color-palettes-6 .paddle-component--body-section a {
  color: white;
}

#region-content .color-palettes-6 .paddle-component--body-section,
#region-content .color-palettes-6 .paddle-component--bottom-section {
  background-color: var(--color-palettes-6);
}

/*End Color Palettes ------------------------*/
.slideContentWrapper {
  height: 0;
  overflow: hidden;
}

.slideContentWrapper.contentSlider_open {
  height: auto;
}

.body_faq #region-content .sliderWrapper .paddle-component--top-section {
  padding: 0 0 0 5px;
  background: transparent;
}

.body_faq #region-content .sliderWrapper button {
  color: black;
  text-decoration: none;
  display: block;
  position: relative;
  padding-left: 30px;
  background: none;
  border: 0;
  font-size: 18px;
  font-family: "latoregular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  cursor: pointer;
  font-weight: bold;
  text-align: left;
}

.body_faq #region-content .sliderWrapper button::before {
  content: '\f067';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
  vertical-align: middle;
  position: absolute;
  left: 0px;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  font-size: 16px;
  top: 6px;
}

.body_faq #region-content .sliderWrapper .expend button::before {
  content: '\f068';
}

#region-content .paddle-component-wrapper.sliderWrapper > .paddle-component {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  margin-bottom: 15px;
}

#region-content .sliderWrapper .paddle-component--body-section {
  padding: 20px 15px 0 30px;
}

.body_faq #region-content .paddle-component--page-block h2 {
  display: none;
}

.body_faq #region-content .paddle-component--page-block .paddle-component--top-bottom-only-block .paddle-component--top-section {
  font-size: 1.5625rem;
  background-color: white;
  color: black;
  padding: 0;
}

.body_faq #region-content .paddle-component--page-block .paddle-component--top-bottom-only-block,
.body_faq #region-content .paddle-component--page-block {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.color-table table {
  height: 1px;
}

#region-content .color-table table th,
#region-content .color-table table td {
  height: 100%;
  padding: 0;
}

.color-table div {
  padding: 9px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
}

.blok_lichtgeel,
.blok_geel,
.blok_oranje,
.blok_rood,
.blok_lichtblauw {
  margin: -9px;
  padding: 9px;
}

.blok_lichtgeel {
  background: #ffff99;
}

.blok_geel {
  background-color: #FF0;
}

.blok_oranje {
  background-color: #FF8300;
}

.blok_rood {
  Background-color: #F44F44;
}

.blok_lichtblauw {
  background-color: #e5f2f7;
}

.icon-size {
  width: 20px;
  margin-right: auto;
  margin-left: auto;
}

/*-----------------------------
    Hide JS embed component
  -----------------------------*/
#region-content .comp-embed-js .field--html .item {
  padding: 0;
  border: 0;
  margin: 0;
}

/*-----------------------------
    Right column fix
  -----------------------------*/
#region-content .layout--twocol-section--75-25 .layout__region--second table th,
#region-content .layout--twocol-section--75-25 .layout__region--second table td {
  padding: 1px 2px 0 2px;
}

.view-calendar {
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
}

.view-calendar header {
  margin: 0;
}

.view-calendar.view-display-id-month_calendar_view .calendar-calendar {
  padding: 15px 0 0 0;
}

.calendar-calendar td.empty {
  width: auto;
  min-width: auto;
  padding: 0 !important;
}

.calendar-calendar .month-view tr.single-day td.empty {
  display: none;
}

.calendar-calendar .month-view .full tr.single-day .no-entry,
.calendar-calendar .month-view .full tr.single-day .no-entry .inner {
  height: auto !important;
  line-height: 1;
  padding: 0 !important;
}

.calendar-calendar div.day {
  float: none;
  text-align: center;
  width: auto;
}

.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-sort-by.form-item-sort-by.form-group,
.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-sort-order.form-item-sort-order.form-group {
  display: none;
}

/* --- pagination --- */
#region-content .pagination .page-item .page-link {
  text-decoration: none;
  border-radius: 0;
}

#region-content .pagination .page-item .page-link:hover {
  color: var(--primary-dark);
}

#region-content .pagination .page-item.active .page-link {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
  color: white;
}

/* --- END pagination --- */
.toolbar .toolbar-bar,
.toolbar .toolbar-tray {
  z-index: 1000;
}
/*# sourceMappingURL=onderwijsvlaanderen.css.map */