/**
 * AG Biz Blocks Plugin (Legacy) — Masthead Small Text Left block styles.
 *
 * Extracted from the mscbiz theme's general.css. Layout uses Bootstrap 5
 * utilities (d-flex, flex-column, d-block/d-xl-none, mt-3), loaded globally;
 * these are the masthead-small rules Bootstrap does not provide.
 */

/* Title sizing. */
.masthead-sm .item h1.mastheadTitle {
	font-size: 2em;
	line-height: normal;
}

/* Gradient overlay (spans the positioned section). */
.masthead-sm .item::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: none;
}

/* Text panel (overlaps up over the mobile image). */
.masthead-sm .item .masthead-text {
	position: relative;
	width: 100%;
	margin: -4em 0 0;
	padding: 3em 2em 2em;
	background-color: rgba(20, 20, 20, 0.85);
}

/* Mobile background image band. */
.masthead-sm .masthead-sm-img {
	height: 300px;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

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

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

@media (min-width: 1200px) {
	.masthead-sm .item {
		background-position: center center;
	}

	.masthead-sm .item .masthead-text {
		width: 44%;
		min-height: 360px;
		margin-top: 0;
		margin-left: 7%;
		padding: 2.5em 0;
		background-color: transparent;
	}

	.masthead-sm .item::before {
		background-image: linear-gradient(90deg, rgba(0, 47, 98, 0.8) 21%, rgba(0, 47, 98, 0.3) 60%, rgba(0, 47, 98, 0) 75%);
	}
}