.full-height .page-banner-background::before {
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) -2%, transparent);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.full-height .banner-content-wrap .top-pane .modulecontent > div > *:first-child {
	margin-top: 0;
}

.full-height .banner-content-wrap .top-pane .modulecontent > div > *:last-child {
	margin-bottom: 0;
}

.page-banner-background .modulelinks {
	background-color: #333;
	background-color: var(--gray-darker);
	padding: 7px 10px 5px;
	z-index: 2;
	position: relative;
	display: flex;
	gap: 10px;
	width: fit-content;
}
.page-banner-background .modulelinks a {
	color: #fff;
}
.page-banner-background .modulelinks a:hover {
	color: #fff;
	text-decoration: underline;
}

.page-banner-background__item {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
	overflow: hidden;
}
.page-banner-background__item img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}

.page-banner-background__item.yt-video iframe,
.page-banner-background__item.vm-video iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
	.page-banner-background__item.yt-video iframe,
	.page-banner-background__item.vm-video iframe {
		/* height = 100 * (9 / 16) = 56.25 */
		height: 56.25vw;
	}
}
@media (max-aspect-ratio: 16/9) {
	.page-banner-background__item.yt-video iframe,
	.page-banner-background__item.vm-video iframe {
		/* width = 100 / (9 / 16) = 177.777777 */
		width: 177.78vh;
	}
}

/* Banner content, wrap for top pane */
.banner-content-wrap {
	/* position: relative;
	z-index: 1; */
	color: #fff;
}

.banner-content-wrap .top-pane {
	position: relative;
	z-index: 1;
	margin-top: 10px;
}


.banner-content-wrap h1,
.banner-content-wrap h2,
.banner-content-wrap h3,
.banner-content-wrap h4,
.banner-content-wrap h5,
.banner-content-wrap h6 {
	color: #fff;
}

.banner-content-wrap a {
	color: #fff;
}
.banner-content-wrap a:hover {
	color: #fff;
}