.elementor-3378 .elementor-element.elementor-element-31101a2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3378 .elementor-element.elementor-element-ac961e9{--display:flex;--min-height:58vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:2em;--padding-bottom:2em;--padding-left:0em;--padding-right:2em;}.elementor-3378 .elementor-element.elementor-element-d678dd2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3378 .elementor-element.elementor-element-519a496{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3378 .elementor-element.elementor-element-3eedf47 .elementor-heading-title{font-family:"Century Gothic", Sans-serif;font-size:62px;font-weight:700;line-height:75px;color:var( --e-global-color-astglobalcolor5 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3378 .elementor-element.elementor-element-2435529 > .elementor-widget-container{margin:013px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3378 .elementor-element.elementor-element-2435529{font-family:"Century Gothic", Sans-serif;font-size:16px;font-weight:400;line-height:25px;color:var( --e-global-color-astglobalcolor5 );}.elementor-3378 .elementor-element.elementor-element-fac3614{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3378 .elementor-element.elementor-element-e7e6c1d .elementor-button{background-color:#1DCA8E;border-radius:0px 0px 0px 15px;}.elementor-3378 .elementor-element.elementor-element-e7e6c1d .elementor-button:hover, .elementor-3378 .elementor-element.elementor-element-e7e6c1d .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-3378 .elementor-element.elementor-element-e7e6c1d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3378 .elementor-element.elementor-element-cff802b .elementor-button{background-color:var( --e-global-color-primary );border-radius:0px 0px 0px 015px;}.elementor-3378 .elementor-element.elementor-element-cff802b .elementor-button:hover, .elementor-3378 .elementor-element.elementor-element-cff802b .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-3378 .elementor-element.elementor-element-cff802b > .elementor-widget-container{margin:0px 0px 0px -11px;}.elementor-3378 .elementor-element.elementor-element-b2e7b3a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:0px 0px 0px 79px;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:calc((100vw - 1140px) / -2);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3378 .elementor-element.elementor-element-b2e7b3a.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-3378 .elementor-element.elementor-element-4479bed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:57px 0px 0px 0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3378 .elementor-element.elementor-element-4479bed:not(.elementor-motion-effects-element-type-background), .elementor-3378 .elementor-element.elementor-element-4479bed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#24583F;}.elementor-3378 .elementor-element.elementor-element-3b1a1b9{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-3378 .elementor-element.elementor-element-1e5e8b1 > .elementor-widget-container{padding:36px 36px 36px 36px;}.elementor-3378 .elementor-element.elementor-element-9e18b3b > .elementor-widget-container{padding:25px 0px 100px 0px;}body.elementor-page-3378:not(.elementor-motion-effects-element-type-background), body.elementor-page-3378 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-3378 .elementor-element.elementor-element-31101a2{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3378 .elementor-element.elementor-element-ac961e9{--min-height:0vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3378 .elementor-element.elementor-element-d678dd2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-3378 .elementor-element.elementor-element-519a496{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-3378 .elementor-element.elementor-element-b2e7b3a{--min-height:33vh;--border-radius:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-3378 .elementor-element.elementor-element-4479bed{--border-radius:0px 0px 0px 080px;--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-3378 .elementor-element.elementor-element-3b1a1b9{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3378 .elementor-element.elementor-element-31101a2{--margin-top:-190px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3378 .elementor-element.elementor-element-d678dd2{--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-3378 .elementor-element.elementor-element-3eedf47{text-align:left;}.elementor-3378 .elementor-element.elementor-element-3eedf47 .elementor-heading-title{font-size:36px;line-height:1.2em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-3378 .elementor-element.elementor-element-2435529{font-size:16px;}.elementor-3378 .elementor-element.elementor-element-fac3614{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3378 .elementor-element.elementor-element-e7e6c1d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3378 .elementor-element.elementor-element-cff802b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-3378 .elementor-element.elementor-element-4479bed{--padding-top:050px;--padding-bottom:66px;--padding-left:40px;--padding-right:40px;}.elementor-3378 .elementor-element.elementor-element-3b1a1b9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-3378 .elementor-element.elementor-element-ac961e9{--width:69%;}.elementor-3378 .elementor-element.elementor-element-519a496{--width:100%;}.elementor-3378 .elementor-element.elementor-element-b2e7b3a{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3378 .elementor-element.elementor-element-ac961e9{--width:100%;}.elementor-3378 .elementor-element.elementor-element-b2e7b3a{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-b2e7b3a */.elementor-3378 .elementor-element.elementor-element-b2e7b3a > .elementor-container {
  max-width: 1140px; /* boxed lijn */
}
.elementor-3378 .elementor-element.elementor-element-b2e7b3a > .elementor-column:nth-child(2) {
  max-width: none;
}

/* zorg dat alle wrappers 100% van de hoogte en breedte krijgen */
.elementor-3378 .elementor-element.elementor-element-b2e7b3a .elementor-widget-image,
.elementor-3378 .elementor-element.elementor-element-b2e7b3a .elementor-widget-container,
.elementor-3378 .elementor-element.elementor-element-b2e7b3a figure,
.elementor-3378 .elementor-element.elementor-element-b2e7b3a a {
  width: 100%;
  height: 100%;
  display: flex;
}

/* het img-element vult de container zonder vervorming */
.elementor-3378 .elementor-element.elementor-element-b2e7b3a img {
  width: 100%;
  height: 100%;
  object-fit: cover;        /* vult het vak en behoudt de verhouding */
  object-position: center center; /* verplaats eventueel focus naar top/bottom */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e18b3b */body {
  font-family: 'Century Gothic', sans-serif;
  background-color: #004a2f;
  color: #ffffff;
}

.kennisbank-container {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
}

/* Sidebar */
.kennisbank-sidebar {
  background: #ffffff;
  color: #004a2f;
  padding: 1.5rem;
  border-radius: 0 0 0 1rem;
  width: 220px;
  flex-shrink: 0;
}

.sidebar-title {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.sidebar-section-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  color: #999;
  margin: 0rem 0 0.75rem;
  font-weight: normal;
  text-align: left;
}

.simple-links {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-top: 0.5rem;
}

.simple-links a.kbtype-link.active {
  color: #1dca8e;
  text-decoration: underline;
}


.simple-links li {
  margin: 0 0 0.5rem 0; /* alleen spacing onder de items */
}

.simple-links a,
.filter-link,
.dropdown li {
  font-family: 'Century Gothic', sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  text-align: left;
  line-height: 1.4;
  margin: 0;
  color: #004a2f;
  text-decoration: none;
  cursor: pointer;
}

.filter-link {
  display: block;
  margin-bottom: 0.5rem;
}

/* Dropdowns */
.dropdown {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  list-style: none;
  padding: 0;
  margin: 0.25rem 0 0.5rem 0;
}

.dropdown.open {
  display: block;
}

.dropdown li {
  margin-bottom: 0.4rem;
}

.dropdown input[type="checkbox"] {
  margin-right: 0.5rem;
}

/* Resultatenlijst */
.kennisbank-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  flex-grow: 1;
}

.kennis-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1.5rem;
  gap: 1rem;
}

.row-content {
  flex: 1;
}

.row-meta {
  font-size: 0.75rem;
  color: #bbb;
  margin-bottom: 0.5rem;
}

.row-meta .tag {
  background: #1dca8e;
  color: #004a2f;
  padding: 0.15rem 0.5rem;
  border-radius: 0.3rem;
  font-size: 0.75rem;
  font-weight: bold;
  margin-right: 0.6rem;
  letter-spacing: 0.3px;
}

/* Titels en teksten */
.row-content h3 {
  margin: 0;
  font-size: 1.2rem;
  color: #fff;
}

.row-content h3 a {
  color: #fff;
  text-decoration: none;
}

.row-content p {
  margin: 0.4rem 0;
  font-size: 0.9rem; /* ~75% van titel */
  line-height: 1.5;
  color: #d0d0d0;
}

.read-more {
  font-size: 0.9rem;
  color: #1dca8e;
  text-decoration: none;
}

/* Thumbnail */
.row-thumb {
  flex-shrink: 0;
}

.row-thumb img {
  width: 140px;
  height: auto;
  border-radius: 0.5rem;
  display: block;
}

/* Mobile */
@media (max-width: 768px) {
  .kennisbank-container {
    flex-direction: column;
  }
  .kennisbank-sidebar {
    width: 100%;
  }
  .kennis-row {
    flex-direction: column;
  }
  .row-thumb img {
    width: 100%;
    margin-top: 1rem;
  }
}



/* Skeleton loading */
.skeleton .sk-line,
.skeleton .sk-block {
  display: inline-block;
  background: linear-gradient(90deg, #24583f 25%, #2c6a4b 37%, #24583f 63%);
  background-size: 400% 100%;
  animation: kb-shimmer 1.25s ease-in-out infinite;
  border-radius: 4px;
  height: 0.9rem;
}
.skeleton .sk-block { height: 1.2rem; border-radius: 6px; }
.skeleton .w60 { width: 60%; }
.skeleton .w70 { width: 70%; }
.skeleton .w80 { width: 80%; }
.skeleton .w90 { width: 90%; }

/* Subtle loading overlay if request >300ms */
/* Geen overlay meer */
.kennisbank-list.is-loading { position: static; }
.kennisbank-list.is-loading::after { content: none; }




@keyframes kb-shimmer {
  0% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}


/* Actieve kb_type link */
.simple-links a.kbtype-link.active {
  color: #1dca8e;
  text-decoration: underline;
}



/* -- Sidebar: alle inspringing weg -- */
.kennisbank-sidebar ul { 
  margin-left: 0 !important; 
  padding-left: 0 !important; 
  list-style: none !important; 
}

.kennisbank-sidebar ul.simple-links,
.kennisbank-sidebar ul.simple-links li,
.kennisbank-sidebar .dropdown,
.kennisbank-sidebar .dropdown li {
  margin-left: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

/* Links/trigger exact links */
.kennisbank-sidebar .filter-link,
.kennisbank-sidebar .simple-links a {
  display: block;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Labels + checkboxes (sommige thema’s duwen labels naar rechts) */
.kennisbank-sidebar label {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.kennisbank-sidebar input[type="checkbox"] {
  margin-left: 0 !important;
}


/* Grotere, consistente thumbnails met cover */
.row-thumb {
  flex-shrink: 0;
  width: 240px;           /* pas aan naar smaak (220–280 werkt goed) */
  height: 150px;          /* vaste hoogte voor gelijke rijen */
  border-radius: 0.5rem;
  overflow: hidden;       /* snijdt netjes af binnen de radius */
}

/* Laat elke afbeelding het blok vullen, ongeacht verhouding */
.row-thumb img,
.row-thumb .kb-thumb {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;      /* kern: altijd gevuld, bijsnijden waar nodig */
  border-radius: 0;       /* radius zit op de container */
  display: block;
}

/* Placeholder wanneer geen thumbnail beschikbaar is */
.row-thumb .placeholder {
  width: 100%;
  height: 100%;
  background: #24583f;    /* of #e0e0e0 als je neutraler wilt */
}

/* Responsive: op mobiel full-width boven de tekst */
@media (max-width: 768px) {
  .kennis-row { flex-direction: column; }
  .row-thumb {
    width: 100%;
    height: 180px;
    margin-top: 1rem;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Century Gothic';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ki-ts.nl/wp-content/uploads/2024/08/centurygothic.ttf') format('truetype');
}
@font-face {
	font-family: 'Century Gothic';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://ki-ts.nl/wp-content/uploads/2024/08/centurygothic_bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */