/*================================================================
                 SLIDESHOW MAIN Styles 
================================================================*/

.SlideshowWrpr { margin-bottom:12px; }
.SlideshowWidget { position:relative; z-index:30; border-bottom:1px solid #e4e4e4; width:100%; overflow:hidden; font-size:.8em; }
.slides { position:relative; z-index:20; height:354px; }
.slide { position:absolute; z-index:10; top:0; left:0; width:100%; }
.slide.active { z-index:15; }
.slideImg { display:none; }
.slide:first-child .slideImg { display:block; }

.SlideshowWidget .slideInfo { padding:1em; }
.SlideshowWidget .title { margin:0; text-transform:uppercase; color:#070707; font-size:1.55em; line-height:1; font-weight:normal; letter-spacing:-1px; }
.SlideshowWidget .title a { color:inherit; }
.SlideshowWidget .title a:hover, .SlideshowWidget .title a:focus { color:#ca2222; }
.SlideshowWidget .author:before { content:"By "; }
.SlideshowWidget .author,
.SlideshowWidget .description { margin:.3em 0 .1em; }
.SlideshowWidget .more { font-size:.85em; line-height:1; text-transform:uppercase; }


/*================================================================
                 SLIDESHOW FUNCTIONALITY Styles 
================================================================*/

.SlideshowWidget .pagers { 
	position:absolute; 
	top:120px; right:10px; 
	padding:5px; z-index:20; 
	-webkit-transition: top 0.3s ease-in;
	   -moz-transition: top 0.3s ease-in;
		 -o-transition: top 0.3s ease-in;
			transition: top 0.3s ease-in;
}
.SlideshowWidget .prev, .SlideshowWidget .next { 
	float:left; 
	margin-left:1px;
	width:45px; height:44px;
	/*text-indent:-9999em;*/
	background:#070707; 
	opacity:.6;
	filter: alpha(opacity=60);
}
.SlideshowWidget .prev:hover, .SlideshowWidget .prev:focus,
.SlideshowWidget .next:hover, .SlideshowWidget .next:focus  { opacity:1; filter: alpha(opacity=100); }

.SlideshowWidget .prev img, .SlideshowWidget .next img { max-width:100%; height:auto!important; }

.SlideshowWidget .navList { 
	display:none; 
	position:absolute; z-index:20;
	top:0; right:0;
	width:360px; height:100%; 
	list-style:none;
}

.SlideshowWidget .navList ul { position:absolute; margin:0; padding:0; height:100%; overflow:hidden; list-style:none; }
.SlideshowWidget .navList li { 
	margin-left:29px; padding:1.2em 3% 1em 6.5%; background:#fff; 
	-webkit-transition: all 0.3s ease-in;
	   -moz-transition: all 0.3s ease-in;
		 -o-transition: all 0.3s ease-in;
			transition: all 0.3s ease-in;
}
.SlideshowWidget .navList .current { position:relative; background:#f3f3f3; }

.SlideshowWidget .navList li:before { 
	content:" "; 
	position:absolute; 
	left:0; top:50%; 
	margin-top:-10px; 
	border:12px solid transparent;
	opacity:0;
	-webkit-transition: left 0.3s ease-in, opacity 0.3s ease-in;
	   -moz-transition: left 0.3s ease-in, opacity 0.3s ease-in;
		 -o-transition: left 0.3s ease-in, opacity 0.3s ease-in;
			transition: left 0.3s ease-in, opacity 0.3s ease-in;
}
.SlideshowWidget .navList .current:before { left:-22px; border-right:15px solid #f3f3f3; opacity:1; }

/*================================================================
                 SLIDESHOW QUERIES 
================================================================*/

@media only screen and (max-width:38.99em){
	.slides { height:auto; }
	.slide { position:relative; display:none; }
	.slide:first-child { display:block; }
	.slide.active { display:block; }
	.slide.inactive { display:none; }
	.slideImg { display:block !important; width:100%; }
	.active .slideImg {
		-webkit-animation:fadeIn 1s 1;
		   -moz-animation:fadeIn 1s 1;
			 -o-animation:fadeIn 1s 1;
				animation:fadeIn 1s 1;	
	}
	.active .slideInfo {
		-webkit-animation:fadeIn 2s 1;
		   -moz-animation:fadeIn 2s 1;
			 -o-animation:fadeIn 2s 1;
				animation:fadeIn 2s 1;
	}
	
	.inactive .slideImg {
		-webkit-animation:fadeOut .6s 1;
		   -moz-animation:fadeOut .6s 1;
			 -o-animation:fadeOut .6s 1;
				animation:fadeOut .6s 1;		
	}
	.inactive .slideInfo {
		-webkit-animation:fadeOut .4s 1;
		   -moz-animation:fadeOut .4s 1;
			 -o-animation:fadeOut .4s 1;
				animation:fadeOut .4s 1;		
	}	
}

@media only screen and (min-width:28em) and (max-width:38.99em){
	.SlideshowWidget .pagers { top:200px; }
}

@media only screen and (min-width:29em) {
	.SlideshowWidget .pagers {
		-webkit-transition: top 0s;
		   -moz-transition: top 0s;
			 -o-transition: top 0s;
				transition: top 0s;
	}
}
@media only screen and (min-width:39em) and (max-width:44em){
	.slide img { margin-left:-100px; }
}

@media only screen and (min-width:39em){
	.SlideshowWidget { height:354px; }
	.SlideshowWidget .pagers { top:auto; right:357px; bottom:12px; }
	.SlideshowWidget .navList { display:block; }
	.js .slides .SlideShowBottomText { display:none; }
	
	.slide .slideInfo { display:none; }
	.slide img {  
		-webkit-transition: margin 0.3s ease-in;
		   -moz-transition: margin 0.3s ease-in;
			 -o-transition: margin 0.3s ease-in;
				transition: margin 0.3s ease-in;		
	}
}