/*
 * Bootstrap Carousel Overrides
 * --------------------------------------------------
 */

.carousel {
  margin: 0 0 @line-height-computed;
  .shade;
}

.panel .carousel {
  .box-shadow(none);
}

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

.carousel-inner {
  background-color: #fff;
  img {
    max-height: 460px;
    width: 100%;
  }
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
  background-repeat: no-repeat;
  filter: none;
}

.carousel-control .glyphicon {
  font-size: 2em;
  background-color: #000000;
  margin: -55px 0 0;
  padding: 20px;
  height: auto;
  width: 80px;
}

.carousel-control .glyphicon-chevron-left {
  left: 0;
}

.carousel-control .glyphicon-chevron-right {
  right: 0;
}

.carousel-control .glyphicon:hover {
  .opacity(.6);
}

/* Drop caption below images */
.carousel-caption {
  position: static;
  padding: 0;
  margin: 15px 0;
}

.carousel img {
  .shade-light;
}
