/* ===== DESKTOP / TABLET BANNER FIXED LAYOUT ===== */

.mobile-bw-banner .eds_boxContent {
	position: relative;
	overflow: hidden;
	background: rgb(211, 175, 55) !important;
	background-image: none !important;
	min-height: 360px;
}

/* Right-hand image panel */
.mobile-bw-banner .eds_boxContent::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 34%;
	height: 100%;
	background-image: url('/Portals/0/BlockBuilderImages/425/iStock-2177122321.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	z-index: 0;
}

/* Soft blend edge so image flows into gold nicely */
.mobile-bw-banner .eds_boxContent::after {
	content: "";
	position: absolute;
	top: 0;
	right: 34%;
	width: 14%;
	height: 100%;
	background: linear-gradient(
		90deg,
		rgba(211,175,55,1) 0%,
		rgba(211,175,55,0.88) 35%,
		rgba(211,175,55,0.18) 100%
	);
	z-index: 1;
}

/* Keep content above background layers */
.mobile-bw-banner .eds_boxContent > * {
	position: relative;
	z-index: 2;
}

/* Copy area */
.mobile-bw-banner .container {
	max-width: 1400px;
	padding-left: 3rem;
	padding-right: 38%;
	text-align: left !important;
}

/* Text styling */
.mobile-bw-banner .eds_boxContent h2,
.mobile-bw-banner .eds_boxContent p,
.mobile-bw-banner .eds_boxContent i,
.mobile-bw-banner .eds_boxContent strong {
	color: #1f1f1f !important;
	text-shadow: none !important;
}

.mobile-bw-banner .eds_boxContent h2 {
	font-size: clamp(2rem, 2.5vw, 3.3rem);
	line-height: 1.12;
	margin-bottom: 0.7rem;
}

.mobile-bw-banner .eds_boxContent p {
	font-size: clamp(1rem, 1.05vw, 1.25rem);
	line-height: 1.65;
	margin-bottom: 0.6rem;
}

/* 1920 and below */
@media (max-width: 1920px) {
	.mobile-bw-banner .eds_boxContent::before {
		width: 32%;
	}

	.mobile-bw-banner .eds_boxContent::after {
		right: 32%;
		width: 13%;
	}

	.mobile-bw-banner .container {
		padding-right: 36%;
		max-width: 1240px;
	}
}

/* Large laptops */
@media (max-width: 1600px) {
	.mobile-bw-banner .eds_boxContent {
		min-height: 330px;
	}

	.mobile-bw-banner .eds_boxContent::before {
		width: 30%;
		background-position: center center;
	}

	.mobile-bw-banner .eds_boxContent::after {
		right: 30%;
		width: 12%;
	}

	.mobile-bw-banner .container {
		padding-left: 2.5rem;
		padding-right: 34%;
		max-width: 1100px;
	}

	.mobile-bw-banner .eds_boxContent h2 {
		font-size: clamp(1.8rem, 2.2vw, 2.7rem);
	}

	.mobile-bw-banner .eds_boxContent p {
		font-size: 1rem;
	}
}

/* Standard laptops */
@media (max-width: 1366px) {
	.mobile-bw-banner .eds_boxContent {
		min-height: 300px;
	}

	.mobile-bw-banner .eds_boxContent::before {
		width: 27%;
	}

	.mobile-bw-banner .eds_boxContent::after {
		right: 27%;
		width: 11%;
	}

	.mobile-bw-banner .container {
		padding-left: 2rem;
		padding-right: 31%;
		max-width: 980px;
	}

	.mobile-bw-banner .eds_boxContent h2 {
		font-size: clamp(1.6rem, 2vw, 2.3rem);
		line-height: 1.15;
	}

	.mobile-bw-banner .eds_boxContent p {
		font-size: 0.98rem;
		line-height: 1.55;
	}
}

/* iPad Pro / tablets landscape */
@media (max-width: 1194px) {
	.mobile-bw-banner .eds_boxContent {
		min-height: 280px;
	}

	.mobile-bw-banner .eds_boxContent::before {
		width: 22%;
		background-position: center center;
	}

	.mobile-bw-banner .eds_boxContent::after {
		right: 22%;
		width: 9%;
	}

	.mobile-bw-banner .container {
		padding-left: 1.75rem;
		padding-right: 25%;
		max-width: 100%;
	}

	.mobile-bw-banner .eds_boxContent h2 {
		font-size: 1.45rem;
	}

	.mobile-bw-banner .eds_boxContent p {
		font-size: 0.96rem;
	}
}

/* Smaller tablets */
@media (max-width: 992px) {
	.mobile-bw-banner .eds_boxContent {
		min-height: 260px;
	}

	.mobile-bw-banner .eds_boxContent::before {
		width: 18%;
	}

	.mobile-bw-banner .eds_boxContent::after {
		right: 18%;
		width: 8%;
	}

	.mobile-bw-banner .container {
		padding-left: 1.5rem;
		padding-right: 21%;
	}
}

/* ===== MOBILE B/W VERSION ONLY ===== */
@media (max-width: 768px) {
	.mobile-bw-banner .eds_boxContent {
		background-image: none !important;
		min-height: auto;
	}

	.mobile-bw-banner .eds_boxContent::before {
		content: "";
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		background-image: url('/Portals/0/BlockBuilderImages/425/iStock-2177122321.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		filter: grayscale(100%) contrast(0.9);
		z-index: 0;
	}

	.mobile-bw-banner .eds_boxContent::after {
		content: "";
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.38);
		z-index: 1;
	}

	.mobile-bw-banner .container {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		text-align: center !important;
	}

	.mobile-bw-banner .eds_boxContent h2,
	.mobile-bw-banner .eds_boxContent p,
	.mobile-bw-banner .eds_boxContent i,
	.mobile-bw-banner .eds_boxContent strong {
		color: #ffffff !important;
		text-shadow:
			0 2px 6px rgba(0,0,0,0.7),
			0 0 12px rgba(0,0,0,0.5) !important;
	}

	.mobile-bw-banner .eds_boxContent h2 {
		font-size: 1.8rem;
		line-height: 1.2;
	}

	.mobile-bw-banner .eds_boxContent p {
		font-size: 1rem;
		line-height: 1.6;
	}
}