@import "slick/slick.css";
@import "slick/slick-theme.css";

.FrontPageElement .ImageSlider,
.custom-product-slick .slick-slider {
  max-width: 100vw;
  overflow: hidden;
}

.hero-slider .slick-slider {
  overflow: visible;
}

.FrontPageElement .ImageSlider .slick-dots,
.custom-product-slick .slick-slider .slick-dots {
  max-width: 100%;
}

.FrontPageElement .ImageSlider .slick-dots > li:only-child,
.custom-product-slick .slick-slider .slick-dots > li:only-child {
  display: none;
}

.FrontPageElement .ImageSlider .BannerImage {
  width: 100%;
  max-width: 100%;
}

.slick-dots {
  position: relative;
}

.slick-prev,
.slick-next {
  z-index: 1;
}

.hero-slider .slick-prev {
  left: 0.625rem;
}

.hero-slider .slick-next {
  right: 0.625rem;
}

/* @media (min-width: 1372px) {
  .hero-slider .slick-prev {
    left: -32px;
  }
  .hero-slider .slick-next {
    right: -32px;
  }
}

@media (min-width: 1422px) {
  .hero-slider .slick-prev {
    left: -57px;
  }
  .hero-slider .slick-next {
    right: -57px;
  }
} */

.custom-product-slick .slick-prev {
  left: 8px;
}

.custom-product-slick .slick-next {
  right: 8px;
}

.slick-prev::before {
  background: url("https://vdt.vilkas.fi/VDT/master/Graphics/Icons/arrow_back.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
}

.slick-next::before {
  background: url("https://vdt.vilkas.fi/VDT/master/Graphics/Icons/arrow_next.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
}