#parent-swiper {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: var(--outer-padding);
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}

.main-swiper-slide {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	height: 100%;
}

main.content {
	flex: 1 0 0;
	height: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: var(--outer-padding);
}

main.content em {
	font-weight: 400;
}


main.content section.metadata {
	flex: 1 1 auto;
	width: 50%;
	max-width: calc(40em);
	margin-left: var(--outer-padding);
	padding-right: calc(4 * var(--outer-padding));
}

main.content section.metadata>* {
	margin-bottom: var(--outer-padding);
}

main.content section.metadata .thumbs-slider {
	padding-top: var(--outer-padding);
}

main.content section.metadata .description {
	font-size: 1.2em;
	font-weight: 500;
}

main.content section.metadata .caption {
	margin-bottom: 0.5em;
}

main.content section.metadata .credits {
	display: block;
	color: #c9c9c9;
}

main.content section.galerie {
	flex: 1 1 auto;
	width: 65%;
}

main.content section.galerie img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: top left;
	-webkit-mask-size: contain;
	mask-size: contain;
}

#slide-figure main.content section.galerie img[src$=".svg"] {
	object-fit: cover !important;
	object-position: center center;
}

.credits-slider .swiper-slide {
	padding-right: 50%;
}

.thumbs-slider {
	width: 100%;
}

.thumbs-slider .swiper-wrapper {
	pointer-events: none !important;
}

.thumbs-slider .swiper-slide {
	pointer-events: auto !important;
	opacity: 0.5;
	background-color: #f5f5f5;
	width: calc(2.5 * var(--outer-padding)) !important;
	height: calc(2.5 * var(--outer-padding)) !important;
	border-radius: calc(0.2 * var(--outer-padding));
	overflow: hidden;
}

.thumbs-slider img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.thumbs-slider .swiper-slide-thumb-active {
	opacity: 1;
}

header.main-header::after {
	content: "";
	background-image: url(../common/icons/cross-black.svg);
	position: absolute;
	top: calc(0.8 * var(--outer-padding));
	right: calc(0.8 * var(--outer-padding));
	width: calc(1.3 * var(--outer-padding));
	height: calc(1.3 * var(--outer-padding));
}

header h3 {
	font-size: 2em;
}

header {
	margin-bottom: var(--outer-padding);
	font-weight: bold;
	font-size: 1.2em;
}

hr.inline {
	display: inline-block;
	margin: 0 1.5vh;
	border: none;
	border-left: 1px solid black;
	height: 1.2em;
	vertical-align: middle;
	width: 0;
}

/* Carousel Nav */

#carousel-nav {
	text-align: center;
}

#carousel-nav button {
	margin: 0 0.2vh;
}

body.monument a[href*="monument"] button,
body.oeuvre a[href*="oeuvre"] button,
body.figure a[href*="figure"] button {
	background-color: black;
	color: white;
}