@charset "UTF-8";
/* Main DIV that holds the entire slideShow (one per slideShow) */
.slideShowHolder{ 
	width:100%;
	height:100%;
	position:absolute;
	background:black;
}
#carousel3Div .slideShowHolder{ 
	width:100%;
	height:100%;
	position:absolute;
	background: #f5f5f5;
}
/* 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;
}
@media (max-width: 460px) {
#carousel1Div .coverSlideDiv{
	position:absolute;
	bottom:5rem;
	left: 1rem;
	font-family: 'Minion W08 Caption', 'Minion Pro', 'Minion', serif;
	font-style:normal;
	line-height:3rem;
	width:80%;
}
#carousel2Div .coverSlideDiv{
	position:absolute;
	bottom:5rem;
	left: 1rem;
	font-family: 'Minion W08 Caption', 'Minion Pro', 'Minion', serif;
	font-style:normal;
	line-height:3rem;
	width:80%;
}
}
@media (min-width: 461px) {
#carousel1Div .coverSlideDiv{
	position:absolute;
	bottom:5rem;
	left: 5rem;
	font-family: 'Minion W08 Caption', 'Minion Pro', 'Minion', serif;
	font-style:normal;
	line-height:3rem;
	width:47%;
}
#carousel2Div .coverSlideDiv{
	position:absolute;
	bottom:5rem;
	left: 5rem;
	font-family: 'Minion W08 Caption', 'Minion Pro', 'Minion', serif;
	font-style:normal;
	line-height:3rem;
	width:47%;
}
}
.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:4.5rem;
	color:white;
	margin-bottom: 0rem;
	line-height:4.7rem;
}
.coverDek{
	font-size:2rem;
	color:white;
	margin-bottom: 0rem;
	line-height:2.4rem;
}
.coverCredits{
	font-size:1.1rem;
	color:white;
}
.photocredit {
	color: rgb(137, 138, 141); 
	text-transform:uppercase; 
	font-style:italic; 
	font-size:1.3rem; 
	padding-left:10px
}
}
@media (min-width: 701px) and (max-width: 1100px){
.coverHed{
	font-size:5.2rem;
	color:white;
	margin-bottom: 1rem;
	line-height:5.2rem;
}
.coverDek{
	font-size:2.4rem;
	color:white;
	margin-bottom: 1rem;
	line-height:2.8rem;
}
.coverCredits{
	font-size:1.3rem;
	color:white;
}
.photocredit {
	color: rgb(137, 138, 141); 
	text-transform:uppercase; 
	font-style:italic; 
	font-size:1.4rem; 
	padding-left:10px
}
}
@media (min-width: 1101px) {
.coverHed{
	font-size:6.2rem;
	color:white;
	margin-bottom: 1rem;
	line-height:6.2rem;
}
.coverDek{
	font-size:2.4rem;
	color:white;
	margin-bottom: 1rem;
	line-height:2.8rem;
}
.coverCredits{
	font-size:1.5rem;
	color:white;
}

.photocredit {
	color: rgb(137, 138, 141); 
	text-transform:uppercase; 
	font-style:italic; 
	font-size:1.4rem; 
	padding-left:10px
}
}
/* 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;
}
#carousel3Div .captionBarHolder{
	position:absolute;
	width:100%;
	height:25%;
	bottom:0%;
	background-color:#f5f5f5;
	z-index:100;
}
@media (max-width: 700px) {
.captionText{
	font-size: 1.7rem;
	line-height: 2.0rem;
	color: white;
	text-align: center;
	margin-top: 4.0rem;
	margin-left: 2rem;
	margin-right: 2rem;
	margin-bottom: 6rem;
	font-family: "Minion W08";
	font-style:italic;
}
#carousel1Div .captionText{
	text-align: left;
}
}
@media (min-width: 701px) and (max-width: 1100px){
.captionText{
	font-size: 2.0rem;
	line-height: 2.0rem;
	color: white;
	text-align: center;
	margin-top: 1.0rem;
	margin-left: 10rem;
	margin-right: 10rem;
	margin-bottom: 6rem;
	font-family: "Minion W08";
	font-style:italic;
}
#carousel1Div .captionText{
	text-align: left;
}
}
@media (min-width: 1101px){
.captionText{
	font-size: 2.0rem;
	line-height: 2.0rem;
	color: white;
	text-align: center;
	margin-top: 1.0rem;
	margin-left: 20rem;
	margin-right: 20rem;
	margin-bottom: 6rem;
	font-family: "Minion W08";
	font-style:italic;
}
#carousel1Div .captionText{
	text-align: left;
}
}
#carousel3Div .captionText{
	font-size: 1.7rem;
	line-height: 2.6rem;
	color: black;
	text-align: left;
	margin-top: 0rem;
	margin-left: 0rem;
	margin-right: 0rem;
	margin-bottom: 4rem;
	font-family: "Minion W08";
	font-style:italic;
}



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

#carousel3Div .arrowLeft{
	position:absolute;
	width:94px;
	height:100%;
	left:4rem;
}
#carousel3Div .arrowRight{
	position:absolute;
	width:94px;
	height:100%;
	right:4rem;
}
}
@media (min-width: 736px){
/* 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:4rem;
	cursor: pointer;
}
.arrowRight{
	position:absolute;
	width:94px;
	height:100%;
	right:4rem;
	cursor: pointer;
}

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


.closeBtn{
	position:absolute;
	right:2rem;
	top:2rem;
	width:30px;
	height:30px;
}
.openBtn{
	position:absolute;
	right:2rem;
	bottom:2rem;
	
}
/* One per slide */
.pageCount{
	font-size: 1.2rem;
	color: white;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	bottom:1.7rem;
	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   */