.slideshow {position:relative; margin-bottom: 20px;}

.slideshow img {
	height: auto !important;
	max-width: 100%;}
    
.slideshow .slides {
	position: relative;
	width: 100%;
	z-index: 16;}
    
.slideshow .slide {
	display: none;
	position: relative;
	z-index: 10;}

.slideshow .slide:first-child {
	display: block;}
    
.slideshow .slide.active {
	z-index: 15;}
    
.slideImage .imageBG {
	background-color:#fff;
	background-size:100% auto;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	height: 100%;
	left: 0;
	position: absolute;
	text-indent: -9999em;
	top: 0;
	width: 100%;}

.slideContent {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px;
	font-family: 'Open Sans', sans-serif;}

.slideContent .title {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	color: #fff;
	font-size: 24px;
	line-height: 1.2;
	margin: 0 0 0.38em;
	border-bottom:none;}
	
.slideContent .description {
	font-family: 'Merriweather', serif;
	font-size: 13px;
	line-height: 1.35;
	margin-bottom: 1.1em;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    
.slideContent .description a {
	color: #433D38;
	font-weight: bold;}
	
.slideContent .description a:hover, .slideContent .description a:focus {
    	color: #339933;}

.slideshow .controls {
	bottom: 0px;
	right: 0px;
	position: absolute;
	z-index: 18;}
	
.slideshow .disabled {
    opacity: 0.1;
    filter: alpha(opacity=10); 
}
	
.slideshow .controls a {
	background:#f7f7f7;
	display:block;
	height: 45px;
	position: relative;
	width: 45px;
	border:1px solid #e2dfda;
	text-decoration:none;}
	
.slideshow .controls a:after {
	transition: min-height 0.3s ease-out 0s;}

.slideshow .controls a:hover, .slideshow .controls a:focus {
	background: none repeat scroll 0 0 #339933;}
	
.slideshow .controls a:first-child {border-bottom:0;}
.slideshow .controls a:last-child {border-top:none;}

.slideshow .controls .prev:after {
	content:'\2b';
	font-family: 'Basic-Icons';
	position: absolute;
	right:7px;
	top: 13px;
	font-size:2em;
	font-weight:bold;
	line-height:20px;}

.slideshow .controls .next:after {
	content:'\35';
	font-family: 'Basic-Icons';
	position: absolute;
	right:7px;
	top: 13px;
	font-size:2em;
	font-weight:bold;
	line-height:20px;}

.slideshow .controls a:hover, .slideshow .controls a:focus {
    	background:#eeeeee;}

.slideshow .controls a.pp {
	background:#f7f7f7 url(/Includes/Site/images/play-pause.png) no-repeat;}

.slideshow .controls a.pp.pause {background-position:0 -45px;}

.slide {outline:none;}

/* ## 16px baseline (768px) m = medium ## */
@media only screen and (max-width: 47.99em) {
	.slideshow .slide {
		background:#231f20;
		color:#fff;}
		
	.slideshow .slide.active {
		display: block;	}
		
	.slideshow .slide.inactive {
		display: none;}
		
	.slideImage {
		display: block !important;
		position: relative;}
		
	.slideshow .slideImage {
		height: 0;
		padding: 36%;}
		
	.slideContent {
		display: block !important;}
		
	.active .slideImage {
		animation: 1s ease 0s normal none 1 fadeIn;}
		
	.active .slideContent {
		animation: 2s ease 0s normal none 1 fadeIn;}
		
	.inactive .slideImage {
		animation: 1s ease 0s normal none 1 fadeOut;}
	
	.inactive .slideContent {
		animation: 2s ease 0s normal none 1 fadeOut;}
}

/* ## 16px baseline (768px) m = medium ## */
@media screen and (min-width: 48em) {
	.slideshow {height: 460px;}
		
	.slideshow .slide {
		display: block;
		height: 460px;
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 100%;}
		
	.slideImage {
		display: none;
		height: 100%;
		position: absolute;
		width: 100%;
		z-index: 1;}
		
	.slide:first-child .slideImage {
		display: block;}

	.slideContent {
		display: none;}

	.slide:first-child .slideContent {
		display: block;}

	.slideshow .slideContent  {
		left: 0;
		bottom: 0;
		padding: 20px;
		position: absolute;
		width: 100%;
		z-index: 2;
		background:#231f20;
		color:#fff;
		display:none;}
}

/* ## 16px baseline (768px - 959px) m = medium ## */
@media only screen and (min-width:48em) and (max-width:59.938em){
	
}

/* ##  MAIN SLIDESHOW  ## */

.imageSlideshow .slideContent .description a {
	color:#fff;
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-weight: 900;
	font-sizE:13px;
	text-decoration:none;}

.imageSlideshow .slideContent .description a:after {
	content:'\35';
	font-family: 'Basic-Icons';
	font-size:11px;
	margin-lefT:2px;}

.imageSlideshow .slideshow .slideContent {padding:19px 50px 19px 20px;}

/* ##  ARTICLES SLIDESHOW  ## */

.articlesSlideshow .slideshow {padding-bottom:30px;}

.articlesSlideshow .slideshow .slide {
	background:#fff;
	color:#231F20;}

.articlesSlideshow .slideshow .controls a {
	background:#fff;
	display:inline-block;
	height:25px;
	width:25px;
	border:none;
	margin-left:10px;}


.articlesSlideshow .slideshow .controls .prev:after {
 	font-size:1.5em;
 	transform:rotate(90deg);
 	-ms-transform:rotate(90deg);
 	-webkit-transform:rotate(90deg);}

.articlesSlideshow .slideshow .controls .next:after {
	font-size:1.5em;
 	transform:rotate(90deg);
 	-ms-transform:rotate(90deg);
 	-webkit-transform:rotate(90deg);}

.articlesSlideshow .slideshow .controls a:hover,
.articlesSlideshow .slideshow .controls a:focus {color:#000;}

.articlesSlideshow .slideshow .slideContent  {padding:0px;}

@media screen and (min-width: 40em) {

	.articlesSlideshow .slideshow {height: 200px;}
	.articlesSlideshow .slideshow .slide {height:200px;}
	.articlesSlideshow .slideshow .slideContent  {
		top: 0;
		padding:0px;
		width:100%;
		background:#fff;
		color:#231F20;}
}


@media print {
    .slideshow .controls {display:none;}
}