/* Carousel fade */

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* CUSTOMIZE THE CAROUSEL SIZES */

/* COMMON */
.carousel-lg-img, .carousel-md-img, .carousel-sm-img, .carousel-xs-img, .carousel-xxs-img, .carousel-entry-s-img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}

.carousel-entry-s > .carousel-indicators,
.carousel-xxs > .carousel-indicators,
.carousel-xs > .carousel-indicators,
.carousel-sm > .carousel-indicators,
.carousel-md > .carousel-indicators,
.carousel-lg > .carousel-indicators {
    bottom: -10px; /* This is half of the indicators height */
}

/* CAROUSEL ENTRY */
.carousel-entry-s{
    height: 220px; /* Created room for the indicators */
}
.carousel-entry-s > .carousel-inner,
.carousel-entry-s > .carousel-inner > .carousel-item,
.carousel-entry-s > .carousel-inner > .carousel-item > .carousel-img {
    height: 200px;
}

/* EXTRA EXTRA SMALL */
.carousel-xxs{
    height: 120px; /* Created room for the indicators */
}
.carousel-xxs > .carousel-inner,
.carousel-xxs > .carousel-inner > .carousel-item,
.carousel-xxs > .carousel-inner > .carousel-item > .carousel-img {
    height: 100px;
}
@media (min-width: 768px) {
    .carousel-xxs{
	height: 170px; /* Created room for the indicators */
    }
    .carousel-xxs > .carousel-inner,
    .carousel-xxs > .carousel-inner > .carousel-item,
    .carousel-xxs > .carousel-inner > .carousel-item > .carousel-img {
	height: 150px;
    }
}

/* EXTRA SMALL */
.carousel-xs{
    height: 170px; /* Created room for the indicators */
}
.carousel-xs > .carousel-inner,
.carousel-xs > .carousel-inner > .carousel-item,
.carousel-xs > .carousel-inner > .carousel-item > .carousel-img {
    height: 150px;
}
@media (min-width: 768px) {
    .carousel-xs{
	height: 220px; /* Created room for the indicators */
    }
    .carousel-xs > .carousel-inner,
    .carousel-xs > .carousel-inner > .carousel-item,
    .carousel-xs > .carousel-inner > .carousel-item > .carousel-img {
	height: 200px;
    }
}

/* SMALL */
.carousel-sm{
    height: 220px; /* Created room for the indicators */
}
.carousel-sm > .carousel-inner,
.carousel-sm > .carousel-inner > .carousel-item,
.carousel-sm > .carousel-inner > .carousel-item > .carousel-img {
    height: 200px;
}
@media (min-width: 768px) {
    .carousel-sm{
	height: 270px; /* Created room for the indicators */
    }
    .carousel-sm > .carousel-inner,
    .carousel-sm > .carousel-inner > .carousel-item,
    .carousel-sm > .carousel-inner > .carousel-item > .carousel-img {
	height: 250px;
    }
}

/* MEDIUM */
.carousel-md{
    height: 270px; /* Created room for the indicators */
}
.carousel-md > .carousel-inner,
.carousel-md > .carousel-inner > .carousel-item,
.carousel-md > .carousel-inner > .carousel-item > .carousel-img {
    height: 250px;
}
@media (min-width: 768px) {
    .carousel-md{
	height: 320px; /* Created room for the indicators */
    }
    .carousel-md > .carousel-inner,
    .carousel-md > .carousel-inner > .carousel-item,
    .carousel-md > .carousel-inner > .carousel-item > .carousel-img {
	height: 300px;
    }
}

/* LARGE */
.carousel-lg{
    height: 470px; /* Created room for the indicators */
}
.carousel-lg > .carousel-inner,
.carousel-lg > .carousel-inner > .carousel-item,
.carousel-lg > .carousel-inner > .carousel-item > .carousel-img {
    height: 450px;
}
@media (min-width: 768px) {
    .carousel-lg{
	height: 520px; /* Created room for the indicators */
    }
    .carousel-lg > .carousel-inner,
    .carousel-lg > .carousel-inner > .carousel-item,
    .carousel-lg > .carousel-inner > .carousel-item > .carousel-img {
	height: 500px;
    }
}
/* BANNER CAROUSEL */

/* Since positioning the image, we need to help out the caption */
.banner-carousel-caption {
  z-index: 10;
  height: 410px;
  right: 10%;
  left: 10%;

  /* Set the max width*/
  max-width: 1200px;
  /* Center */
  margin-left: auto;
  margin-right: auto;
}

.banner-carousel {
    height: 550px; /* Increase the height of the carousel section for small screens to make room for the subtitle*/
    border-radius: 10px;
}

.carousel > .banner-carousel-indicators {
    bottom: 20px;
}

.banner-carousel-img {
    width: 250px;
    height: 250px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.banner-carousel-text {
    margin-bottom: 0px;
    margin-top: 0px;
}

@media (min-width: 768px) {

    /* Bump up size of carousel content */
    .banner-carousel-caption p {
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 1.4;
    }

    .banner-carousel-img {
	width: 300px;
	height: 300px;
 	margin-bottom: 65px;
	margin-top: 25px;
    }

    .banner-carousel-text {
 	margin-bottom: 130px;
	margin-top: 130px;
    }

}