/* GL */
.hero-banners {
	margin: 0;
}
.hero-banner {
	position: relative;
}
.hero-banner-figure {
	margin: 0;
}
.hero-banner-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 1em;
	padding: 5%;

	display: flex;
	align-items: center;
	justify-content: center;
}
	.hero-banner-img {
		display: block;
		width: 100%;
		height: auto;

	object-fit: cover;
	min-height: 200px;
	max-height: 600px;
}
	.hero-banner .banner-text {

	}
	.hero-banner .banner-desc {
		display: flex;
		border-radius: var(--border-radius);
		overflow: hidden;
		width: max-content;
		max-width: 800px;
		margin: 2rem auto;

		background-color: var(--orange-dark);
		color: #fff;

		font-family: var(--font-secondary);
		text-transform: uppercase;

	}
		.hero-banner .banner-title {
			color: var(--orange-dark);
			font-size: 50px;
			font-size: calc(1.5em + 2vw);
			margin-top: 0;
			margin-bottom: 0;
			text-transform: none;
		}
		.hero-banner .banner-subtitle,
		.hero-banner .banner-link {
			display: block;
			margin: 0;
			padding: .5em .75em;
			color: inherit;

			font-size: 1rem;
			font-weight: 600;
			text-transform: inherit;
		}
		.hero-banner .banner-link {
			background-color: var(--blue-dark);
			transition: .2s background;
		}
		.hero-banner .banner-link:hover {
			background-color: var(--blue-bright);
		}



/* Programs */
.gl-programs {
	max-width: var(--container-inner);
}
.gl-programs + .gl-programs {
	padding-top: 2rem;
	border-top: 4px dotted var(--blue-light);
	margin-top: 2rem;
}

	.gl-program {
		display: flex;
		flex-direction: row;
		gap: 1rem 5%;
		padding: 2rem 0 1rem;
	}
	.gl-program + .gl-program {
		margin-block: 2rem;
		border-top: 2px solid var(--blue-light);
	}

	.gl-program-figure {
		max-width: 300px;
		flex-basis: 35%;
		align-self: flex-start;

		border-radius: var(--border-radius);
		overflow: hidden;
	}
	.gl-program-figure img {
		display: block;
		object-fit: cover;
	}
	.gl-program-content {
		flex-basis: 60%;
		flex-grow: 0;
	}

	@media (width < 600px ) {
		.gl-program {
			display: flex;
			flex-direction: column;
		}
			.gl-program-figure,
			.gl-program-content {
				flex-basis: auto;
			}
	}
