//
// Left/right controls for nav
//

.carousel-control-prev,
.carousel-control-next {
  color: $carousel-control-color;
  // We can't have a transition here because WebKit cancels the carousel
  // animation if you trip this while in the middle of another animation.

  // Hover/focus state
  @include hover-focus {
    color: $carousel-control-color;
  }
}
.carousel-control-prev {
  @if $enable-gradients {
    background: linear-gradient(90deg, rgba($black,.25), rgba($black,.001));
  }
}
.carousel-control-next {
  @if $enable-gradients {
    background: linear-gradient(270deg, rgba($black,.25), rgba($black,.001));
  }
}

// Icons for within
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background: transparent no-repeat center center;
}

// Optional indicator pips
//
// Add an ordered list with the following class and add a list item for each
// slide your carousel holds.

.carousel-indicators {
  li {
    background-color: rgba($carousel-indicator-active-bg, .5);
  }

  .active {
    background-color: $carousel-indicator-active-bg;
  }
}

// Optional captions
//
//

.carousel-caption {
  color: $carousel-caption-color;
}