@charset "UTF-8";
/* Main DIV that holds the entire slideShow (one per slideShow) */
.slideShowHolder{ 
	width:100%;
	height:100%;
	position:absolute;
}
#slideShow1Div .slideShowHolder{ 
	width:100%;
	height:100%;
	position:absolute;
}
/* 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;
    background:black;
}
.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: 0px;
	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%;
	z-index:100;
}
@media (max-width: 700px) {
.captionText{
	font-size: 17px;
	line-height: 20px;
	color: white;
	text-align: center;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 60px;
	font-family: "Minion W08";
	font-style:italic;
}

}
@media (min-width: 701px) and (max-width: 1100px){
.captionText{
	font-size: 20px;
	line-height: 20px;
	color: white;
	text-align: center;
	margin-top: 10px;
	margin-left: 100px;
	margin-right: 100px;
	margin-bottom: 60px;
	font-family: "Minion W08";
	font-style:italic;
}

}


@media (max-width: 735px){
    #slideShow1Div .arrowHolder{
        width:60%;
        height:4.5%;
        position:absolute;
        z-index:2000;
        bottom:17px;
    }
    #slideShow1Div .arrowLeft{
        position:absolute;
        width:auto;
        height:100%;
        z-index:2000;
        left:20px;
    }
    #slideShow1Div .arrowRight{
        position:absolute;
        width:auto;
        height:100%;
        z-index:2001;
        left:140px;
    }
    .pageCount{
        font-size: 12px;
        color: white;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 3px;
        bottom:.8em;
        position:absolute;
        left:65px;
        pointer-events:none;
    }
    .closeBtn{
        position:absolute;
        right:20px;
        bottom:-3px;
        cursor:pointer;
    }
    .openBtn{
        position:absolute;
        right:20px;
        bottom:-3px;
        cursor:pointer;
    }
    
    
}
@media (min-width: 736px){
/* On top of slidesHolder - holds the arrows and anything else that needs to be on top of slideShow   */
    #slideShow1Div .arrowHolder{
        width:100%;
        /*height:14%;*/
        /*position:absolute;*/
        z-index:2000;
        margin-top:25%;
    }
    #slideShow1Div .arrowLeft{
        position:absolute;
        width:auto;
        height:14%;
        left:20px;
        z-index:2000;
        cursor: pointer;
    }
    #slideShow1Div .arrowRight{
        position:absolute;
        width:auto;
        height:14%;
        right:20px;
        z-index:2001;
        cursor: pointer;
    }
    .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;
        pointer-events:none;
    }
    .closeBtn{
        position:absolute;
        right:20px;
        bottom:-3px;
        cursor:pointer;
    }
    .openBtn{
        position:absolute;
        right:20px;
        bottom:-3px;
        cursor:pointer;

    }
    
}
@media (min-width: 1101px){
    .captionText{
        font-size: 20px;
        line-height: 20px;
        color: white;
        text-align: center;
        margin-top: 10px;
        margin-left: 200px;
        margin-right: 200px;
        margin-bottom: 60px;
        font-family: "Minion W08";
        font-style:italic;
    }
}
.openCloselabel{
    color:white;
    font-family: "Minion W08";
    font-size: 14px;
    font-style:italic;
    display:inline-block;
    padding-right:10px;
    position:relative;
    bottom:12px;
}
.captionArrow{
    -ms-transform: scale(.75); /* IE 9 */
	-webkit-transform: scale(.75); /* Chrome, Safari, Opera */
	transform: scale(.75);
}

/* One per slide */

/* On top of slidesHolder - holds the arrows and anything else that needs to be on top of slideShow   */