/* Stylesheet for mp_stacks shortcode */
.mp-stack{
	padding:0px!important;
	margin:0px!important;
	position:relative;
}
.mp-brick {
	position:relative;
	width: 100%; 
	display:block;
	padding:0px;
	margin:0px;
	z-index:1;
	overflow:hidden;
	text-align:left;
}
.mp-brick .brick-anchor{
	position:absolute;
	display:block;
	top:0px;
	height:0px;
	width:0px;
}
.mp-brick .mp-brick-bg,
.mp-brick .mp-brick-bg-inner{
	position: absolute;
	top: 0px;
	left: 0px;
	background-position: 50%;
	width: 100%;
	height: 100%;
	z-index:-100;
}
.mp-brick .mp-brick-bg-inner:after{
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;	
	background-position: 50%;
	width: 100%;
	height: 100%;
}
.mp-brick .mp-brick-outer{
	display:block;
	width:100%;
	margin: 0px auto;
	position:relative;
	z-index:1;	
}
.mp-brick .mp-brick-inner{
	position:relative;
	width: 100%; 
	display:table;
	padding:0px;
	margin:0px;
	vertical-align:middle;
}

/* Content Areas */
.mp-brick .mp-brick-content-type-container{
	display:table-cell; 
	vertical-align:middle;
	position:relative;
	z-index:2;
	width: 50%; 
	text-align:center;
}
.mp-brick[max-width~='600px'] .mp-brick-content-type-container{
	display:table;
	width:100%!important;	
}
.mp-brick .mp-brick-content-type-container.mp-brick-centered{
	display:table;
	width:100%;	
}
.mp-brick .mp-brick-content-types{
	display:table-cell;
	vertical-align:middle;	
}
.mp-brick .mp-brick-content-types-inner{
	display: table;
	width: 100%;	
}
.mp-brick .mp-brick-content-type-container.mp-brick-allleft{
	display:block;
	float:left;
	clear:both;
}
.mp-brick .mp-brick-content-type-container.mp-brick-allright{
	display:block;
	float:right;
	clear:both;
}
.mp-brick .mp-brick-first-content-type, 
.mp-brick .mp-brick-second-content-type {
	display: inline-block; /* Added in Version 1.0.1.3 to cause these container divs to always wrap entirely around their contents - even if those contents are not set to be inline-block*/
	float:left; /* Added in Version 1.0.1.3 */
	vertical-align: bottom;
	position:relative;
	width:100%;
	z-index:2;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/*Text*/

.mp-stacks-text-areas{
	display:inline-block; /* Added in Version 1.0.1.3 to cause text site centered. It was sitting off to the left in a left/right alignment - which doesn