.listing-custom-banner {
	width: 100%;
	height: 35px;
	display: flex;
	align-items: center;
	padding: 0 12px;
	font-family: "Atten New", sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #003349;
	background-color: #d9c756;
	line-height: 140%;
	flex-shrink: 0;
}

.listing-custom-banner--half {
	width: 50%;
}

/* Make .floor-plan-figure.main a flex column so banner + image share the grid cell height */
.floor-plan-figure.main:has(.listing-custom-banner) {
	display: flex;
	flex-direction: column;
}

.floor-plan-figure.main:has(.listing-custom-banner) img {
	flex: 1;
	min-height: 0;
}

/* Single/two image layouts — banner above image */
.floor-plan-banner.full:has(.listing-custom-banner) {
	display: flex;
	flex-direction: column;
}

.floor-plan-banner.full:has(.listing-custom-banner) img {
	flex: 1;
	min-height: 0;
}

@media (max-width: 767px) {
	.listing-custom-banner {
		font-size: 14px;
		height: auto;
		padding: 8px 12px;
	}

	.listing-custom-banner--half {
		width: 100%;
	}


}