@charset "UTF-8";
/* Main DIV that holds the entire slideShow (one per slideShow) */
.slideShowHolder{ 
	width:100%;
	height:100%;
	position:absolute;
	background:black;
}
#slideShow1Div .slideShowHolder{ 
	width:100%;
	height:100%;
	position:absolute;
	background: #f3f3f3;
}
/* DIV that holds all of the actual slides (there's one slidesHolder per slideShow) */
.slidesHolder{
	width:100%;
	height:100%;
	position:absolute;
	z-index:1000;
	overflow:hidden;
	margin:auto;
	left:0;
	right:0;
}
/* Div that holds each slide and its caption (one for each slide)  */
.slideHolder{
	width:100%;
	height:100%;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	overflow:hidden;
}
.imageHolder{
	width:100%;
	height:100%;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	overflow:hidden;
}

.coverHed{
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
}
.coverDek{
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
}
.coverCredits{
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
}
@media (max-width: 700px) {
.coverHed{
	font-size:45px;
	color:white;
	margin-bottom: 00px;
	line-height:47px;
}
.coverDek{
	font-size:20px;
	color:white;
	margin-bottom: 0px;
	line-height:24px;
}
.coverCredits{
	font-size:11px;
	color:white;
}
.ss-photocredit {
	color: rgb(137, 138, 141); 
	text-transform:uppercase; 
	font-style:normal;
	font-size:13px; 
    line-height:15px;

}
}
@media (min-width: 701px) and (max-width: 1100px){
.coverHed{
	font-size:52px;
	color:white;
	margin-bottom: 10px;
	line-height:52px;
}
.coverDek{
	font-size:24px;
	color:white;
	margin-bottom: 10px;
	line-height:28px;
}
.coverCredits{
	font-size:13px;
	color:white;
}
.ss-photocredit {
	color: rgb(137, 138, 141); 
	text-transform:uppercase; 
	font-style:normal; 
	font-size:14px;
    line-height:15px;
}
}
@media (min-width: 1101px) {
.coverHed{
	font-size:62px;
	color:white;
	margin-bottom: 10px;
	line-height:62px;
}
.coverDek{
	font-size:24px;
	color:white;
	margin-bottom: 10px;
	line-height:28px;
}
.coverCredits{
	font-size:15px;
	color:white;
}

.ss-photocredit {
	color: rgb(137, 138, 141); 
	text-transform:uppercase; 
	font-style:normal; 
	font-size:14px;
    line-height:15px;
}
}
/* ALL OF THE WAYS IMAGES CAN CROP */
.centered{
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.keep-centered-crop-top{
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	bottom:0;
}
.keep-centered-crop-btm{
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
}
.keep-centered-crop-left{
	position:absolute;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
}
.keep-centered-crop-right{
	position:absolute;
	margin:auto;
	left:0;
	bottom:0;
	top:0;
}
.crop-left-top{
	position:absolute;
	right:0;
	bottom:0;
}
.crop-left-btm{
	position:absolute;
	right:0;
	top:0;
}
.crop-right-top{
	position:absolute;
	left:0;
	bottom:0;
}
.crop-right-btm{
	position:absolute;
	left:0;
	top:0;
}
/* END - WAYS IMAGES CAN CROP */

/* Div that holds the captionBar for a slide (one per slide) */
.captionBarHolder{
	position:absolute;
	width:100%;
	height:25%;
	bottom:0%;
	background-color:rgba(0,0,0,.6);
	z-index:100;
}
#slideShow1Div .captionBarHolder{
	position:absolute;
	width:100%;
	height:25%;
	bottom:0%;
	background-color:#f3f3f3;
	z-index:100;
}
@media (max-width: 770px) {
.captionText{
	font-size: 17px;
	line-height: 20px;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
	font-family: "Minion W08";
	font-style:italic;
}
#carousel1Div .captionText{
	text-align: left;
}
}
@media (min-width: 771px) and (max-width: 1100px){
.captionText{
	font-size: 17px;
	line-height: 20px;
	text-align: left;
	margin-top: 10px;
	font-family: "Minion W08";
	font-style:italic;
}
#carousel1Div .captionText{
	text-align: left;
}
}
@media (min-width: 1101px){
.captionText{
	font-size: 17px;
	line-height: 20px;
	text-align: left;
	margin-top: 10px;
	font-family: "Minion W08";
	font-style:italic;
}
#carousel1Div .captionText{
	text-align: left;
}
}

/*#slideShow1Div .captionText{
	font-size: 17px;
	line-height: 26px;
	color: black;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	font-family: "Minion W08";
	font-style:italic;
}*/



@media (max-width: 900px){
.arrowHolder{
	width:100%;
	height:6.5%;
	position:absolute;
	z-index:2000;
	bottom:2%;
}
.arrowLeft{
	position:absolute;
	width:94px;
	height:100%;
	left:40px;
}
.arrowRight{
	position:absolute;
	width:94px;
	height:100%;
	right:40px;
}

#slideShow1Div .arrowLeft{
	position:absolute;
	width:94px;
	height:100%;
	left:40px;
}
#slideShow1Div .arrowRight{
	position:absolute;
	width:94px;
	height:100%;
	right:40px;
}
}
@media (min-width: 901px){
/* On top of slidesHolder - holds the arrows and anything else that needs to be on top of slideShow   */
.arrowHolder{
	width:100%;
	height:14%;
	position:absolute;
	z-index:2000;
	bottom:55%;
}
.arrowLeft{
	position:absolute;
	width:94px;
	height:100%;
	left:40px;
	cursor: pointer;
}
.arrowRight{
	position:absolute;
	width:94px;
	height:100%;
	right:40px;
	cursor: pointer;
}

#slideShow1Div .arrowLeft{
	position:absolute;
	width:94px;
	height:100%;
	left:-80px;
	cursor: pointer;
}
#slideShow1Div .arrowRight{
	position:absolute;
	width:94px;
	height:100%;
	right:-80px;
	cursor: pointer;
}
}


.closeBtn{
	position:absolute;
	right:20px;
	top:20px;
	width:30px;
	height:30px;
}
.openBtn{
	position:absolute;
	right:20px;
	bottom:20px;
	
}
/* One per slide */
.pageCount{
	font-size: 12px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	bottom:17px;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
}
/* On top of slidesHolder - holds the arrows and anything else that needs to be on top of slideShow   */