/* Dark top block for the 11 company pages. Scoped to body.elpm-info-hero. */

body.elpm-info-hero .elpm-info-hero {
	position: relative;
	overflow: hidden;
	min-height: 196px;
	margin: 0;
	background-color: #0F172A;
	background-image:
		radial-gradient(680px 280px at 92% 120%, rgba(196, 30, 58, .28), transparent 70%),
		radial-gradient(520px 240px at 78% -20%, rgba(148, 163, 184, .16), transparent 68%),
		linear-gradient(180deg, #121a2e 0%, #0F172A 100%);
	box-shadow: inset 0 -3px 0 #C41E3A;
}

body.elpm-info-hero .elpm-info-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
	background-size: 48px 48px;
	mask-image: linear-gradient(90deg, transparent 0%, #000 55%);
	pointer-events: none;
}

body.elpm-info-hero .elpm-info-hero__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	text-align: left;
	max-width: 1280px;
	min-height: 196px;
	margin-inline: auto;
	padding: 36px 32px 28px;
	box-sizing: border-box;
}

body.elpm-info-hero .elpm-info-hero .elpm-crumbs {
	display: block;
	max-width: none;
	margin: 0 0 14px;
	padding: 0;
	font-size: 13px;
	color: rgba(255,255,255,.82);
}

body.elpm-info-hero .elpm-info-hero .elpm-crumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.elpm-info-hero .elpm-info-hero .elpm-crumbs li {
	display: inline-flex;
	align-items: center;
	color: rgba(255,255,255,.82);
}

body.elpm-info-hero .elpm-info-hero .elpm-crumbs li + li::before {
	content: "/";
	margin: 0 .55em;
	color: rgba(255,255,255,.45);
}

body.elpm-info-hero .elpm-info-hero .elpm-crumbs a,
body.elpm-info-hero .elpm-info-hero .elpm-crumbs span {
	color: rgba(255,255,255,.82);
	text-decoration: none;
}

body.elpm-info-hero .elpm-info-hero .elpm-crumbs a:hover {
	color: #fff;
	text-decoration: underline;
}

body.elpm-info-hero .elpm-info-hero__title {
	margin: 0;
	color: #fff;
	font-size: clamp(30px, 3.4vw, 46px);
	font-weight: 800;
	line-height: 1.08;
	text-align: left;
	text-shadow: 0 1px 2px rgba(0,0,0,.25);
}

/* The old title sits in the text between two gray rules. The hero replaces it. */
body.elpm-info-hero .entry-content > hr.wp-block-separator:nth-of-type(-n+2),
body.elpm-info-hero .entry-content > .wp-block-uagb-advanced-heading:first-of-type {
	display: none !important;
}

body.elpm-info-hero .ct-container-full[data-vertical-spacing*="top"] {
	padding-top: 28px;
}

/* Articles keep their text. The title moves into the shared bar. */
body.elpm-info-hero .elpm-art h1.elpm-art-title {
	display: none !important;
}

/* Contacts keeps the cards and the line under the title. */
body.page-id-386 .elpm-contacts-title {
	display: none !important;
}

/* About keeps its own block. Only the black fill becomes the site bar. */
body.page-id-164 .elp-about-hero {
	background-color: #0F172A !important;
	background-image:
		radial-gradient(680px 280px at 92% 120%, rgba(196, 30, 58, .28), transparent 70%),
		radial-gradient(520px 240px at 78% -20%, rgba(148, 163, 184, .16), transparent 68%),
		linear-gradient(180deg, #121a2e 0%, #0F172A 100%) !important;
	box-shadow: inset 0 -3px 0 #C41E3A;
}
body.page-id-164 .elp-about-hero__bg {
	display: none !important;
}
body.page-id-164 .elp-about-hero .elpm-crumbs {
	position: relative;
	z-index: 2;
	max-width: none;
	margin: 0 0 18px;
	padding: 0;
	pointer-events: auto;
	font-size: 13px;
	color: rgba(255,255,255,.82);
}
body.page-id-164 .elp-about-hero .elpm-crumbs ol {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}
body.page-id-164 .elp-about-hero .elpm-crumbs li {
	display: inline-flex;
	align-items: center;
}
body.page-id-164 .elp-about-hero .elpm-crumbs li + li::before {
	content: "/";
	margin: 0 .55em;
	color: rgba(255,255,255,.45);
}
body.page-id-164 .elp-about-hero .elpm-crumbs a,
body.page-id-164 .elp-about-hero .elpm-crumbs span {
	color: rgba(255,255,255,.88);
	text-decoration: none;
	pointer-events: auto;
}
body.page-id-164 .elp-about-hero .elpm-crumbs a:hover {
	color: #fff;
	text-decoration: underline;
}
body.page-id-164 .elp-about-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
	background-size: 48px 48px;
	mask-image: linear-gradient(90deg, transparent 0%, #000 55%);
	pointer-events: none;
}

/* Vacancies: the bar carries the title. The career text under it stays. */
body.page-id-3024 .vac-bs-h1 {
	display: none !important;
}

@media (max-width: 999.98px) {
	body.elpm-info-hero .elpm-info-hero,
	body.elpm-info-hero .elpm-info-hero__inner {
		min-height: 168px;
	}

	body.elpm-info-hero .elpm-info-hero__inner {
		padding: 22px 18px 20px;
	}

	body.elpm-info-hero .elpm-info-hero__title {
		font-size: 26px;
		text-shadow: 0 1px 2px rgba(0,0,0,.35);
	}

	body.elpm-info-hero .elpm-info-hero .elpm-crumbs,
	body.elpm-info-hero .elpm-info-hero .elpm-crumbs a,
	body.elpm-info-hero .elpm-info-hero .elpm-crumbs span {
		color: rgba(255,255,255,.88);
	}
}