/* WI-079373 Carousel Web Part CSS */
.accessible_elem {
  clip: rect(1px 1px 1px 1px); /* IE 6/7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; /* added line */
  width: 1px;
}

div[class^="carousel-caption"] > h2 > a {
color: white;
/*background-color: darkgreen;*/
}

/* Carousel base class 
.carousel {
  max-width: 960px;
  margin-bottom: -30px;
  margin-top: -5px;
  overflow: visible;
  max-height: 400px;
}
*/

.carousel {
	max-width: 960px;
	/*margin-bottom: -30px;*/
	margin-top: 5px;
	overflow: hidden;
	max-height: 405px;
}


.carousel-inner {
position: relative;
width: 100%;
max-height: 400px;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 5;
  height: 68px;
  display: block;
  padding: 5px 10px;
  position: absolute;
}

/* Position the img element */
.carousel .item {
  margin-left: -10px;
	margin-right: -10px;
padding-bottom: 0px;
    /* padding-top: 6px; */
    /* padding-left: 4px; */
    /* padding-right: 0px; */
    clear: both;
}

/* Options for the prev and next arrows */
.glyphicon.glyphicon-chevron-right{
   color:white;
   opacity: 2;
}
.glyphicon.glyphicon-chevron-left{
   color:white;
   opacity: 2;
}
/*play and pause buttons 
.carousel-controls {
    position: absolute;
    z-index: 6;
    opacity: 0.8;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    font-size: x-large;
}*/
.carousel-controls {
	position: absolute;
	z-index: 6;

	opacity: 0.8;
	background-color: transparent;
	top:91%;
	left:54%;
	margin-top:-15px;
	margin-left:-50px;
}


.carousel-controls li {
    background-color: transparent;
    padding: 0.25em 0.5em;
    color: #FFF;
    cursor: pointer;
    opacity: 1;	
}

.carousel-controls li:hover {
    /*opacity: 0.8;*/
    opacity:0.5;
}
.carousel-controls li:focus:hover {
	opacity: 0.5;
}

.carousel-controls li.active {
    background-color: #FF8000;

}

.carousel-inner > .item > img {
    position:absolute;
	top:0px;
	left:0px;
	max-width: none;
	width: 100%;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
	padding-bottom: 0px;
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 7;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  /*list-style: none;*/
  /*bottom: -45px;*/
  margin-bottom: 7px;

}
    .carousel .item a::after {
    display:none;
    }
/*.carousel-indicators li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #999999;
  border: 2px solid #fff;
  border-radius: 0px;
  
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 1px;
    background-color: #fff;
    border: 2px solid #1d6518;  
}
*/
/* RESPONSIVE CSS
-------------------------------------------------- */
/*changes the height of the caption once the play/pause button doesn't display anymore*/
@media (max-width: 680px) {
	.carousel-controls{
		/*display: none; WI-125431*/
		display: block; /*WI-125431*/			
	}
	.carousel-caption {
  z-index: 5;
  height: 50px;
  overflow: hidden;
  display: block;
  padding: 5px 10px;
  bottom:0px;
}


}
/*gets rid of the caption and play and pause button for mobile portrait users.*/
@media (max-width: 550px) {
	.carousel-controls{
		/*display: none; WI-125431*/
		display: block; /*WI-125431*/		
	}
	
	/*WI-125431*/	
	.carousel-inner .carousel-caption h2 {
		font-size: 2.5em !important;
	}
	.carousel-caption {
	  /*display: none; WI-125431*/
	  display: block;
	  padding-bottom: 5px;
	}
}


/*WI-125431 increases the caption height in screen less than 992px; adjustment for text wrapping*/
@media (min-width: 551px) and (max-width: 991px) {
	
	.carousel-caption {
	  
	  height: 150px !important;
	  padding-top: 15px;
	  
	}

}