.c-page-header {
	position: relative;
}

.c-page-header > * {
	position: relative;
	z-index: 2;
}

.c-page-header::before,
.c-page-header::after {
	content: '';
	position: absolute;
	z-index: 1;
}

.c-page-header::before {
	inset: 0;
	margin-inline: calc(50% - 50cqi);
	background-color: #1156bd;
}

.c-page-header::after {
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1920px;
	background-image: url(../images/archive/common/background-header.png);
	background-size: 1920px auto;
	background-repeat: repeat;
}

.c-page-header .c-page-header-text {
	padding-block: 24px 16px;
	display: grid;
	position: relative;
	z-index: 3;
}

.c-page-header .c-page-header-text::before,
.c-page-header .c-page-header-text::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	width: 100vw;
}

.c-page-header .c-page-header-text::before {
	left: 50%;
	translate: -50%;
	max-width: 1280px;
	background-image: url(../images/events/header.svg);
	background-size: 249px auto;
	background-position: right -2px bottom;
	background-repeat: no-repeat;
}

.c-page-header .c-page-header-text::after {
	left: calc(50% + 960px);
	background-image: url(../images/archive/common/background-header-repeat.png);
	background-size: 500px auto;
	background-repeat: repeat;
}

.c-page-header .c-page-header-text .c-page-header-prefix {
	justify-self: start;
	margin-block-end: 4px;
	padding-block: 4px;
	padding-inline: 16px;
	border-radius: 24px;
	display: grid;
	align-items: center;
	grid-template-columns: 5px 1fr;
	-moz-column-gap: 4px;
	column-gap: 4px;
	line-height: 1.4166666667;
	color: #1156bd;
	font-weight: 600;
	font-size: 0.75rem;
	background-color: #fff;
}

.c-page-header .c-page-header-text .c-page-header-prefix::before {
	content: '';
	border-radius: 100%;
	width: 5px;
	height: 5px;
	background-color: #1156bd;
}

.c-page-header .c-page-header-text .c-page-header-title {
	line-height: 1.40625;
	color: #fff;
	font-weight: 600;
	font-size: 2rem;
	letter-spacing: 8%;
	position: relative;
	z-index: 2;
}

.c-page-header .c-page-header-text .c-page-header-lead {
	color: rgba(255, 255, 255, 0.6);
	font-size: 0.875rem;
	letter-spacing: 2%;
}

.post-content-events {
	padding-block-end: 24px;
	padding-inline: 24px;
	border-radius: 12px;
	background-color: #fff;
}
