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


.mbgcontentblock-wrap { text-align: left; padding-top: 1px; padding-bottom: 1px; background-color: #f2f2f2; }

.mbgcontentblock-wrap.mbgcontent-expanded { background-color: #e2e2e2; }

.mbgcontentblock-wrap.mbgcontent-expanded p:before { content: "╱╲"; }


.mbgcontentblock-wrap p:before { content: "╲╱"; display: inline-block; padding: 0 1em .4em; font-size: .6em; vertical-align: middle; float: right; }

.mbgcontentblock-wrap.mbgcontent-expanded p:before { content: "╱╲"; }

.mbgcontentblock-wrap:not(.mbgcontent-expanded) p .mbgcontent-hide,
.mbgcontentblock-wrap.mbgcontent-expanded p .mbgcontent-view { display: none; }


@media (min-width: 1501px) {
	.mbgcontentblock-wrap .content-area { padding-left: 14px; }
}

@media only screen and (min-width:783px) {
}

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