.content-block.heading-with-sidebar-section {
	position:relative;
}

.content-block.heading-with-sidebar-section > .hero-image > picture {
	display:block;
	position:relative;
}

.content-block.heading-with-sidebar-section > .hero-image > picture > img {
	display:block;
	position:relative;
	left:50%;
	transform:translate(-50%);
}

.content-block.heading-with-sidebar-section > .inner-block {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:opacity 1.5s;
	opacity:1;
	z-index: 2;
}

body.loading .content-block.heading-with-sidebar-section > .inner-block {
	background:linear-gradient(0deg, black 0%, black 75%);
	transition:opacity 1.5s;
	opacity:0;
}

.content-block.heading-with-sidebar-section > .inner-block > .padding {
	padding:0.1px 0;
	display:grid;
	grid-template-columns:auto 1fr;
	height:100%;
	margin:0 auto;
}

.content-block.heading-with-sidebar-section.with-filter > .hero-image::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgb(15 39 51 / 60%), transparent 50%);
	opacity: 1;
	z-index: 1;
	transition: opacity 1s ease-in;
}

.content-block.heading-with-sidebar-section.with-filter > .hero-image:has(.fade-in)::before {
	opacity: 0;
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .content {
	display: flex;
	align-items: center;
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar {
	height:100%;
	width:var(--side-bar-width);
	display:flex;
	flex-direction:column;
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar {
	background-color: var(--main-color-transparent);
	backdrop-filter: blur(0.1em);
	transition: backdrop-filter var(--main-transition-time) ease-in;
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar:has(.transition-set) {
	backdrop-filter: blur(0);
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar > .title {
	flex:1 1 auto;
	display:flex;
	justify-content:center;
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar > .title > .position {
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar > .title > .position > span.label {
	white-space:nowrap;
	position:absolute;
	transform:translate(-50%) rotate(270deg);
	transform-origin:50% 50%;
	font-family:var(--heading-font-family);
	font-size:1.0em;
	font-weight:400;
	text-transform:uppercase;
	color:var(--main-bg-color);
	letter-spacing:0.15em;
	text-shadow:0.05em 0.05em var(--main-color);
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar > .social-icon-list {
	flex:0 0 auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1.5em;
	padding-bottom:2em;
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar > .social-icon-list > a > img {
	display:block;
	width:1.25em;
	max-height:1.25em;
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .content {
	height:100%;
	padding-left:var(--main-padding);
	padding-right:var(--main-padding);
	max-width:var(--inner-container-width);
  width:100%;
	box-sizing:border-box;
	margin:0 auto;
	color:var(--main-bg-color);
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .content > .central-block > h1 {
	margin:0 0 0.25em;
	text-wrap:balance;
	text-shadow:0 0 1em #000;
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .content > .central-block > p {
	font-size:1.222em;
	margin-top:0;
	text-wrap:balance;
	text-shadow:0 0 1em #000;
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .content > .central-block > .button-block > .inner-block > .padding {
	padding-top:0.5em;
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar {
	position:relative;
	z-index:1;
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar::after {
	display:none;
}

.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar > .sidebar-border {
	content:'';
	position:absolute;
	width:1px;
	height:100%;
	bottom:0;
	right:-1px;
	background-color:var(--side-bar-border-color);
	transition:background-color var(--main-transition-time);
	transition-delay:var(--main-transition-time);
}

body.loading .content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar > .sidebar-border {
	background-color:transparent;
}

@media (width < 750px) {
	:root {
		--side-bar-width:3em;
	}

	.content-block.heading-with-sidebar-section > .inner-block > .padding {
		padding-right:1em;
		padding-top:calc(var(--hamburger-icon-size) * 1em);
	}

	.content-block.heading-with-sidebar-section > .inner-block > .padding > .content {
		padding:0;
		width:100%;
		max-width:600px;
		box-sizing:border-box;
		margin:0 auto;
		padding-left:calc(var(--side-bar-width) * 0.5);
		padding-bottom:2em;
	}

	.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar > .title {
		padding-bottom:2em;
	}

	.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar > .title > .position > span.label {
		font-size:1.2em;
	}

	.content-block.heading-with-sidebar-section > .inner-block > .padding > .content > .central-block > :last-child {
		margin-bottom:0;
	}
}

@media (width < 600px) {
	.content-block.heading-with-sidebar-section > .hero-image > picture > img {
		width:125%;
		height: auto;
		object-fit: cover;
	}

	.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar {
		font-size:0.85em;
	}
}

/* Tablet */
@media (750px <= width < 1200px) {
	.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar > .title {
		padding-bottom:4em;
	}
	
	.content-block.heading-with-sidebar-section > .inner-block > .padding > .content {
		padding-left:3em;
		max-width:38em;
	}

	.content-block.heading-with-sidebar-section > .inner-block > .padding {
		padding-top:calc(var(--hamburger-icon-size) * 1em);
	}	
}

/* Desktop */
@media (width >= 1200px) {
	.content-block.heading-with-sidebar-section > .inner-block > .padding > .sidebar > .title {
		padding-bottom:0;
	}

	.content-block.heading-with-sidebar-section > .inner-block > .padding {
		padding-top:6.3em;
	}

	.content-block.heading-with-sidebar-section > .inner-block > .padding > .content {
		padding-left:var(--side-bar-width);
		padding-right:var(--side-bar-width);
	}

	.content-block.heading-with-sidebar-section > .hero-image > picture > img {
		width:100%;
		height:900px;
		object-fit:cover;
		object-position:bottom center;
	}
}

@media (width > 2560px) {
	.content-block.heading-with-sidebar-section > .hero-image > picture > img {
		width:100%;
		height:900px;
		object-fit:cover;
		object-position:bottom center;
	}
}