@charset "UTF-8";
/* CSS Document */
/* Stylesheet adjustments for responsive / for mobile there is another css */

@import url('/css/think_mobile.css') only screen and (max-width: 991px);

@media only screen and (min-width: 1560px) {
  .banner-snaps .snaps-btn { position: absolute; width: 110px; left: -114px; }
  .d-xxxl-block { display: block !important; }
}

@media only screen and (min-width: 1200px) {
  .d-xxl-block { display: block !important; }
}

@media only screen and (min-width: 991px) {
  .sticky-top-header { transform-style: preserve-3d; min-height: var(--height-navbar); } /* zorgt ervoor dat de ene sticky-top boven de ander komt te staan */
  .sticky-top-header .header-top .search-form { height: 1.5rem; }
  .sticky-top-header .header-top .search-think { width: 380px !important; line-height: 26px; }
  .position-lg-absolute { position: absolute !important; }
  .h-aside-empty { height: calc(100vh - 3 * var(--height-navbar)); }
  .col_lg_wide { margin-left: -10%; width: 110% !important; max-width: 110% !important; }
  .prefix { position: absolute; margin-left: -2rem; margin-top: 1px; }
  .insert .prefix { position: relative; margin-left: 0; margin-right: .5rem; }
  .prefix svg { height: 1.7rem !important; }
  .bg-lg-light { background-color: var(--light) !important; }  
  .card .card-frame { display: flex; align-items: center; justify-content: center; overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
  a.card_entry img, a.card_topic img { filter: brightness(0.75); transition: filter ease .25s; }
  a.card_entry:hover img, a.card_topic:hover img  { filter: brightness(1); }
  .card:has(.card-frame) .row [class^="col-"] { position: relative; } /* kijkt of .card-frame voorkomt en bepaalt dan dat de col position-relative wordt */
  .card_thumb_large.card-standout-light .card-title, .card_thumb_large.card-standout-light .card-text, .card_thumb_large.card-standout-light .last_updated, .card_thumb_large.card-standout-dark .card-title, .card_thumb_large.card-standout-dark .card-text, .card_thumb_large.card-standout-dark .last_updated, .card_thumb_large.card-standout-light .last_updated { padding: 0 1rem !important; }
  .card-standout-dark .rounded-top:has(img) { margin: 1rem 1rem 0 !important; border-radius: 0 !important; }
  .border-lg-0 { border: none !important; }
  .videoSwiper img { width: 632px !important; } /* grootte video in Topic */
  .scroll-window { border-bottom: 3px solid var(--grey); }
  .bg-black-50 { background-color: rgba(0,0,0,.5); }
  .featurebox .d-flex.flex-column .card:last-child { margin-bottom: 0 !important; }
  .featurebox .card_thumb_large .card-body .card-title, .featurebox .card_thumb_large .card-body .card-text { padding: 0 1rem !important; }
  
  /* deze styles zijn voor de AJAX calls voor de load more */
  #collapseContentRelatedCatsPopular.collapsing { transition: height 0.25s ease-out; }
  #collapseContentRelatedCatsPopular .collapse-container { min-height: 500px; }
  #collapseContentRelatedTagSearchtitle.collapsing { transition: height .5 ease-out; }
  /* Deze staat in _related_new_entries_grid.html zodat, als er geen related is je geen min-hoogte mee krijgt */
  /* #collapseContentRelatedTagSearchtitle .collapse-container { min-height: 400px; } */
  #collapseContentMoreFromAuthor.collapsing { transition: height 0.25s ease-out; }
  #collapseContentMoreFromAuthor .collapse-container { min-height: 400px; }
}