/*
|-----------------------------------------------------------------------------------------------------------
| HOMEPAGE SLIDESHOW SECTION
|-----------------------------------------------------------------------------------------------------------
*/

.header-slideshow {
	position:relative;
	top:0px;
	width:100%;
	height:auto;
	margin:0px auto;
}
.header-slideshow .slidecont {
	position:relative;	
}

.header-slideshow .slidecont,
.header-slideshow .slidecont img {
	width: 100%;
	height: auto;
}
.header-slideshow .slick-slide {
	position: relative;
	padding-bottom: 0;
}

.header-slideshow .slide-caption {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.header-slideshow .slide-caption img {
	margin: 0px auto;
}
.header-slides .arrow-cont { z-index: 99; }
.header-slideshow .slick-prev,
.header-slideshow .slick-next {
	background-color: transparent;
	background-position: 0 2px;
	border: medium none;
	height: 40px;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	z-index: 100;
	cursor: pointer;
}
.header-slideshow .slick-prev {
	left: -3px;
}
.header-slideshow .slick-next {
	right: -4px
}


.header-slides .slick-prev img,
.header-slides .slick-next img {
	display:none;
}
.header-slides .slick-prev {
	background-image:url(../png/arrow-left.png);
}
.header-slides .slick-next {
	background-image:url(../png/arrow-right.png);
}
.header-slideshow .slide-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: rgba(16, 32, 34, 0.9);
	width: auto;    
	padding: 13px 30px 9px 39px;    
	text-align: left;
	z-index: 9;
}

.header-slideshow .slide-caption .title {
	font-family: 'ShadowsIntoLightW00-Reg', cursive;
	color: #fff;
	font-size: 35px;
	text-transform: none;
	transition: all 0.5s ease 0s;
}
.header-slideshow .slide-caption .subtitle {
	font-family: 'Architects Daughter', cursive;
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
	transition: all 0.5s ease 0s;
	line-height: 15px;
}

.header-slideshow .slide-caption:hover .title,
.header-slideshow .slide-caption:hover .subtitle {
	color: #ffda27;
}

/*
|-----------------------------------------------------------------------------------------------------------
| INTERIOR SLIDESHOW SECTION
|-----------------------------------------------------------------------------------------------------------
*/

@media only screen and (max-width: 40em) {	
	.header-slideshow .slidecont, .header-slideshow .slidecont img {
    top: 0px;
}
	.header-slideshow .slide-caption { position:relative; }
	.header-slideshow .slide-caption .title {font-size: 24px; line-height: 21px; padding-bottom: 3px; margin-bottom: 3px;}
	.header-slideshow .slide-caption .subtitle {font-size: 16px; margin-bottom: 5px; line-height: 18px;}
	.header-slideshow .slide-caption .desc {display: none;}
	.header-slideshow .slide-caption .more {
		background: transparent url('../slideshow-more-arrow.html') no-repeat center center;
		width: 15px;
		height: 15px;
		margin: 0 auto;
		text-indent: -9999px;
	}
	.header-slides .arrow-cont {
		bottom: 15px;
		margin-left: -118px;
	}
	
	.header-slideshow .slide-caption { background-color: #222; }
	.header-slideshow .slide-caption .title,
	.header-slideshow .slide-caption .subtitle { text-align: center; }
	.header-slideshow .slide-caption .title {}
	.header-slideshow .slide-caption .subtitle { font-size: 12px; }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.header-slideshow {}
}
@media only screen and (min-width: 64.063em) {	
	.header-slideshow {top: 0;}
	.slidecont {
		position:relative;
	}
	.slidecont,
	.slidecont img {
		width:100vw;
		height:100vh
	}
	.slidecont .gradient {display: block;}
	.header-slideshow ul.slick-dots li {
		display:inline-block;
		position: relative;
		top: 100px;
	}
}
.slick-prev:before{
	display: none;
}
.header-slideshow .slick-prev:hover, .header-slideshow  .slick-prev:focus, .header-slideshow  .slick-next:hover, .header-slideshow  .slick-next:focus{
	background-image: url(../png/arrow-left.png);
}
.header-slideshow .slick-next:before{
	display: none;
}
.header-slideshow .slick-next:hover, .header-slideshow  .slick-prev:focus, .header-slideshow  .slick-next:hover, .header-slideshow  .slick-next:focus{
	background-image: url(../png/arrow-right.png);
}
.header-slideshow i.videolink.fa.fa-play-circle.fa-5x {
	font-size: 5em;
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 999;
	left: 50%;
	top: 50%;
	color: rgba(255,255,255,.5);
}
@media only screen and (max-width: 1194px ) {	
	.header-slideshow .slick-prev, .header-slideshow .slick-next {
		top:34%;
	}
}
@media only screen and (max-width: 1024px ) {	
	.header-slideshow .slick-prev, .header-slideshow .slick-next {
		top:50%;
	}
}
.header-slideshow {
   visibility: hidden;
}

/* adjustments for header */
.header-section { height: 0; }
@media only screen and (max-width: 100em) {
	.header-section { height: 34px; }
}
@media only screen and (max-width: 80em) {
	.header-section { height: 59px; }
}
@media only screen and (max-width: 64em) {
	.header-section { height: 43px; } 
}
@media only screen and (max-width: 40em) {
	.header-section { height: 20vw; } 
}
@media only screen and (max-width: 30em) {
	.header-section { height: 22vw; } 
}