/* VTO event-detail image slider. No content overlay. */
#calendar { min-height: 0 !important; }

.fancybox-overlay {
  background: rgba(10, 16, 28, 0.58) !important;
  -webkit-backdrop-filter: blur(4px) saturate(110%);
  backdrop-filter: blur(4px) saturate(110%);
}

.vto-detail-slider {
  position: relative;
  width: 100% !important;
  max-width: 714px !important;
  height: auto !important;
  min-height: 0 !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  filter: none !important;
  box-sizing: border-box;
}
.vto-detail-slider > .event-calendar {
  overflow: hidden;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 12px;
  box-sizing: border-box;
}
.vto-detail-slider .vto-detail-slides {
  left: 0 !important;
  float: left;
  width: 474px !important;
  max-width: 474px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0;
  border-radius: 12px;
  background: transparent;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.16);
}
.vto-detail-slider .vto-detail-slides li {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: hidden;
  padding-bottom: 0;
  border-radius: 12px;
  background: transparent;
}
.vto-detail-slider .vto-detail-slides picture,
.vto-detail-slider .vto-detail-slides img { display: block; width: 100%; }
.vto-detail-slider .vto-detail-slides img {
  height: auto !important;
  max-height: none !important;
  border: 0;
  border-radius: 12px;
  object-fit: contain;
  transform: scale(1);
  transition: transform 700ms ease;
  will-change: transform;
  cursor: zoom-in;
}
.vto-detail-slider .vto-detail-slides img:focus {
  outline: 3px solid rgba(255, 255, 255, 0.9);
  outline-offset: -5px;
}
.vto-detail-slider:hover .vto-detail-slides img { transform: scale(1.06); }
.vto-detail-slider .slider_event-ticket { display: none !important; }

.vto-detail-slider .rslides_nav {
  position: absolute;
  top: 50%;
  z-index: 20;
  display: flex;
  width: 42px !important;
  height: 42px !important;
  margin: -21px 0 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 50% !important;
  background-color: rgba(17, 24, 39, 0.68) !important;
  background-image: none !important;
  color: transparent;
  font-size: 0;
  text-indent: 0;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: background 180ms ease, opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
}
.vto-detail-slider:hover .rslides_nav,
.vto-detail-slider:focus-within .rslides_nav { opacity: 0.94; visibility: visible; }
.vto-detail-slider .rslides_nav.prev {
  right: auto !important;
  left: 18px !important;
}
.vto-detail-slider .rslides_nav.next {
  right: calc(100% - 456px) !important;
  left: auto !important;
}
.vto-detail-slider .rslides_nav:before {
  color: #fff;
  font: normal normal 400 30px/1 Arial, Helvetica, sans-serif;
}
.vto-detail-slider .rslides_nav.prev:before { content: "\2039"; }
.vto-detail-slider .rslides_nav.next:before { content: "\203A"; }
.vto-detail-slider .rslides_nav:hover,
.vto-detail-slider .rslides_nav:focus {
  background-color: rgba(17, 24, 39, 0.9) !important;
  transform: translateY(-1px);
}

.vto-detail-slider .rslides_tabs {
  position: absolute;
  top: 18px !important;
  right: calc(100% - 456px) !important;
  left: auto !important;
  z-index: 21;
  display: flex;
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0;
  gap: 7px;
  align-items: center;
}
.vto-detail-slider .rslides_tabs li {
  display: block;
  width: 8px;
  height: 8px;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: none;
}
.vto-detail-slider .rslides_tabs li.rslides_here { width: 22px; border-color: #fff; background: #fff; }
.vto-detail-slider .rslides_tabs a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -9999px;
}

.vto-detail-slider .vto-detail-progress {
  position: absolute;
  right: auto;
  bottom: 0;
  left: 6px;
  width: calc(100% - 12px);
  z-index: 22;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  box-sizing: border-box;
  transform: none;
}
.vto-detail-slider .vto-detail-progress span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 999px;
  background: #db0028;
  background: var(--main, #db0028);
}

@media screen and (max-width: 767px) {
  .vto-detail-slider {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .vto-detail-slider .vto-detail-slides {
    float: none;
    width: 100% !important;
    max-width: none !important;
  }
  .vto-detail-slider .vto-detail-slides img {
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
  }
  .vto-detail-slider .rslides_nav.prev { left: 12px !important; }
  .vto-detail-slider .rslides_nav.next { right: 12px !important; }
  .vto-detail-slider .vto-detail-progress {
    left: 5px;
    width: calc(100% - 10px);
  }
  .vto-detail-slider .rslides_tabs { top: 12px !important; right: 12px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .vto-detail-slider .vto-detail-slides img,
  .vto-detail-slider .rslides_nav { transition: none; }
}