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

.FrontPageElement .ImageSlider {
  max-width: 100vw;
  overflow: hidden;
}

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

.FrontPageElement .ImageSlider .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,
.hero-slider .slick-next::before {
  display: none;
}

.slick-dots li {
  margin: 0;
}

.slick-dots li button:before {
  color: white;
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  color: #fb6107;
}

.slick-prev::before {
  background: url("https://www.nordictattoosupplies.com/WebRoot/NTS/Shops/24052010-172317/MediaGallery/Ulkoasu_2024/arrow-back.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}

.slick-next::before {
  background: url("https://www.nordictattoosupplies.com/WebRoot/NTS/Shops/24052010-172317/MediaGallery/Ulkoasu_2024/arrow-next.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}