/**
**Theme Slider Styles
** This file contains the styles for all slider components unless revered to another file.
*/

/**arrows*/

button.slick-arrow {
  --my-size: 21px;
  width: var(--my-size) !important;
  height: calc(var(--my-size) * 2);
  left: 0;
  z-index: 9 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain;
  background-position: center center;
  background-size: contain !important;
}

button.slick-arrow:before {
  display: none;
}

button.slick-arrow.slick-prev {
  left: 5% !important;
  right: unset;
  background-image: url(../../img/icon-arrow-prev.svg) !important;
}

button.slick-arrow.slick-next {
  right: 5% !important;
  background-image: url(../../img/icon-arrow-next.svg) !important;
  left: unset;
}

.spectra-image-gallery__control-arrows svg {
  display: none !important;
}

#main .spectra-image-gallery {
  margin-bottom: 0 !important;
}

.slick-slide {
  height: 100%;
  width: 100%;
}

.slick-slide div {
  display: flex;
}

.slick-slide img {
  object-fit: cover;
  max-width: 100%;
  height: 100% !important;
  display: block;
}

.spectra-image-gallery__media-wrapper {
  padding: 0 !important;
}

@media screen and (max-width: 767px) {
  button.slick-arrow {
    --my-size: 12px;
  }

  .wp-block-uagb-container.cont-room
    .cont-img-txt
    .spectra-image-gallery__control-arrows--carousel {
    height: 30px;
    width: 25px !important;
  }
}