/* -------------------------------- */
/* -------- EL-COLS DEFAULT ------- */
/* -------------------------------- */

/* ----- BORDER ----- */

.el-cols.el-cols-border .bh-col {
	border-right: 1px solid rgba(0,0,0,.1);
	padding-bottom: 30px;
	padding-top: 30px;
}
.el-cols.el-cols-border .bh-col .bhElement:last-child {
	margin-bottom: 0 !important;
}
.el-cols.el-cols-border .bh-cols {
	display: flex;
}
.el-cols.el-cols-border .bh-col:last-child {
	border-right: none;
}
.el-cols.el-cols-border + .el-cols.el-cols-border {
	border-top: 1px solid rgba(0,0,0,.1);
}

/* ----- PFEIFER SPECIALS ----- */

.el-cols-story .bh-col,
.el-cols-story-begin .bh-col {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 55px !important;
    padding-right: 55px !important;
}
.el-cols-story:before,
.el-cols-story-begin:before {
	content: '';
	display: block;
	height: 100%;
	width: 1px;
	background: #EEF2DE;
	position: absolute;
	left: 50%;	
}
.el-cols-story:after,
.el-cols-story-begin:after {
	content: '';
	display: block;
	width: 11px;
	height: 11px;
	background-color: #8BA820;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -5px;
}
.el-cols-story-begin:after {
	top: 0;
}
.el-cols-story .bh-cols,
.el-cols-story-begin .bh-cols {
    margin-left: -55px !important;
    margin-right: -55px !important;
}
.el-cols.bh-col-gaps-special-pfeifer-1 .bh-col {
	padding-left: 5px !important;
    padding-right: 5px !important;
}
.el-cols.bh-col-gaps-special-pfeifer-1 .bh-cols {
	margin-left: -5px !important;
    margin-right: -5px !important;
}
.el-cols.bh-col-gaps-special-pfeifer-1 {
	margin-bottom: 10px;
}
.el-cols.bh-col-gaps-special-pfeifer-2 .bh-col {
	padding-left: 0px !important;
    padding-right: 1px !important;
}
.el-cols.bh-col-gaps-special-pfeifer-2 .bh-cols {
	margin-left: 0px !important;
    margin-right: -1px !important;
}
.el-cols.bh-col-gaps-special-pfeifer-2 {
	margin-bottom: 1px;
}

.el-cols.waterfall {
	max-width: none;
	min-height: 600px;
}

.el-cols.waterfall:before,
.el-cols.waterfall:after {
	content: '';
	width: 100%;
	height: 200px;
	display: block;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: -20px;
	width: calc(100% + 40px);
	position: absolute;
	top: 0px;
}

.el-cols.waterfall:after {
	background-position: top center;
	height: 380px;
	bottom: 0px;
	top: auto;
}


.el-cols.waterfall .bh-cols {
	max-width: 1320px;
	margin: 0 auto;
}

.el-cols.waterfall .bh-col {
	padding-left: 50px;
	padding-right: 50px;
}

@media only screen and (min-width : 760px) {
	.el-cols.waterfall .bh-col.col2 {
		margin-top: 220px;
	}

}


.bh-col {
	position: relative;
	z-index: 2;
}

/* ----- MEDIAQUERIES ----- */

@media screen
	and (max-width : 960px) {
		
		.el-cols.bhElement.el-cols-smalldisplay {
			max-width: 650px;
		}
		.el-cols.bhElement.el-cols-smalldisplay .bh-col {
			width: 100%;
			margin-bottom: 15px;
		}
		.el-cols.el-cols-border.el-cols-smalldisplay .bh-col {
			border: none;
		}
		.el-cols.waterfall .bh-col {
			padding-left: 0px;
			padding-right: 0px;
		}
}

/* ----- BAKEHOUSE SETTINGS STYLES ----- */

#bhe-pane .bhe-formsettings-option.bhColsStyle input[type="radio"] {
	width: 46px;
	height: 46px;
	background-color: rgba(255,255,255,.2);
	margin: 3px;
	float: left;
	background-position: center center;
	background-size: 30px;
	background-repeat: no-repeat;
}
#bhe-pane .bhe-formsettings-option.bhColsStyle input[type="radio"]:checked {
	background-color: #CAF56B;
	box-shadow: none;
}
#bhe-pane .bhe-formsettings-option.bhColsStyle .bhColsStyleGroup {
	display: block;

	width: 208px;
	margin-left: 0px;
	float: right;
}

#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-noselect"] { background-image: url(settings-icons/cols-noselect.svg); }

#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-2-10"] { background-image: url(settings-icons/cols2-2-10.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-10-2"] { background-image: url(settings-icons/cols2-10-2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-3-9"] { background-image: url(settings-icons/cols2-3-9.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-9-3"] { background-image: url(settings-icons/cols2-9-3.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-4-8"] { background-image: url(settings-icons/cols2-4-8.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-8-4"] { background-image: url(settings-icons/cols2-8-4.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-5-7"] { background-image: url(settings-icons/cols2-5-7.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-2-7-5"] { background-image: url(settings-icons/cols2-7-5.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-3-3-3-6"] { background-image: url(settings-icons/cols3-3-3-6.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-3-6-3-3"] { background-image: url(settings-icons/cols3-6-3-3.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-3-3-6-3"] { background-image: url(settings-icons/cols3-3-6-3.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-3-2-5-5"] { background-image: url(settings-icons/cols3-2-5-5.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-3-5-5-2"] { background-image: url(settings-icons/cols3-5-5-2.svg); }

#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-2-1x2"] { background-image: url(settings-icons/cols2r-1x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-2-2x1"] { background-image: url(settings-icons/cols2r-2x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-2-1x2"] { background-image: url(settings-icons/cols2r-1x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-2-2x1"] { background-image: url(settings-icons/cols2r-2x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-mp-2-1x2"] { background-image: url(settings-icons/cols2r-1x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-mp-2-2x1"] { background-image: url(settings-icons/cols2r-2x1.svg); }

#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-3-1x3"] { background-image: url(settings-icons/cols3r-1x3.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-3-3x1"] { background-image: url(settings-icons/cols3r-3x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-3-1x3"] { background-image: url(settings-icons/cols3r-1x3.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-3-3x1"] { background-image: url(settings-icons/cols3r-3x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-mp-3-3x1"] { background-image: url(settings-icons/cols3r-3x1.svg); }

#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-4-1x4"] { background-image: url(settings-icons/cols4r-1x4.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-4-2x2"] { background-image: url(settings-icons/cols4r-2x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-4-4x1"] { background-image: url(settings-icons/cols4r-4x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-4-2x2"] { background-image: url(settings-icons/cols4r-2x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-4-4x1"] { background-image: url(settings-icons/cols4r-4x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-mp-4-2x2"] { background-image: url(settings-icons/cols4r-2x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-mp-4-4x1"] { background-image: url(settings-icons/cols4r-4x1.svg); }

#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-6-2x3"] { background-image: url(settings-icons/cols6r-2x3.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-6-3x2"] { background-image: url(settings-icons/cols6r-3x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-tb-6-6x1"] { background-image: url(settings-icons/cols6r-6x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-6-2x3"] { background-image: url(settings-icons/cols6r-2x3.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-6-3x2"] { background-image: url(settings-icons/cols6r-3x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-ml-6-6x1"] { background-image: url(settings-icons/cols6r-6x1.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-mp-6-3x2"] { background-image: url(settings-icons/cols6r-3x2.svg); }
#bhe-pane .bhe-formsettings-option.bhColsStyle input[value="bh-cols-mp-6-6x1"] { background-image: url(settings-icons/cols6r-6x1.svg); }