.slideshow {
  max-width: var(--main-max-width);
  padding: 0;
  margin: 0 auto;
  background-color: white;
}

@media all and (max-width: 768px) {
  .slideshow {
    padding: 0;
  }
}

.slideshow .main-carousel {
  width: 100%;
  margin: 0 auto;
}

.carousel-cell {
  width: auto; /* full width */
  height: auto;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.carousel-cell img {
  width: auto;
  height: 70vh;
  max-width: none;
  display: block;
}

@media all and (max-width: 768px) {
  .carousel-cell img {
    height: 60vh;
  }
}

.slideshow .flickity-page-dots {
  max-width: none;
  bottom: 20px;
}

.slideshow .flickity-page-dots .dot {
  background: black;
}

.flickity-button {
  background: none;
}

.flickity-button:hover {
  color: var(--main-first-color);
  background: none;
}

.flickity-button {
  color: white;
}

.flickity-prev-next-button {
  border-radius: 0;
}