/*------------------------------------------------------------------------------*/
/* Banner Cover Link
/*------------------------------------------------------------------------------*/

.BannerCoverLink {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

/*------------------------------------------------------------------------------*/
/* Banner Text
/*------------------------------------------------------------------------------*/

.BannerText {
	color: var(--color-text);
	font-size: var(--font-size-large);
	max-width: 60ch;
	pointer-events: none;
	position: relative;
	transition-duration: var(--transition-slow);
	/* NPE edit */
	padding: 10px;
}

.BannerText a,
.BannerText button {
	pointer-events: auto;
}

.BannerText p {
	font-size: clamp(var(--font-size-small), 3.5vw, var(--font-size-large));
}

.BannerText p:last-child {
	margin-bottom: 0;
}

/*------------------------------------------------------------------------------*/
/* Banner Light/Dark
/*------------------------------------------------------------------------------*/

.BannerText > * {
	transition-duration: 0ms;
}
/* NPE edit */
/*
.Banner-Dark .BannerText > * {
	color: var(--color-text-light-lighter);
	text-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
}

.Banner-Light .BannerText > * {
	color: var(--color-text-dark-darker);
	text-shadow: none;
}
*/ 
/*------------------------------------------------------------------------------*/
/* Banner Button
/*------------------------------------------------------------------------------*/

.BannerText .Button {
	--background-color: var(--color-white);
	--border-color: var(--color-white);
	color: var(--color-text-dark);
	font-size: clamp(var(--font-size-small), 3.5vw, var(--font-size-large));
	min-height: 0;
	padding: clamp(.5rem, 1vw, 1rem) clamp(.5rem, 2vw, 1.5rem);
	text-shadow: none;
}

.BannerText .Button:hover {
	--background-color: var(--color-white-darker);
	color: var(--color-text-dark);
}

.BannerText .Button:active {
	--background-color: var(--color-white-darker);
	color: var(--color-text-dark);
}
.ButtonBanner {
	color: #fff !important;
	font-weight: var(--font-heading-weight) !important;
	font-size: 100% !important;
}

