@charset "UTF-8";
/* CSS Document */

/* min-width - please avoid */

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

@media only screen and (min-width: 1400px) {
}

@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; }
  .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: -2.5rem; font-size: 110% !important; }
  .insert .prefix { position: relative; margin-left: 0; margin-right: .5rem; }
  .bg-lg-light { background-color: var(--light) !important; }  
  .card .card-frame { display: flex; 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.card_thumb_large.card-standout-light .card-text, .card.card_thumb_large.card-standout-light .last_updated, .card_thumb_large.card-standout-dark .card-title, .card.card_thumb_large.card-standout-dark .card-text, .card.card_thumb_large.card-standout-dark .last_updated { padding: 0 1rem; }
  .card-standout-dark .rounded-top:has(img) { margin: 1rem 1rem 0 !important; border-radius: 0 !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); }
}

/* max-width */

@media only screen and (max-width: 1199px) {
}

@media only screen and (max-width: 1399px) {
}

@media only screen and (max-width: 991px) {
  .navbar-name { height: var(--height-navbar-mobile); display: flex; align-items: center; margin-right: 72px; }
  .admin_panel { margin-right: 5rem !important; }
  .header-top { padding: 1rem 0; }
  .header-top .ing-logo, .offcanvas .ing-logo { margin: 0; }
  .offcanvas .ing-logo { margin-left: -2px; }
  .navbar-main .navbar-toggler { padding-top: 8px !important; }
  .nav-padding { height: var(--height-navbar-mobile); }
  .anchor { scroll-margin-top: calc(var(--height-navbar-mobile) + .75rem); }
	.padding-up { margin-top: .25rem !important; padding-top: 0; }
  .fs-large, .fs-large > p { font-size: 107.5% !important; }
  .fs-larger,  .fs-larger > p { font-size: 115% !important; }
  .ms-halfgutter { margin-left: .75rem; }
  .me-halfgutter { margin-right: .75rem; }
  blockquote { margin: .5rem 1rem 1.5rem 1rem; width: auto; font-size: 100%; padding: 1rem 0; }
	blockquote.bloqs { margin-left: 0; width: 100%; }
  .insert blockquote { background-color: transparent; }
  .prefix { margin-right: .5rem; }
  .in-this-entry-tooltip .tooltip-arrow::before { border-left-color: transparent !important; border-top-color: var(--link) !important; }
  .bg-lg-light { background-color: transparent !important; }  
  .admin_panel .card-header, .admin_panel .list-group-item { padding: .125rem .5rem !important; }
  .card .card-footer.border-bottom { border-bottom: none !important; }
  .card_entry:not(.card_entry.bg-hot):not(.card_entry.bg-dark):not(.card_entry.card-standout-dark) { background-color: var(--light) !important; }
  .card .card-img-overlay { position: relative !important; }
  .card .icon-on-card { margin: .75rem .25rem; padding: 4px; border-radius: var(--card-border-radius); font-size: 90% !important; }
  .card_topic .text-white { color: var(--dark) !important; }
  .homeSwiper .swiper-slide { height: auto !important; }
  .featurebox { height: auto !important; margin: 0 .75rem !important; padding: 0 !important; width: auto !important; border-radius: var(--card-border-radius); }
  .swiper-button-next { right: 0 !important; display: none !important; }
  .swiper-button-prev { left: 0 !important; display: none !important; }
  .content_wrapper .fa-2x, .chart_wrapper .fa-2x { font-size: 120% !important; }
  .btn-social { padding: .2rem 0.5rem !important; max-height: 2rem; font-size: 100%; border-radius: var(--card-border-radius); }
  .rounded-top { border-radius: var(--card-border-radius) !important; }
}

@media only screen and (max-width: 767px) {
}

@media only screen and (max-width: 575px) {
}
