/**
 * Bootstrap carousel
 */

@use "../settings" as *;
@use "../tools" as *;

@import "bootstrap/scss/carousel";

// Move carousel indicators to the top
.carousel-indicators {
  top: 4%;
  bottom: auto;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-color: $black;
  background-size: 50% 50%;
}

.carousel-caption {
  position: relative;
  background: $white;
  @include edgel-shadow-inset-light();
}

.carousel {
  overflow: hidden;
  background-color: $gray-800;
  @include edgel-shadow();
}

.carousel-item {
  // Reset bottom margin if using a figure
  margin-bottom: 0;
}
