/**
 * New campaign hero — white band below video gradient (served without webpack;
 * sources also live in resources/assets/styles/sections/_new-campaign-hero.scss).
 */

 .new_hero_campaign-section .hero-content-container {
	position: relative;
	z-index: 2;
	/* background-color: #fff;
	color: rgb(3 7 18); */
}

@media (min-width: 768px) {
	.new_hero_campaign-section .hero-content-container {
		align-items: flex-start;
	}
}

.new_hero_campaign-section .hero-content-container .hero-heading-container h1,
.new_hero_campaign-section .hero-content-container .hero-heading-container h6 {
	/* color: rgb(3 7 18); */
}

.new_hero_campaign-section .hero-bottom-gradient {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: clamp(140px, 22vh, 220px);
	background: linear-gradient(
		to bottom,
		rgb(255 255 255 / 0) 0%,
		rgb(255 255 255 / 0.22) 30%,
		rgb(255 255 255 / 0.78) 68%,
		#ffffff 100%
	);
	pointer-events: none;
	z-index: 3;
}

.new_hero_campaign-section .hero-description-container {
	/* background-color: #fff;
	color: rgb(3 7 18); */
	/* border: 0; */
	/* border-left-width: 1.5rem; */
	margin-top: 0;
	/* padding-top: 2rem; */
	/* padding-bottom: 2rem; */
}

@media (min-width: 768px) {
	.new_hero_campaign-section .hero-description-container {
		/* padding-top: 2.5rem; */
		/* padding-bottom: 2.5rem; */
	}
}

.new_hero_campaign-section .hero-description-container.content ul[style*='list-style-type: tick'] li {
	list-style-image: url('../assets/icons/tick.svg');
}

.new_hero_campaign-section .discipline_hero-content-heading-mobile h6,
.new_hero_campaign-section .hero-content-container h6,
.new_hero_campaign-section .hero-description-container.content p {
	font-family: 'Founders Grotesk Regular', sans-serif;
	/* text-transform: lowercase; */
	line-height: 1.3;
}

.new_hero_campaign-section .hero-heading-container h6 {
	font-family: 'Founders Grotesk Medium', sans-serif !important;
	line-height: 16px;
}

.new_hero_campaign-section .hero-description-container.content p {
	line-height: 1.3333333333;
}

.new_hero_campaign-section form .label { 
	margin-top: 0px !important;
}

.discipline_hero-background_gradient-left { 
	width: 50%;
    background-image: none !important;
}
.new_hero_campaign-section form .inputWrapper input[type=text], .new_hero_campaign-section form .inputWrapper select:not([multiple]), .new_hero_campaign-section form .inputWrapper textarea { 
	margin: .25rem 0 0 !important;
}