#wPageBlockColumns .winContent {
	min-width		: 0 !important;
}

/* #### PAGE ################################################################################################################## */

.mwColumns {
	margin			: 0px;
	padding			: 0px;
	
	list-style		: none;
	clear			: both;
}

.mwColumns:after {
	content			: '';
	display			: block;
	clear			: both;
}

.mwColumns>DIV {
	position		: relative;
	float			: left;
	height			: 100%;
	box-sizing		: border-box;
}

.mwColumns>DIV>.column {
}


/* #### liveEd ################################################################################################################# */

/* Allowing areas to be very narrow, for better spacer support */
.mwColumns .liveEdArea {
	min-width		: inherit;
}

.liveEdBlock.Columns {
	padding-top		: 30px;
}

.liveEdBlock .mwColumns>DIV:before {
	content			: '';
	display			: block;
	
	position		: absolute;
	right			: 0px;
	top			: 0;
	left			: -1px;
	bottom			: -1px;

	border			: dashed 1px transparent;
	border-top		: none;
	border-bottom		: none;
/*	border-right		: none; */
	
/*	z-index			: -1; */

	transition		: border-color 300ms ease-in-out;   

}

.liveEdBlock .mwColumns:hover>DIV:before
{
	border-color		: gray;
}

.liveEdBlock .mwColumns>DIV:before
{
	border-left-width	: 0;  
}

.liveEdBlock .mwColumns>DIV:last-child:before
{
	border-right-width	: 0; 
}


/*/
.liveEdBlock.level-0 .mwColumns>DIV:before
{
	border-color		: #BFBFBF;
}
/**/
.liveEdBlock.level-0 .mwColumns:hover>DIV:before
{
	border-color		: #A1A1A1;
}

/*/
.liveEdBlock.level-1 .mwColumns>DIV:before
{
	border-color		: #C2DEAE;
}
/**/
.liveEdBlock.level-1 .mwColumns:hover>DIV:before
{
	border-color		: #A4C090;
}

/*/
.liveEdBlock.level-2 .mwColumns>DIV:before
{
	border-color		: #B3D3E0;
}
/**/
.liveEdBlock.level-2 .mwColumns:hover>DIV:before
{
	border-color		: #95B5C2;
}

/*/
.liveEdBlock.level-3 .mwColumns>DIV:before
{
	border-color		: #E0B0B0;
}
/**/
.liveEdBlock.level-3 .mwColumns:hover>DIV:before
{
	border-color		: #C29292;
}

/*/
.liveEdBlock.level-4 .mwColumns>DIV:before
{
	border-color		: #AFBFE1;
}
/**/
.liveEdBlock.level-4 .mwColumns:hover>DIV:before
{
	border-color		: #91A1C3;
}

/*/
.liveEdBlock.level-5 .mwColumns>DIV:before
{
	border-color		: #DCDEAF;
}
/**/
.liveEdBlock.level-5 .mwColumns:hover>DIV:before
{
	border-color		: #BEC091;
}



.liveEdBlock .mwColumns>DIV.dragSide.left:before
{
	border-left-width	: 3px;
	border-left-style	: solid;
	margin-left	: -1px;
}


.liveEdBlock .mwColumns>DIV.dragSide.right:before
{
	border-right-width	: 3px;
	border-right-style	: solid;
	margin-right	: -1px;
}


.liveEdBlock .mwColumns>DIV.dragSide.top:before
{
	border-top-width	: 3px;
	border-top-style	: solid;
	margin-top	: -1px;
}


.liveEdBlock .mwColumns>DIV.dragSide.bottom:before
{
	border-bottom-width	: 3px;
	border-bottom-style	: solid;
	margin-bottom	: -1px;
}


/* #### EDITOR ################################################################################################################# */

#wPageBlockColumns UL.mwAlignControl LI.custom {
	float			: none;
	width			: auto;
} 

/* ---- PREVIEW ---- */

#wColumns_preview {
	font-size		: 75%;
}

#wColumns_preview>* {
	margin			: 5px 0px;
}

#wColumns_preview H1 {
	margin			: 10px 0px;
	font-size		: 150%;
	font-weight		: bold;
	text-align		: center;
	
}

#wColumns_preview H2 {
	font-size		: 120%;
	font-weight		: bold;
	text-align		: center;
}

#wColumns_preview IMG {
	width			: 100%;
}

#wColumns_preview P {
	text-align		: justify;
}

#wColumns_preview .preview-area {
	 padding		: 5px;

	 border			: 1px dotted #b4eace;
	 border-radius		: 3px;

	 color			: #0b994e;
}

/* #### Layout Editor ####################################################################################################### */

#wPageBlockColumns .columnsLayout
{
	display			: grid;
	grid-template-columns	: 1fr 1fr 1fr ;
	grid-column-gap		: 30px;
	grid-row-gap		: 10px;
  
	padding			: 0px;
	margin-left		: 2px;
	margin-right		: 2px;
	
	border			: none;
}

