/* --- Video & Image Banner Rotator – Frontend Styles --- */

.vb-rotator {
  position: relative;
  width: 300px;
  height: 250px;
  overflow: hidden;
  margin: 0 auto;
}

.vb-rotator .vb-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 250px;
  display: none;
}

.vb-rotator .vb-slide img,
.vb-rotator .vb-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: none;
}

.vb-rotator .vb-slide a {
  display: block;
  width: 100%;
  height: 100%;
}

.vb-rotator .vb-slide:first-child {
  display: block;
}