/* 
  Gavin Wray, ITS 12 Oct 2016, INC0537989
  Improved Bootstrap carousel in ID7 template 
*/

.hp-layout .controller-container {
  bottom: 10px;
}

.hp-layout .carousel-indicators li {
  height: 20px;
  width: 20px;
  border-width: 2px;
  border-color: #fff;
}

.hp-layout .carousel-indicators li.active {
  background-color: #fff;
}

.hp-layout .carousel-control .glyphicon-chevron-left,
.hp-layout .carousel-control .glyphicon-chevron-right {
  margin-top: -25px;
}

.hp-layout .carousel-control .glyphicon {
  font-size: 1.6em;
}

.hp-layout a.carousel-control::after {
  content: none;
}

@media (min-width: 768px) {
  .hp-layout .controller-container {
    bottom: 20px;
  }
}


/* Light theme for Bootstrap carousel in ID7 template */

.hp-layout .carousel-caption {
  background-color: rgba(255, 255, 255, 0.82);
  color: #383838;
}

.hp-layout .carousel-caption h2,
.hp-layout .carousel-caption h3,
.hp-layout .carousel-caption h4,
.hp-layout .carousel-caption h5,
.hp-layout .carousel-caption h6 {
  color: #383838;
}

.hp-layout .carousel-caption a,
.hp-layout .carousel-caption a:active,
.hp-layout .carousel-caption a:focus {
  /* Use this site's primary brand colour */
  color: #563069;
}

.hp-layout .carousel-caption a:hover {
  color: #383838;
}

.hp-layout a.carousel-control {
  color: #6f6f6f;
}

.hp-layout .carousel-indicators li {
  border-color: #383838;
}

.hp-layout .carousel-indicators li.active {
  background-color: #383838;
}

.hp-layout a.left.carousel-control,
.hp-layout a.right.carousel-control {
  color: #706768;
}

.hp-layout a:hover.left.carousel-control,
.hp-layout a:hover.right.carousel-control {
  color: #383838;
}