/*
	Theme Name: The Hershey Museum
	Description: Slider Styles
	Author: Spencer
	Template: twenty-fourteen
 
*/
	
.iosSliderWrapper{display:none; }

.sliderContainer .slideSelectors .prev { display:none; }

.sliderContainer .slideSelectors .next { display:none; }
	
@media (min-width: 620px) {
	.iosSliderWrapper{ display: block; clear: both; width: 100%; padding: 0 0 290px; /*margin: 0 0 -40px 0;*/ margin: 0; position: relative;}
}

@media (min-width: 1200px) {
	.iosSliderWrapper{ display: block; clear: both; width: 100%; padding: 0 0 440px; /*margin: 0 0 -40px 0;*/ margin: 0; position: relative;}
}

.fluidHeight { position: absolute; width: 100%; height: 410px; padding: 0px; background: #fff; }

.sliderContainer { height: 100%; max-height: 416px; padding: 0 0; }

.iosSlider { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; }

.iosSlider .slider { width: 100%; height: 100%; }

.iosSlider .slider .item { width: 1036px; height: 100%; padding: 0 0 0 0; text-align: center; }

.iosSlider .slider .item .inner { position: relative; top: 0; left: 0; width: 100%; margin: 0 auto; height: 100%; box-shadow: 0 0 10px -5px #000; background-position: 50% 0; background-repeat: no-repeat; background-color:#111; }

.iosSlider .slider .item .inner img { position: relative; top: 0; left: 0; width: 100%; margin: 0 auto; opacity: 0.30; }

.iosSlider .slider .item .inner .selectorShadow { position: absolute; left: 0; bottom: 0; background: url('/wp-content/themes/the-hershey-museum/images/selector-shadow.png') no-repeat 0 0; width: 120px; height: 30px; display: none;}

.iosSlider .slider .item .inner .text1 { background: none repeat scroll 0 0 #000000; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 100px; top: 30px; padding: 0 2px 0 7px; height: 75px; text-align: left;}

.iosSlider .slider .item .inner .text1 span { color: #fff; font-size: 420%; font-weight: 100; line-height: 76px; padding: 0 8px; }

.iosSlider .slider .item .inner .text1 span i { margin: 0 0 0 5px; }

.iosSlider .slider .item .inner .text2 { background: none repeat scroll 0 0 #000000; opacity: 0; filter: alpha(opacity=0); padding: 10px 7px 7px; position: absolute; left: 100px; top: 115px; text-align: left; }

.iosSlider .slider .item .inner .text2 span { display: block; color: #fff; font-size: 120%; line-height: 120%; font-weight: 100; padding: 0 8px; }

.sliderContainer .slideSelectors { position: relative; width: 100%; margin: -30px auto 0; z-index: 1; height: 11px; text-align:center; max-width:1036px; }

.sliderContainer .slideSelectors .prev { position:absolute; left:2%; top:-200px; width: 14px; height: 25px; background: url('/wp-content/themes/the-hershey-museum/images/selector-prev.png') no-repeat 50% 0; }

.sliderContainer .slideSelectors .next { position:absolute; right:2%; top:-200px; width: 14px; height: 25px; background: url('/wp-content/themes/the-hershey-museum/images/selector-next.png') no-repeat 50% 0; }

@media (min-width: 1200px) {
	.sliderContainer .slideSelectors .prev { display:block; }
	.sliderContainer .slideSelectors .next { display:block; }
}

.sliderContainer .slideSelectors .item { display:inline-block; width: 9px; height: 9px; background: #aaa; margin: 1px 1px 1px 11px; /* opacity: 0.25; */ filter: alpha(opacity=25); border-radius: 10px; }

.sliderContainer .slideSelectors .item.first { margin-left: 1px; }

.sliderContainer .slideSelectors .selected { width: 11px; height: 11px; margin: 0 0 0 10px; background: #eee; opacity: 1; filter: alpha(opacity=100); box-shadow: none; }

.sliderContainer .slideSelectors .selected.first { margin-left: 0; }

.sliderContainer .scrollbarContainer { position: relative; bottom: 4px; left: 0; width: 1024px;	height: 4px; margin: 0 auto; z-index: 1; }

.iosSlider .slider .item.current .inner img { opacity: 1; }


@media screen and (max-width: 1200px) {
	.iosSliderWrapper{ padding: 0 0 410px; }
	.iosSliderDemo { padding-bottom: 424px;	}
	.fluidHeight { height: 378px; }
	.iosSlider .slider .item { width: 100%;	}
	.iosSlider .slider .item .inner { width: 954px;	}
	.sliderContainer .slideSelectors {}
}	

@media screen and (max-width: 860px) {
	
	.iosSliderWrapper{ padding: 0 0 290px; }
	.iosSliderDemo { padding-bottom: 424px;	}
	.fluidHeight { height: 313px; }
	.iosSlider .slider .item { width: 100%;	}
	.iosSlider .slider .item .inner { width: 790px;	}
	.sliderContainer .slideSelectors {}
}