.hero-section[data-type="type-2"] {
	position: relative;
	z-index: 1;
	padding-top: var(--headerHeight);

	> [class*="ct-container"] {
		display: flex;
		align-items: var(--vertical-alignment);
		position: relative;
		z-index: 2;
		padding-top: 50px;
		padding-bottom: 50px;
		min-height: var(--minHeight);
	}

	> figure {
		position: absolute;
		overflow: hidden;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

		.ct-image-container {
			height: 100%;
		}

		&:after {
			position: absolute;
			z-index: 2;
			content: '';
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: var(--pageTitleOverlay);
		}
	}

	.entry-title, .page-title {
		span {
			display: block;
			font-size: 12px;
			text-transform: uppercase;
			letter-spacing: 0.08em;
			margin-bottom: 10px;
		}
	}
}