/* -- SLIDESHOW --*/

.home #slideshow {
    position:			relative;
    display:			block;
	
    margin:				0 0 2% 0;
    padding:			0;
	
	width:				100%;
	
	overflow: 			hidden;
}

.home #slideshow:before {
	display: 			block;
	content:			' ';
	float:				left;
	
	width:				1px;
	
	margin:				0;
	padding:			0;
	
	transition: 		all 0.5s ease-in-out;	
}

.loaded.home #slideshow:before {
	padding:			35% 0 0 0;
}

.home #slideshow:after {
	display: 			block;
	content:			' ';
	clear:				both;
	
	width:				1px;
	width:				0;
	
	margin:				0;
	padding:			0;
}

.home #slideshow .slides {
	position:			absolute ;
	top:				0;
	left:				0;
	z-index: 			9;
	
	width:				100%;
	height:				100%;
	
	overflow: 			hidden;
}

.home #slideshow .sscontrols {
	color:				 var(--mm_white);
}

.home #slideshow .slide {
    position:			absolute;
	top:				0;
	left:				0;
	z-index: 			9;
    display:			flex !important;
	
    margin:				0;
    padding:			0;
	
	width:				100%;
	height: 			100%;

	justify-content: flex-end;
}

.home #slideshow .slide h3 {
	position: 			relative;
	z-index: 			14;
	
	flex:				0 1 66%;
	max-width:			66%; /* $#%$ing IE */	
	
	align-self:			center;
	
	max-width:			400px;
	
	margin:				0 80px 0 20px;
	padding:			20px;
	
	text-align: 		center;
	font-size: 			250%;
	color:				var(--mm_white);	

	pointer-events: 	none;	
	
	text-shadow: 		0 0 20px rgba(0,0,0,0.75);
}

.home #slideshow .slide h3 span {
	display: 			block;
	font-weight: 		400;
	font-size: 			80%;
	
	line-height: 		120%;	
}

.home #slideshow .slide h3:after {
	display:			block;
	
	content:			'MORE';
	
	margin:				20px auto 0 auto;
	padding:			10px 0;
	
	width:				160px;
	
	color:				 var(--mm_white);
	text-align: 		center;
	
	font-size: 			50%;
	line-height: 		100%;
	cursor: 			pointer;
	pointer-events: 	none;
	
	border:				3px solid var(--mm_white);
	border-width:		3px;
	border-style:		solid;

	
	background-color:	rgba(0,0,0,0.2);
	box-shadow:			0 0 20px 0 rgba(0,0,0,0.75);
}

.home #slideshow .slide.nolink h3:after {
	display:			none;
}

.home #slideshow .slide a {
	display:			block;

	position:			absolute;
	top:				0;
	left:				0;
	z-index: 			12;	
	
	width:				100%;
	height:				100%;
		
	margin:				0;
	padding:			0;
	
	text-align:			left;
	text-indent:		-9999px;
	
	border:				none !important;
}

.home #slideshow .slide img {
	position:			absolute;
	top:				-9999px;
	left:				-9999px;
	bottom:				-9999px;
	right:				-9999px;
	z-index: 			11;

	margin:				auto;
	
	width:				100%;
	height:				auto;	
	
	pointer-events: 	none;
	
    transition:			all .2s ease-in-out;
}

/* -- SMALL SCREENS -- */

@media screen and (max-width: 1024px) {
	.home #slideshow .slide h3 {
		flex:				0 1 100%;
	}
	
	.home #slideshow .slide h3:after {
		display:			none;
	}
/*	
	.home #slideshow .slide img {
		width:				auto;
		height:				100% !important;
	}
*/
}

@media screen and (max-width: 767px) {
	.home #slideshow:before {
		padding:			60% 0 0 0 !important;
	}
	.home #slideshow .slide h3 {
		font-size: 200%;
	}

	.home #slideshow .slide img {
		width:				auto;
		height:				100% !important;
		max-width: none !important;
	}

}