.block-layout--banner {
	background: var(--color--blue) no-repeat center center;
	background-size: cover;
	margin-top: 0;
	min-height: 250px;
	padding: 0;
	position: relative;
}
	.banner--title {
		background-color: var(--color--blue-transparent);
		bottom: 0;
		box-sizing: border-box;
		left: 0;
		padding: 30px;
		padding-right: var(--wp--style--root--padding-right);
		padding-left: var(--wp--style--root--padding-left);
		position: absolute;
		right: 0;
		width: 100%;
	}
		.banner--title h1 {
			color: white;
			font-size: 2.625rem;
			font-weight: 700;
			letter-spacing: 0.1rem;
			line-height: 1.25;
			margin: 0 auto;
			max-width: 1280px;
			text-transform: uppercase;
			width: 100%;
		}

@media (max-width: 768px) {
	.banner--title h1 {
		font-size: 2.25rem;
	}
}

.block-layout--banner.has-banner-image {
	min-height: 550px;
}

.theme--college-inquiry .block-layout--banner {
	background-color: var(--color--purple);
}
	.theme--college-inquiry .banner--title {
		background-color: var(--color--purple-transparent);
	}
	.theme--college-inquiry .block-layout--subtitle {
		background-color: var(--color--purple-light);
	}
.theme--college-bridge .block-layout--banner {
	background-color: var(--color--green);
}
	.theme--college-bridge .banner--title {
		background-color: var(--color--green-transparent);
	}
	.theme--college-bridge .block-layout--subtitle {
		background-color: var(--color--green-light);
	}
.theme--right-to-college .block-layout--banner {
	background-color: var(--color--orange);
}
	.theme--right-to-college .banner--title {
		background-color: var(--color--orange-transparent);
	}
	.theme--right-to-college .block-layout--subtitle {
		background-color: var(--color--orange-light);
	}
.theme--college-allies .block-layout--banner {
	background-color: var(--color--red);
}
	.theme--college-allies .banner--title {
		background-color: var(--color--red-transparent);
	}
	.theme--college-allies .block-layout--subtitle {
		background-color: var(--color--red-light);
	}
.theme--general .block-layout--banner {
	background-color: var(--color--blue);
}
	.theme--general .banner--title {
		background-color: var(--color--blue-transparent);
	}
	.theme--general .block-layout--subtitle {
		background-color: var(--color--blue-light);
	}