/* -------------------------------- */
/* -------- BH-COLS DESKTOP ------- */
/* -------------------------------- */


.bhCols.bhElement {
	margin-bottom: 40px;
}

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

.bhCols .bh-cols-3.bh-cols-3-3-3-6 .col1 {width: 25%} .bhCols .bh-cols-3.bh-cols-3-3-3-6 .col2 {width: 25%} .bhCols .bh-cols-3.bh-cols-3-3-3-6 .col3 {width: 50%}
.bhCols .bh-cols-3.bh-cols-3-6-3-3 .col1 {width: 50%} .bhCols .bh-cols-3.bh-cols-3-6-3-3 .col2 {width: 25%} .bhCols .bh-cols-3.bh-cols-3-6-3-3 .col3 {width: 25%}
.bhCols .bh-cols-3.bh-cols-3-3-6-3 .col1 {width: 25%} .bhCols .bh-cols-3.bh-cols-3-3-6-3 .col2 {width: 50%} .bhCols .bh-cols-3.bh-cols-3-3-6-3 .col3 {width: 25%}

/* ----- 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"]:focus {
	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); }

.bhCols.bhcolsborder .bh-col {
	border-right: 1px solid rgba(0,0,0,.15);
}
.bhCols.bhcolsborder .bh-col:last-child {
	border-right: none;
}

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

@media screen
	and (max-width : 960px) {
		
		.bhCols.bhElement.smalldisplay {
			max-width: 650px;
		}
		.bhCols.bhElement.smalldisplay .bh-col {
			width: 100%;
		}
		.bhCols.bhElement.smalldisplay .bh-col.col1 {
			margin-bottom: 40px;
		}
		.bhCols.bhcolsborder.smalldisplay .bh-col {
			border: none;
		}
}