/* CSS document for the MCC Feature Slider Module */
/* jQuery Nivo Slider v3.2 */
/* Last updated on 16 February 2016 by Justin Herrin */



.slider-wrapper { width:100%; padding:0; margin:0 auto; }

.nivoSlider { position:relative; background:#fff url(images/loading.gif) no-repeat 50% 50%; width:100%; height:auto; overflow:hidden; }
.nivoSlider img { position:absolute; top:0; left:0; display:none; max-width:none; }
.nivo-main-image { display:block !important; position:relative !important; width:100% !important; }

.nivoSlider a.nivo-imageLink { position:absolute; top:0; left:0; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; }
.nivoSlider a:hover {  }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0; left:0; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:#fff; filter:alpha(opacity=0); opacity:0; }

/* The Slices and Boxes within the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; }
.nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; }
.nivo-box img { display:block; }


/* Direction Nav Styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	display:block;
	width:30px;
	height:30px;
	background-image:url(images/arrows.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	border:0;
	opacity:.7;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.nivo-directionNav:hover a { opacity:1; }
.nivo-prevNav { left:10px; }
.nivo-nextNav { background-position:-30px 0; right:10px; }


/* Control Navigation Thumbnails */
.nivo-controlNav { text-align:center; padding:20px 0; }
.nivo-controlNav a { cursor:pointer; display:inline-block; width:22px; height:22px; background:url(images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; }
.nivo-controlNav a.active { font-weight:bold; background-position:0 -22px; }


/* Text Overlay / Caption Styles */
.nivo-caption { position:absolute; width:100%; height:100%; top:0; left:0; z-index:8; display:none; }
.nivo-caption p { padding:5px; margin:0; }
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none; }

.feature-overlay-wrapper { background-color:rgba(69,69,69,0.8); color:#fff; padding:20px; width:40%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.feature-position-topleft { position:absolute; top:20px; left:45px; }
.feature-position-topright { position:absolute; top:20px; right:45px; }
.feature-position-bottomright { position:absolute; bottom:20px; right:45px; }
.feature-position-bottomleft { position:absolute; bottom:20px; left:45px; }

.feature-line1, .feature-line2, .feature-line3 { font-weight:normal; color:#fff; }
.feature-line1 { font-size:2.5em; line-height:1em; margin:0 0 10px 0; }
.feature-line2 { font-family:'Patua One', sans-serif; text-transform:uppercase; font-size:4.643em; line-height:1em; margin:0 0 10px 0; }
.feature-line3 { font-size:1.286em; line-height:1.2em; margin:0 0 15px 0; }
.feature-line3 a { color:#a4ce4c; }
.feature-line3 a:hover { color:#fff; }
.feature-button { background-color:#a4ce4c; border:2px solid #fff; padding:14px 25px 12px 25px; font-size:1em; font-weight:normal; color:#fff; text-decoration:none; text-transform:uppercase; float:right; margin:0; }
.feature-button:hover { color:#fff; }


/*** Responsive Goodness ****/
@media (min-width: 768px) and (max-width: 979px) {
	.feature-line1 { font-size:1.8em; }
	.feature-line2 { font-size:3em; }
	.feature-line3 { font-size:1em; line-height:1.2em; margin:0 0 20px 0; }
	.feature-button { padding:8px 15px 6px 15px; font-size:.9em; float:none; margin:0 auto 15px auto; }
}

@media (max-width: 768px) {
	.nivo-directionNav a { top:30%; }
	.nivo-caption { position:static; display:none; }
	.feature-overlay-wrapper { background-color: rgb(52,52,52); width:100%; }
	.feature-position-topleft { position:static; top:inherit; left:inherit; }
	.feature-position-topright { position:static; top:inherit; right:inherit; }
	.feature-position-bottomright { position:static; bottom:inherit; right:inherit; }
	.feature-position-bottomleft { position:static; bottom:inherit; left:inherit; }
	.feature-line1 { font-size:1.2em; }
	.feature-line2 { font-size:1.6em; }
	.feature-line3 { font-size:.9em; line-height:1.2em; margin:0 0 25px 0; }
	.feature-button { padding:8px 15px 6px 15px; font-size:.8em; float:left; margin:0; }
}

@media (max-width: 480px) {
	.nivo-directionNav a { top:22%; }
}