// All site's carousels
$head-carousel-max-height: $head-carousel-max-height;

header .slick-track {
  max-height: $head-carousel-max-height;
}

// vertically centered
.carousel {
  margin: 0 auto;
}

.slick-track {
  overflow: hidden;
}

.slick-slide img {
  max-width: initial;
  width: 100%;
  height: auto;
}

// Default CSS, in case slick is not loaded or activated
.carousel .carousel-img {
  width: 100%;
  display: none;
}

.carousel div:first-child > .carousel-img {
  display: inline;
}
.carousel div.slick-slide .carousel-img {
  display: inline;
}

// vertically center
.content .slick-slide {
  background-color: #f2f2f2;
  @include flex;
  align-items:center;
}

// arrows color:

.slick-prev:before, .slick-next:before {
  color: #2b2b2b;
}

// Special: Carousel content preview on backend

.be-carousel-preview {
  word-wrap: break-word;
}

.be-carousel-img-preview {
  margin-right: 4px;
  margin-bottom: 4px;
}



