/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Theme 	: Shutter 1.2
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

/*======== FULLSCREEN SLIDER ========*/
.slider-text {position:absolute; overflow:hidden; display:block; clear:both; width:100%; float:none; /*bottom:50px; */bottom:115px; text-align:center;}
.galleryStub .slider-text {bottom:86px; text-align:left; margin-left:5%;}
#slidecaption {position:relative; overflow:hidden; color:white; /*font:55px "Josefin Sans", Helvetica, Arial, sans-serif;*/ font:55px Arial, sans-serif; font-weight:600; letter-spacing:-0.03em; padding:2px 0px; text-transform:uppercase; /*text-shadow:0px 4px 15px rgba(0, 0, 0, 0.4); */text-shadow:1px 1px 2px rgba(0, 0, 0, 1);}
.galleryStub #slidecaption {font-size:12px;}
.slidedescription, .slideLocation {font-size:18px; letter-spacing:0em; line-height:1.2; margin:15px auto 0; padding:10px 0; border-top:1px solid rgba(255, 255, 255, 0.38); border-bottom:1px solid rgba(255, 255, 255, 0.38); width:80%;}
.slideLocation {font-size:18px; line-height:1.2; margin-top:0px; padding:10px 0;}
.slideLocation .locationLink {vertical-align:middle;}
#prevslide, #nextslide {width:60px; height:60px; display:block; position:absolute; top:50%; margin-top:-30px; cursor:pointer; text-indent:-999em; border-radius:50%; border:solid 2px #ffffff3b; opacity:0.4; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
#prevslide {left:6px; background:#000000 url(../img/supersized/arrow_left.png) center center no-repeat; background-color:rgba(0,0,0,0.94);}
#nextslide {right:6px; background:#000000 url(../img/supersized/arrow_right.png) center center no-repeat; background-color:rgba(0,0,0,0.94);}
#prevslide:hover, #nextslide:hover {opacity:1; border-color:#111;}

.galleryStub #prevslide {left:5%;}
.galleryStub #nextslide {right:5%;}

#prevslide:hover, #nextslide:hover {cursor:pointer;}
#controls-wrapper {margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:4; background:url(../img/supersized/nav-bg.png) repeat-x; position:fixed;}
#controls {overflow:hidden; height:100%; position:relative; text-align:left; z-index:5;}
#slidecounter {float:left; color:#999; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px;}
#navigation {float:right; margin:0px 20px 0 0;}
#play-button {float:left; margin-top:1px; border-right:1px solid #333; background:url('../img/supersized/bg-hover.png') repeat-x 0 44px;}
#play-button:hover {background-position:0 1px; cursor:pointer;}
ul#slide-list {padding:15px 0; float:left; position:absolute; left:50%;}
ul#slide-list li {list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0;}
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover {background-position:0 0px;}
ul#slide-list li a {display:block; width:12px; height:12px; /*background:url('../img/supersized/nav-dot.html') no-repeat 0 -24px; */}
ul#slide-list li a:hover {background-position:0 -12px; cursor:pointer;}
#tray-button {float:right; margin-top:1px; border-left:1px solid #333; background:url('../img/supersized/bg-hover.png') repeat-x 0 44px;}
#tray-button:hover {background-position:0 1px; cursor:pointer;}
/* Progress Bar----------------------------*/					
#progress-back {z-index:5; position:fixed; bottom:54px; left:0; height:8px; width:100%; background:url('../img/supersized/progress-back.png') repeat-x;}
#progress-bar {position:relative; height:2px; width:100%; background:url('../img/supersized/progress-bar.png') repeat-x;}

/* Thumbnail Navigation----------------------------*/	
#nextthumb, #prevthumb {z-index:2; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000;}
#nextthumb {right:12px;}
#prevthumb {left:12px;}
#nextthumb img, #prevthumb img {width:150px; height:auto;}
#nextthumb:active, #prevthumb:active {bottom:59px;}
#nextthumb:hover, #prevthumb:hover {cursor:pointer;}
/* Thumbnail Tray----------------------------*/			
#thumb-tray {/*position:fixed; */position:relative; z-index:3; bottom:0; left:0; background:url(../img/supersized/bg-black.png); /*height:150px; */width:100%; overflow:hidden; text-align:center; -moz-box-shadow:0px 0px 4px #000; -webkit-box-shadow:0px 0px 4px #000; box-shadow:0px 0px 4px #000;}
.galleryStub #thumb-tray {position:fixed; height:81px; opacity:.7; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
	.galleryStub #thumb-tray:hover {opacity:1;}
#thumb-back, #thumb-forward {position:absolute; z-index:5; bottom:12px; height:108px; width:40px;}
#thumb-back {left:0; background:url('../img/supersized/thumb-back.png') no-repeat center center;}
#thumb-forward {right:0; background:url('../img/supersized/thumb-forward.png') no-repeat center center;}
#thumb-back:hover, #thumb-forward:hover {cursor:pointer; background-color:rgba(256,256,256, 0.1);}
#thumb-back:hover {border-right:1px solid rgba(256,256,256, 0.2);}
#thumb-forward:hover {border-left:1px solid rgba(256,256,256, 0.2);}
ul#thumb-list {display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px;}
ul#thumb-list li {background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0;}
ul#thumb-list li img {/*width:200px; height:auto; */opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;}
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img {opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);}
ul#thumb-list li:hover {cursor:pointer;}

@media only screen and (max-width:991px) {
	.slider-text {bottom:60px;}
	#slidecaption {font-size:40px; line-height:46px;}
	.slideLocation {font-size:14px;}
	.slideLocation .locationLink {/*vertical-align:bottom;*/}
}

@media only screen and (max-width:767px) {
	#prevslide, #nextslide {width:30px; height:30px; background-size:30px 30px;}
	#prevslide {left:12px;}
	#nextslide {right:12px;}
}

@media only screen and (max-width:479px) {
	.slideLocation .locationLink {display:none;}
	#slidecaption {padding:2px 10px;}
}