/* DGER top slider V9.6
   - desktop/tablet image fills the entire 60vh slider canvas (cover)
   - optional mobile-specific image via <picture>
   - mobile also fills the slider canvas
   - slide count/pagination stays hidden
*/
html body main#main section#top.cms-kv-slider[data-home-slider]{
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:-50vw!important;
  margin-right:0!important;
  height:60vh!important;
  min-height:520px!important;
  overflow:hidden!important;
  background:#edf5f2!important;
}
html body main#main section#top.cms-kv-slider .cms-kv-track,
html body main#main section#top.cms-kv-slider .cms-kv-slide,
html body main#main section#top.cms-kv-slider .cms-kv-picture{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
}
html body main#main section#top.cms-kv-slider .cms-kv-picture{z-index:1!important}
html body main#main section#top.cms-kv-slider .cms-kv-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  transform:none!important;
}
/* cover fills the complete canvas, so the old blurred side-fill is unnecessary */
html body main#main section#top.cms-kv-slider .cms-kv-backdrop{
  display:none!important;
}
html body main#main section#top.cms-kv-slider .cms-kv-controls,
html body main#main section#top.cms-kv-slider .cms-kv-dot{
  display:none!important;
}
html body main#main section#top.cms-kv-slider .cms-kv-nav{
  z-index:30!important;
  top:50%!important;
  width:46px!important;
  height:46px!important;
  transform:translateY(-50%)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.10)!important;
}
html body main#main section#top.cms-kv-slider .cms-kv-nav--prev{left:18px!important}
html body main#main section#top.cms-kv-slider .cms-kv-nav--next{right:18px!important}
html body main#main section#top.cms-kv-slider .cms-kv-overlay{z-index:10!important}
html body main#main section#top.cms-kv-slider .cms-kv-shade{z-index:5!important}

@media (max-width:900px){
  html body main#main section#top.cms-kv-slider[data-home-slider]{height:60vh!important;min-height:500px!important}
}
@media (max-width:767px){
  html body main#main section#top.cms-kv-slider[data-home-slider]{
    width:100vw!important;
    height:60vh!important;
    min-height:520px!important;
  }
  html body main#main section#top.cms-kv-slider .cms-kv-image{
    object-fit:cover!important;
    object-position:50% 50%!important;
  }
  html body main#main section#top.cms-kv-slider .cms-kv-nav{display:none!important}
  html body main#main section#top.cms-kv-slider .cms-kv-overlay{bottom:24px!important}
}