/* Block management */

.editing {

	.block-region[data-blockregion] {
		min-height: 50px;
		border: dashed 1px $color_border;
		margin: 5px 0;
		padding: 25px 5px 5px 5px;
		position: relative;
	}

	.dark {

		.block-region {
			border-color: rgba(255,255,255,.2);
		}

	}

}


.region-name {
	display: inline-block;
	position: absolute;
	line-height: normal;
	top: 1px;
	left: 1px;
	padding: 3px 5px;
	font-size: $fsxsmall;
	background-color: darken($color_border, 10%);
	color: #fff;
	text-transform: uppercase;
}



.block {


	.header {
		.action-menu {
			background-color: rgba(255,255,255,.7);
			border: solid 1px rgba(0,0,0,.1);
			@include mb2_border_radius(.15rem);
			padding: 0 .45rem;
			display: inline-block !important;
			position: absolute;
			top: 10px;
			right: 10px;

			.action-menu-item,
			.action-menu-trigger > div > a {
				color: $textcolor;

				&:hover,
				&:focus {
					color: $textcolor;
				}

			}

			.action-menu-trigger > div > a {
				&:after {
					display: none;
				}
			}
		}
	}


	.style-default &,
	#block-region-content & {
		.header {
			.action-menu {
				position: absolute;
				right: 10px;
				top: 10px;
				background-color: rgba(255,255,255,.7);
			}
		}
	}
}



/* Admin block region */

.admin-region {
	background-color: #fff;
	padding: 3rem 0 1.65rem;
	position: relative;
	@include clearfix();

	&:before,
	&:after {
		display: block;
		content: '';
		position: absolute;
		left: 0;
		width: 100%;
		height: 8px;
		background-color: yellow;
		background-image: url([[pix:theme|svg/strip1_black50_12]]);
	}

	&:before {
		top: 0;
	}

	&:after {
		bottom: 0;
	}

	.block-region {
		@include clearfix();
	}

	#block-region-adminblock {
		.block {
			float: left;
			width: 260px;
			margin-right: 20px !important;
		}
	}

	.custom-login &,
	&.close {
		@include mb2_sronly();
	}
}