html {
	scroll-behavior:smooth;
}

.content-area {
	overflow:hidden;
}

.content-area .content-block.content-section > .inner-block > .padding {
	padding:0;
}

.content-area .content-block .inner-block > .padding > .sidebar {
	position:relative;
}

.content-area .content-block .inner-block > .padding > .sidebar::after {
	content:'';
	position:absolute;
	z-index:1;
	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);
}

.content-area .content-block.content-section > .inner-block > .padding > .content-block > .inner-block > .padding {
	padding:0;
}

.content-area .content-block .inner-block > .padding > .sidebar {
	width:var(--side-bar-width);
}

body.loading .content-area .content-block .inner-block > .padding > .sidebar::after {
	background-color:transparent;
}

.content-area .content-block.dark-margins .content {
	position:relative;
}

.content-area .content-block.dark-margins .content::before,
.content-area .content-block.dark-margins .content::after {
	content:'';
	background-color:var(--main-color);
	position:absolute;
	top:0;
	height:100%;
	width:100vw;
	z-index:0;
	opacity:1;
	transition:opacity var(--main-transition-time);
}

.content-area .content-block.dark-margins:has(.content > picture.transition-element.fade-in) .content::before,
.content-area .content-block.dark-margins:has(.content > picture.transition-element.fade-in) .content::after {
	opacity:0;
}

.content-area .content-block.dark-margins .content::before {
	right:100%;
}

.content-area .content-block.dark-margins .content::after {
	left:100%;
}

.content-block.dark-background > .inner-block > .padding > .content {
	background-color:var(--main-color);
	color:var(--invert-text-color);
}

.fineprint {
	font-size:0.75em;
}

/* Tablet and Mobile */
@media (width < 1200px) {
	.content-area .content-block.content-section > .inner-block > .padding > .content-block > .inner-block > .padding {
    display:block;
	}

	.content-area .content-block.content-section > .inner-block > .padding > .content-block > .inner-block > .padding > .sidebar {
		display:none;
	}
}

/* Mobile */
@media (width < 750px) {
	.hide-mobile {
		display:none;
	}

	.show-desktop {
		display:none;
	}

	.show-tablet {
		display:none;
	}

	.show-desktop-tablet {
		display:none;
	}

	.show-mobile {
		display:block;
	}

	.content-area .content-block.dark-margins .content::before,
	.content-area .content-block.dark-margins .content::after {
		display:none;
	}
}

/* Tablet */
@media (750px <= width < 1200px) {
	.show-mobile {
		display:none;
	}

	.show-desktop {
		display:none;
	}

	.hide-tablet {
		display:none;
	}
}

/* Desktop */
@media (width >= 1200px) {
	.show-mobile {
		display:none;
	}

	.hide-desktop {
		display:none;
	}

	.show-tablet {
		display:none;
	}
}