/* NieuwsCarousel */
.pb, .pb *{box-sizing:border-box;}

.pb{
  background:var(--pb-wrap-bg);
  border:1px solid var(--pb-wrap-border);
  border-radius:var(--pb-wrap-radius);
  padding:var(--pb-wrap-padding);

  position:relative;
  width:100%;
  margin:18px 0;
  font-family:inherit;

  --pb-visible:4;
  --pb-gap:18px;

  /* Card styling */
  --pb-radius:14px;
  --pb-card-bg:#fff;
  --pb-card-border:rgba(0,0,0,.08);
  --pb-title-color:#111;
  --pb-text-color:rgba(0,0,0,.85);
  --pb-divider-color:rgba(0,0,0,.08);
  --pb-divider-w:1px;
  --pb-divider-on:0;
  --pb-title-size:18px;
  --pb-title-weight:700;
  --pb-text-size:14px;
  --pb-text-weight:400;

  /* Wrapper */
  --pb-wrap-bg:transparent;
  --pb-wrap-border:transparent;
  --pb-wrap-radius:0px;
  --pb-wrap-padding:0px;

  /* Shadow */
  --pb-shadow-on:1;
  --pb-shadow:0 8px 22px rgba(0,0,0,.06);

  /* Responsive visible (used by JS) */
  --pb-visible-md:3;
  --pb-visible-sm:2;

  /* Media height */
  --pb-media-h:260px;
  /* responsive heights come from vars too */}

.pb__viewport{overflow:hidden;width:100%;}
.pb__track{
  display:flex;
  gap:var(--pb-gap);
  will-change:transform;
  transition:transform .35s ease;
  align-items:stretch;
}
.pb__item{
  flex:0 0 auto;
  width:calc((100% - (var(--pb-gap) * (var(--pb-visible) - 1))) / var(--pb-visible));
  display:flex;
}
.pb__card{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  background:var(--pb-card-bg);
  border:1px solid var(--pb-card-border);
  border-radius:var(--pb-radius);
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  box-shadow:var(--pb-shadow, none);
}
.pb[style*='--pb-shadow-on:0'] .pb__card{box-shadow:none !important;}

.pb__media{
  height:var(--pb-media-h);
  background:#f3f4f6;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  overflow:hidden;
  line-height:0;
}
@media (max-width:1024px){ .pb__media{height:var(--pb-media-h-md);} }
@media (max-width:768px){ .pb__media{height:var(--pb-media-h-sm);} }

.pb__img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:var(--pb-img-pos, center center) !important;
  display:block !important;
  vertical-align:top;
  border:0;
}
.pb__media img{margin:0 !important;padding:0 !important;}
.pb__img--placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e5e7eb,#f3f4f6);}

.pb__divider{height:var(--pb-divider-w);background:var(--pb-divider-color);display:none;}

.pb__body{
  padding:14px 14px 16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:1 1 auto;
  min-height:0;
}
.pb__title{
  margin:0;
  font-size:var(--pb-title-size);
  line-height:1.25;
  font-weight:var(--pb-title-weight);
  color:var(--pb-title-color);
}
.pb__excerpt{
  margin:0;
  font-size:var(--pb-text-size);
  line-height:1.5;
  font-weight:var(--pb-text-weight);
  color:var(--pb-text-color);
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.pb__arrow{
  position:absolute;
  top:42%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  line-height:1;
  box-shadow:0 10px 25px rgba(0,0,0,.10);
}
.pb__arrow--prev{left:-10px;}
.pb__arrow--next{right:-10px;}
.pb__arrow:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;}

.pb__dots{display:flex;gap:8px;justify-content:center;margin-top:14px;align-items:center;}
.pb__dot{
  -webkit-appearance:none;
  appearance:none;
  padding:0 !important;
  border:0 !important;
  width:8px !important;
  height:8px !important;
  min-width:8px !important;
  min-height:8px !important;
  border-radius:999px !important;
  background:rgba(0,0,0,.18) !important;
  cursor:pointer;
  display:inline-block;
  flex:0 0 8px;
  line-height:0;
}
.pb__dot.is-active{background:rgba(0,0,0,.65) !important;}

.pb[style*='--pb-divider-on:1'] .pb__divider{display:block;}
