﻿/* Styles for blocks are used in both the frontend and admin - so be specific */

.builder-wrapper .builder-form-list h4 { color: #1B365D; }
.builder-wrapper .builder-form-list .option-list-section input[type=checkbox] + label.swatch,
.builder-wrapper .builder-form-list .option-list-section label,
.builder-wrapper .builder-form-list .option-list-section div.spec { font-size: .8em; }
.builder-wrapper .builder-form-list .option-list-section div.spec .cost-wrapper { font-weight:bold; }
.builder-wrapper .builder-form-list .option-list-section { padding-bottom: 1em; }

.mbgoptionslist-contain.color-reverse,
.color-reverse .builder-wrapper .builder-form-list .option-list-section div.option-list-items,
.color-reverse .builder-wrapper .builder-form-list .option-list-section div.spec,
.color-reverse .builder-wrapper .builder-form-list .option-list-section label { color: #fff; border-color: rgba(255,255,255,.1); }
.mbgoptionslist-contain.color-reverse,
.color-reverse .builder-wrapper .builder-form-list h4 { color: #fff; }
.color-reverse .builder-wrapper .builder-form-list .option-list-section input[type=checkbox] + label.swatch span.text-wrapper { background-color: transparent; color: #fff; }
.builder-wrapper input[type=checkbox] + label.swatch span.color-wrapper,
.color-reverse .builder-wrapper input[type=checkbox] + label.swatch span.color-wrapper .color { border: none; }

.mbgoptionslist-contain,
.builder-wrapper .builder-form-list .option-list-section label { color: #000; }


@media only screen and (max-width:800px) {
}

@media only screen and (max-width:600px) {
}