#wPageBlockColumns .columnsLayout .button
{
	position		: relative;
	cursor			: pointer;
}

#wPageBlockColumns .columnsLayout .icon
{
	position		: absolute;
	
	left			: 0px;
	right			: 0px;
	top			: 0px;

	bottom			: 24px;
}

#wPageBlockColumns .columnsLayout .icon>div
{
	height			: 100%;
	background		: #DEDEDE;
	
	border-left		: 2px solid #FFFFFF;
	border-right		: 2px solid #FFFFFF;
}

#wPageBlockColumns .columnsLayout .title
{
	position		: absolute;
	
	left			: 0px;
	right			: 0px;
	bottom			: 0px;
	
	width			: 100%;
	height			: 24px;
	line-height		: 24px;
	
	text-align		: center;
}


/* #### Spacing Editor ###################################################################################################### */


.wColumns_spacingEd {
	position		: relative;

	padding			: 0px;

	list-style		: none;
	clear			: both;
}

.wColumns_spacingEd,
.wColumns_spacingEd * {
	box-sizing		: border-box !important;
}

.wColumns_spacingEd:after {
	content			: '';
	display			: block;
	clear			: both;
}

.wColumns_spacingEd>DIV {
	position		: relative;
	float			: left;
	box-sizing		: border-box;
	
	width			: 50%;
	height			: 100%;

	border			: 1px solid #DEDEDE;
	border-left		: none;
	
	background		: white;
}

.wColumns_spacingEd>DIV:first-child {
	width			: 50%;
	border-left		: 1px solid #DEDEDE;
}

.wColumns_spacingEd .bg {
	background		: #F2F2F2;
	height			: 100%;
	width			: 100%;
}

.wColumns_spacingEd .title
{
	position		: absolute;
	left			: 0;
	right			: 0;
	top			: 50%;
	bottom			: 0;
	
	height			: 30px;
	line-height		: 30px;
	
	margin-top		: -15px;

	text-align		: center;
	
	
/*	line-height		: 398px; */
/*	
	overflow		: hidden; 
*/
}


/* ---- Spacing variants for frontend and backend ---- */


/* ---- Size Definition ---- */

	DIV.wColumns_spacingEd.pad.middle-s>DIV {
		padding-left		: 15px; 
		padding-right		: 15px; 
	}

	.wColumns_spacingEd.pad.middle-s>DIV:first-child {
		padding-left		: 0px; 
	}
	.wColumns_spacingEd.pad.middle-s>DIV:last-child {
		padding-right		: 0px; 
	}

	DIV.wColumns_spacingEd.pad.left-s>DIV:first-child {
		padding-left		: 15px; 
	}

	DIV.wColumns_spacingEd.pad.right-s>DIV:last-child {
		padding-right		: 15px; 
	}
	
	DIV.wColumns_spacingEd.pad.top-s>DIV {
		padding-top		: 15px; 
	}

	DIV.wColumns_spacingEd.pad.bottom-s>DIV {
		padding-bottom		: 15px; 
	}
	

/* ---- Size Definition ---- */

	DIV.wColumns_spacingEd.pad.middle-m>DIV {
		padding-left		: 30px; 
		padding-right		: 30px; 
	}

	.wColumns_spacingEd.pad.middle-m>DIV:first-child {
		padding-left		: 0px; 
	}
	.wColumns_spacingEd.pad.middle-m>DIV:last-child {
		padding-right		: 0px; 
	}

	DIV.wColumns_spacingEd.pad.left-m>DIV:first-child {
		padding-left		: 30px; 
	}

	DIV.wColumns_spacingEd.pad.right-m>DIV:last-child {
		padding-right		: 30px; 
	}
	
	DIV.wColumns_spacingEd.pad.top-m>DIV {
		padding-top		: 30px; 
	}

	DIV.wColumns_spacingEd.pad.bottom-m>DIV {
		padding-bottom		: 30px; 
	}
	

/* ---- Size Definition ---- */

	DIV.wColumns_spacingEd.pad.middle-l>DIV {
		padding-left		: 45px; 
		padding-right		: 45px; 
	}

	.wColumns_spacingEd.pad.middle-l>DIV:first-child {
		padding-left		: 0px; 
	}
	.wColumns_spacingEd.pad.middle-l>DIV:last-child {
		padding-right		: 0px; 
	}

	DIV.wColumns_spacingEd.pad.left-l>DIV:first-child {
		padding-left		: 45px; 
	}

	DIV.wColumns_spacingEd.pad.right-l>DIV:last-child {
		padding-right		: 45px; 
	}
	
	DIV.wColumns_spacingEd.pad.top-l>DIV {
		padding-top		: 45px; 
	}

	DIV.wColumns_spacingEd.pad.bottom-l>DIV {
		padding-bottom		: 45px; 
	}
	

