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

/* ----- SPECIAL COLS ----- */

.el-cols .bh-cols-2.bh-cols-2-2-10 .col1 {width: 16.666666666%} .el-cols .bh-cols-2.bh-cols-2-2-10 .col2 {width: 83.33333334%}
.el-cols .bh-cols-2.bh-cols-2-10-2 .col1 {width: 83.33333334%} .el-cols .bh-cols-2.bh-cols-2-10-2 .col2 {width: 16.666666666%}
.el-cols .bh-cols-2.bh-cols-2-3-9  .col1 {width: 25%} .el-cols .bh-cols-2.bh-cols-2-3-9  .col2 {width: 75%}
.el-cols .bh-cols-2.bh-cols-2-9-3 .col1 {width: 75%} .el-cols .bh-cols-2.bh-cols-2-9-3 .col2 {width: 25%}
.el-cols .bh-cols-2.bh-cols-2-4-8 .col1 {width: 33.33333333%} .el-cols .bh-cols-2.bh-cols-2-4-8 .col2 {width: 66.6666666%}
.el-cols .bh-cols-2.bh-cols-2-8-4 .col1 {width: 66.66666666%} .el-cols .bh-cols-2.bh-cols-2-8-4 .col2 {width: 33.3333333%}
.el-cols .bh-cols-2.bh-cols-2-5-7 .col1 {width: 41.66666665%} .el-cols .bh-cols-2.bh-cols-2-5-7 .col2 {width: 58.3333333%}
.el-cols .bh-cols-2.bh-cols-2-7-5 .col1 {width: 58.33333333%} .el-cols .bh-cols-2.bh-cols-2-7-5 .col2 {width: 41.6666665%}

.el-cols .bh-cols-3.bh-cols-3-3-3-6 .col1 {width: 25%} .el-cols .bh-cols-3.bh-cols-3-3-3-6 .col2 {width: 25%} .el-cols .bh-cols-3.bh-cols-3-3-3-6 .col3 {width: 50%}
.el-cols .bh-cols-3.bh-cols-3-6-3-3 .col1 {width: 50%} .el-cols .bh-cols-3.bh-cols-3-6-3-3 .col2 {width: 25%} .el-cols .bh-cols-3.bh-cols-3-6-3-3 .col3 {width: 25%}
.el-cols .bh-cols-3.bh-cols-3-3-6-3 .col1 {width: 25%} .el-cols .bh-cols-3.bh-cols-3-3-6-3 .col2 {width: 50%} .el-cols .bh-cols-3.bh-cols-3-3-6-3 .col3 {width: 25%}
.el-cols .bh-cols-3.bh-cols-3-2-5-5 .col1 {width: 16.666666666%} .el-cols .bh-cols-3.bh-cols-3-2-5-5 .col2 {width: 41.66666665%} .el-cols .bh-cols-3.bh-cols-3-2-5-5 .col3 {width: 41.66666665%}


/* ----- 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;
}

/* ----- 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;
		}
}

/* ----- 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;
	height: 56px;
	width: 208px;
	margin-left: 100px;
	float: right;
}
#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); }