/* CSS document for the MCC Carousel Module */
/* Created by Justin Herrin */
/* Last updated on 10 October 2014 by Justin Herrin */


.jcarousel-wrapper { margin:20px auto; position:relative; }
.jcarousel { position:relative; overflow:hidden; width:100%; }
.jcarousel ul { width:20000em; position:relative; list-style:none; margin:0; padding:0; }
.jcarousel li { float:left; margin:0 5px 0 0; position:relative; list-style:none; }
.jcarousel img { display:block; max-width:100%; height:auto !important; position:relative; }

/** Carousel Captions **/
.carouselcaption {
	position: absolute;
	line-height: 35px;
	top: 220px; /* 265 image height minus 35 line height */
	overflow: hidden;
	background-color:rgba(69,69,69,0.8);
	color: #fff;
	
}
.carouselcaption span { padding:0 10px; font-size:12px; }

/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	text-align: center;
	background: #f2f2f2;
	color: #454545;
	text-decoration: none;
	text-shadow: 0 0 1px #000;
	font: 24px/27px Arial, sans-serif;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 0 4px #F0EFE7;
	-moz-box-shadow: 0 0 4px #F0EFE7;
	box-shadow: 0 0 4px #F0EFE7;
	opacity:.5;
}

.jcarousel-control-prev { left:15px; }
.jcarousel-control-next { right:15px; }
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover { color:#454545; opacity:1; }

/** Carousel Pagination **/
.jcarousel-pagination {
	margin: 10px 0;
}

.jcarousel-pagination a {
	text-decoration: none;
	display: inline-block;
	font-size: 11px;
	height: 10px;
	width: 10px;
	line-height: 10px;
	background: #fff;
	color: #4E443C;
	border-radius: 10px;
	text-indent: -9999px;
	margin-right: 7px;
	-webkit-box-shadow: 0 0 2px #4E443C;
	-moz-box-shadow: 0 0 2px #4E443C;
	box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}