/* Content panels grow with their copy. The image container keeps the rounded
 * clipping, but the editorial panel never becomes a nested scroll region. */
.ve-hbc-banner,
.ve-hbc-banner[data-ve-banner-size="1920x480"],
.ve-hbc-banner[data-ve-banner-size="1920x360"],
.ve-hbc-banner[data-ve-banner-size="1920x240"] {
	height: auto !important;
	min-height: var(--ve-hbc-height, 480px) !important;
}

.ve-hbc-banner[data-ve-banner-size] .ve-hbc-banner__content,
.ve-hbc-banner__content {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: visible !important;
}

@media (max-width: 767px) {
	.ve-hbc-banner,
	.ve-hbc-banner[data-ve-banner-size="1920x480"],
	.ve-hbc-banner[data-ve-banner-size="1920x360"],
	.ve-hbc-banner[data-ve-banner-size="1920x240"] {
		aspect-ratio: auto !important;
		min-height: 0 !important;
	}

	.ve-hbc-banner[data-ve-banner-size] .ve-hbc-banner__content,
	.ve-hbc-banner__content {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		justify-content: flex-start;
	}
}