/*
.mx-home-row1 {
	background-image: url('http://127.0.0.1/W/Mx/wp-content/uploads/2015/03/video-bg.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
*/

#wp-adminbar { /* just to not show wordpress admin panel */
	/*display: none !important;*/
}

#fp-nav { /* no section navigation dots on the right */
	display: none !important;
}


.scrollTop { /* hide button "to the top" on the home page*/
	display: none !important; 
}

/* In the wide screen / side panel mode, align the 3 boxes near the bottom of the page instead of the middle */
@media (min-width: 992px) { /* 768px */
	#main-wrapper .fp-tableCell {
		vertical-align: bottom;
	}
	#main-wrapper .fp-tableCell .container {
		margin-bottom: 64px;
	}	
}

@media (max-width: 767px) {
	#main-wrapper .fp-tableCell .container {
		/*margin-bottom: -40px;*/ /* remove space at the bottom */
	}
	
	.mx-home-row1, .mx-home-row1 .fp-tableCell {
		height: 100% !important;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.mx-home-row1 {
		margin-top: 32px;
		margin-bottom: 0 !important;
	}

	
}

/* Flowers behind boxes 1 and 3, in non-mobile mode */
@media (min-width:768px) {
	div.column_container:nth-of-type(3n+1) .mx-st-overbox:after {
		content:' ';
		position: absolute;
		z-index: -1;
		width:100%; height: 116.5%;
		right: -32%; bottom: 0;
		
		background-image: url('../images/darkflowrs1.png');
		background-size: contain;
		background-position: right center;
		background-repeat: no-repeat;
		
		/*opacity:0.5;*/
	}

	div.column_container:nth-of-type(3n+3) .mx-st-overbox:after {
		content:' ';
		position: absolute;
		z-index: -1;
		width:100%; height: 116.5%;
		left: -32%; bottom: 0;
		
		background-image: url('../images/darkflowrs2.png');
		background-size: contain;
		background-position: left center;
		background-repeat: no-repeat;
		
		/*opacity:0.5;*/
	}
	
}

#header-side/*, #middle-container, #header-side-inner*/ { /* fix mobile menu display on iPad */
	z-index: 10 !important;
}

#mx-fs-bg-video { /* fixed 100% container for video and background image*/
	background-size: cover;
	background-position: center center;
	background-size: cover;
	/*
	width:120% !important;
	left: -10% !important;
	height: 120% !important;
	top: -10% !important;
	*/
}
/* !!TEMP!! */
/*
#mx-fs-bg-video > div,
#mx-fs-bg-video > div > div {
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
}
*/
/* COMPENSATION FOR REMOVING FULL HEIGHT FUNCTIONALITY (TO FIX ANDROID SCROLL PROBLEMS) */
@media (min-width: 768px) {
	#st-wrapper {
		position: fixed;
		overflow: visible;
		width: 100%;
		bottom: 56px;
		margin-left: 0 !important;
	}
	.mx-home-row1 {
		margin-bottom: 0 !important;
		overflow: visible !important;
	}
}
@media (min-width: 992px) {
	#st-wrapper {
		padding-left: 210px; /* keep equal to sidebar width */
	}
}


.mx-title-strip.mx-title-strip-home {
	visibility: hidden;
	position: relative !important;
	margin-top: 0 !important;
	background: none;
	background-color: black;
	text-transform: none !important;
	color: #E4C181;
}

.mx-title-strip.mx-title-strip-home a {
	position: relative; /* to show .mx-black-golden span correctly (added by JavaScript) */
	color: #E4C181;
	-webkit-transition: color 0.25s ease;
		    transition: color 0.25s ease;	
}

.mx-title-strip.mx-title-strip-home a:hover {
	color: #8C0629;
	color: white;	
}

.mx-title-strip.mx-title-strip-home > div {
	padding-left: 0; padding-right: 0;
}

@media (max-width: 991px) { .mx-title-strip.mx-title-strip-home { font-size: 20px; padding-top: 4px !important; padding-bottom: 4px !important;} }
@media (max-width: 612px) { .mx-title-strip.mx-title-strip-home { font-size: 18px; padding-top: 2px !important; padding-bottom: 2px !important;} }
@media (max-width: 564px) { .mx-title-strip.mx-title-strip-home { font-size: 16px; padding-top: 1px !important; padding-bottom: 1px !important;} }
@media (max-width: 512px) { .mx-title-strip.mx-title-strip-home { font-size: 15px; padding-top: 0 !important;   padding-bottom: 0 !important;} }
@media (max-width: 424px) { .mx-title-strip.mx-title-strip-home { font-size: 13px; } }
@media (max-width: 400px) { .mx-title-strip.mx-title-strip-home { font-size: 12px; } }
@media (max-width: 364px) { .mx-title-strip.mx-title-strip-home { font-size: 11px; } }

@media (min-width: 565px) { .mx-title-strip.mx-title-strip-home { padding-top: 2px; padding-bottom: 2px;} }


.mx-black-golden  { /* darkening effect over address+email strip */
	position: absolute;
	display: block;
	left: 0; top: 0; right: 0; bottom: 0; margin: 0;
	
background: -moz-linear-gradient(left, rgba(0,0,0,0.34) 0%, rgba(0,0,0,0.04) 40%, rgba(0,0,0,0) 63%, rgba(0,0,0,0.04) 78%, rgba(0,0,0,0.34) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.34)), color-stop(40%,rgba(0,0,0,0.04)), color-stop(63%,rgba(0,0,0,0)), color-stop(78%,rgba(0,0,0,0.04)), color-stop(100%,rgba(0,0,0,0.34))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.34) 0%,rgba(0,0,0,0.04) 40%,rgba(0,0,0,0) 63%,rgba(0,0,0,0.04) 78%,rgba(0,0,0,0.34) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,0.34) 0%,rgba(0,0,0,0.04) 40%,rgba(0,0,0,0) 63%,rgba(0,0,0,0.04) 78%,rgba(0,0,0,0.34) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,0.34) 0%,rgba(0,0,0,0.04) 40%,rgba(0,0,0,0) 63%,rgba(0,0,0,0.04) 78%,rgba(0,0,0,0.34) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(0,0,0,0.34) 0%,rgba(0,0,0,0.04) 40%,rgba(0,0,0,0) 63%,rgba(0,0,0,0.04) 78%,rgba(0,0,0,0.34) 100%); /* W3C */
}