/* ---- Size Definition ---- */

	DIV.mwColumns.pad.middle-s>DIV {
		padding-left		: 8px; 
		padding-right		: 8px; 
	}

	.mwColumns.pad.middle-s>DIV:first-child {
		padding-left		: 0px; 
	}
	.mwColumns.pad.middle-s>DIV:last-child {
		padding-right		: 0px; 
	}

	DIV.mwColumns.pad.left-s>DIV:first-child {
		padding-left		: 8px; 
	}

	DIV.mwColumns.pad.right-s>DIV:last-child {
		padding-right		: 8px; 
	}
	
	DIV.mwColumns.pad.top-s>DIV {
		padding-top		: 8px; 
	}

	DIV.mwColumns.pad.bottom-s>DIV {
		padding-bottom		: 8px; 
	}
	

/* ---- Size Definition ---- */

	DIV.mwColumns.pad.middle-m>DIV {
		padding-left		: 16px; 
		padding-right		: 16px; 
	}

	.mwColumns.pad.middle-m>DIV:first-child {
		padding-left		: 0px; 
	}
	.mwColumns.pad.middle-m>DIV:last-child {
		padding-right		: 0px; 
	}

	DIV.mwColumns.pad.left-m>DIV:first-child {
		padding-left		: 16px; 
	}

	DIV.mwColumns.pad.right-m>DIV:last-child {
		padding-right		: 16px; 
	}
	
	DIV.mwColumns.pad.top-m>DIV {
		padding-top		: 16px; 
	}

	DIV.mwColumns.pad.bottom-m>DIV {
		padding-bottom		: 16px; 
	}
	

/* ---- Size Definition ---- */

	DIV.mwColumns.pad.middle-l>DIV {
		padding-left		: 24px; 
		padding-right		: 24px; 
	}

	.mwColumns.pad.middle-l>DIV:first-child {
		padding-left		: 0px; 
	}
	.mwColumns.pad.middle-l>DIV:last-child {
		padding-right		: 0px; 
	}

	DIV.mwColumns.pad.left-l>DIV:first-child {
		padding-left		: 24px; 
	}

	DIV.mwColumns.pad.right-l>DIV:last-child {
		padding-right		: 24px; 
	}
	
	DIV.mwColumns.pad.top-l>DIV {
		padding-top		: 24px; 
	}

	DIV.mwColumns.pad.bottom-l>DIV {
		padding-bottom		: 24px; 
	}
	

/* ---- Spacing Rulers ---- */

.wColumns_spacingEd .ruler {
	position			: absolute;
	left				: 0px;
	right				: 0px;
	top				: 0px;
	bottom				: 0px;
	
	width				: auto;
	height				: auto;
	
	padding				: 0px;
	margin				: 0px;
	
	border				: 1px solid none;
	
	background			: none;
}

.wColumns_spacingEd .ruler:after,
.wColumns_spacingEd .ruler:before {
	content				: '';
	display				: block;

	position			: absolute;
	left				: 0px;
	right				: 0px;
	top				: 0px;
	bottom				: 0px;
	
	width				: auto;
	height				: auto;
}

.wColumns_spacingEd .ruler.left {
	right				: auto;
	width				: 45px;
	border-right			: 1px dashed #DEDEDE;
}

.wColumns_spacingEd .ruler.right {
	left				: auto;
	width				: 45px;
	border-left			: 1px dashed #DEDEDE;
}

.wColumns_spacingEd .ruler.left:before,
.wColumns_spacingEd .ruler.left:after,
.wColumns_spacingEd .ruler.right:before,
.wColumns_spacingEd .ruler.right:after {
	left				: 14px;
	right				: auto;
	border-right			: 1px dashed #DEDEDE;
}

.wColumns_spacingEd .ruler.left:after,
.wColumns_spacingEd .ruler.right:after {
	left				: 29px;
}

.wColumns_spacingEd .ruler.top {
	bottom				: auto;
	height				: 45px;
	border-bottom			: 1px dashed #DEDEDE;
}

.wColumns_spacingEd .ruler.bottom {
	top				: auto;
	height				: 45px;
	border-top			: 1px dashed #DEDEDE;
}

.wColumns_spacingEd .ruler.top:before,
.wColumns_spacingEd .ruler.top:after,
.wColumns_spacingEd .ruler.bottom:before,
.wColumns_spacingEd .ruler.bottom:after {
	top				: 14px;
	bottom				: auto;
	border-bottom			: 1px dashed #DEDEDE;
}

.wColumns_spacingEd .ruler.top:after,
.wColumns_spacingEd .ruler.bottom:after {
	top				: 29px;
}

.wColumns_spacingEd .ruler.hover {
/*	border-style			: solid; */
	border-color			: black;
	background			: rgba(0, 172, 137, 0.05);
}

/* ---- Responsive ---- */

@media screen and (max-width: 768px) {

.mwColumns.pad>DIV {
	padding				: 0px !important;
	width				: auto !important;
	float				: none;
}

}