.thumbnail .caption h3 {
	overflow: hidden
}

/* Sidebar header compacter */
.col-md-sidebar .widget { padding: 8px 10px; margin-bottom: 10px; }
.col-md-sidebar .pm-section-head { margin: 0 0 6px; padding: 0; border: 0; }
.col-md-sidebar .pm-section-head h2 { font-size: 13px; line-height: 1.2; margin: 0; }

/* Compacte Top video's lijst */
.topv--compact > li { margin-bottom: 8px; }

/* Forceer een echte lijst i.p.v. grid-gutters */
.topv--compact > li[class*="col-"] { padding-left: 0; padding-right: 0; }

/* Flex layout voor thumb + tekst, werkt met de markup uit item-video-obj.tpl */
.topv--compact .pm-video,
.topv--compact .media { display: flex; gap: 8px; align-items: flex-start; }

/* Kleinere thumbnail */
.topv--compact .pm-video-thumb,
.topv--compact .media-left { width: 96px; flex: 0 0 96px; }
.topv--compact .pm-video-thumb img { width: 100%; height: 54px; object-fit: cover; border-radius: 4px; }

/* Titel & meta kleiner en 2 regels */
.topv--compact .pm-video-title,
.topv--compact .media-body h5 {
  font-size: 12px; line-height: 1.3; margin: 0 0 2px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.topv--compact .pm-video-meta,
.topv--compact .media .meta,
.topv--compact .media-body .meta { font-size: 11px; color: #777; }

/* Duur-badge iets kleiner */
.topv--compact .pm-label-duration { font-size: 10px; padding: 1px 4px; right: 4px; bottom: 4px; }

/* Compact right-column Top Videos */
.topv--compact { margin-bottom: 0; }
.topv--compact > li { margin-bottom: 6px; padding-left: 0; padding-right: 0; }

/* Kill Bootstrap's 20px gap from .thumbnail (only in this widget) */
.topv--compact .thumbnail { margin-bottom: 6px !important; border: 0; padding: 0; }

/* If the item uses .media instead of .thumbnail, tighten that too */
.topv--compact .media { margin-top: 6px !important; }

/* (Optional) a little tighter title spacing */
.topv--compact .pm-video-title,
.topv--compact .media-body h5 { margin: 0 0 2px; }

.container{
	padding-bottom:0px!important;
}

/* Bigger Top Videos title (sidebar) */
.widget .pm-section-head h2,
.widget .pm-section-head h2 a {
  font-size: 18px;
  line-height: 1.25;
}

/* Sidebar compact houden */
#nieuwe-videos .pm-ul-browse-videos > li { margin-bottom: 10px; }
.col-md-3.col-md-sidebar .pm-section-head h2 { font-size: 16px; }

/* Linker titel net wat prominenter */
#meest-geluisterd .pm-section-head h2 { font-size: 22px; margin-bottom: 8px; }

/* Rechterkolom: maak thumbs écht klein */
#nieuwe-videos .pm-ul-browse-videos > li { 
  margin-bottom: 0px;
  padding-left: 40px!important;
  padding-right: 20px!important;
}

/* Beperk de breedte van de thumbnail zelf */
#nieuwe-videos .pm-ul-browse-videos > li .pm-video-thumb {
  max-width: 170px;       /* pas aan naar smaak: 150–190px */
  width: 100%;
}

/* Zorg dat de image mee schaalt */
#nieuwe-videos .pm-ul-browse-videos > li .pm-thumb-fix,
#nieuwe-videos .pm-ul-browse-videos > li .pm-thumb-fix-clip,
#nieuwe-videos .pm-ul-browse-videos > li .pm-thumb-fix-clip img {
  width: 100%;
  height: auto;
}

/* Titel wat kleiner/compacter in de sidebar */
#nieuwe-videos .pm-ul-browse-videos > li .pm-video-title {
  font-size: 12px;
  line-height: 1.3;
  margin-top: 4px;
}

/* Sidebar-kopjes iets kleiner t.o.v. links */
.col-md-3.col-md-sidebar .pm-section-head h2 {
  font-size: 15px;
  margin-bottom: 10px;
}

/* Optioneel: op mobiele schermen weer full-width */
@media (max-width: 991px) {
  #nieuwe-videos .pm-ul-browse-videos > li .pm-video-thumb {
    max-width: 100%;
  }
}