/**
 * AG Biz Blocks Plugin (Legacy) — Focus block styles.
 *
 * The two-column layout uses Bootstrap 5 grid/utility classes, which the site
 * loads globally. These are the focus-specific rules (extracted from the mscbiz
 * theme's general.css / style-editor.css) that Bootstrap does not provide:
 * the overlapping panel offset, the semi-transparent blue panel, and the
 * outline button treatment.
 */

/* Overlapping content panel (pulls the text box over the image). */
.focus .focus-right,
.focus .focus-left {
	position: relative;
	margin-top: -5.5em;
}

@media (min-width: 992px) {
	.focus .focus-right {
		margin-top: 0;
		margin-left: -7em;
	}

	.focus .focus-left {
		margin-top: 0;
		margin-right: -7em;
	}
}

/* Semi-transparent blue panel background. */
.focus .bg-opblue {
	background-color: rgba(0, 61, 124, 0.9);
}

/* Outline button (theme variant, not a Bootstrap default). */
.focus .btn-outline {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}

.focus .btn-outline:hover,
.focus .btn-outline:focus {
	background-color: #fff;
	color: #00427d;
}