:root {
	--nlng-primary: #007a33;
	--nlng-secondary: #00a4e4;
}

body {
	font-family: 'FlexoSoft', sans-serif;
}

.bg-nlng {
	background: linear-gradient(90deg, var(--nlng-secondary), var(--nlng-primary));
	color: #fff;
}

.btn-nlng {
	background-color: var(--nlng-primary);
	border-color: var(--nlng-primary);
	color: #fff;
}

	.btn-nlng:hover {
		background-color: #005f26;
		border-color: #005f26;
		color: #fff;
	}

.text-nlng {
	color: var(--nlng-primary) !important;
}

.internal-use {
	font-size: 0.75rem;
	background: #ffc107;
	color: #000;
	padding: 3px 8px;
	display: inline-block;
	border-radius: 4px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

header img.logo {
	height: 60px;
}

footer {
	font-size: 0.875rem;
}

/* Hero Cover Background */
.hero-cover {
	background: url("../images/brand-logos/nlng-cover.png") center center / cover no-repeat;
	min-height: 60vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: white;
}

	.hero-cover::before {
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, 0.4);
	}

.hero-content {
	position: relative;
	z-index: 2;
}

	.hero-content h1 {
		font-size: 3rem;
		font-weight: bold;
		text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6);
	}

	.hero-content p {
		font-size: 1.25rem;
		font-weight: 500;
		text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
	}