/* resets */
html, body,
article, header, footer, section, nav, main,
div,
button, input,
h1, h2, h3, h4, h5, h6, p, li,
a, span, em {
	box-sizing: border-box;
	line-height: 1.333;
	overflow: initial; }

html, body,
article, header, footer, section, nav, main,
div,
button, input,
h1, h2, h3, h4, h5, h6, p, li,
a, span, em {
	margin: 0;
	padding: 0; }

/* globals */
@font-face {
	font-family: 'Zurich';
	src: url("/fonts/ZurichBT-Regular.woff"); }

.swiper-container {
	text-align: center; }

.swiper-slide {
	display: flex;
	align-items: center;
	text-align: center; }
	.swiper-slide main {
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden; }
		.swiper-slide main img {
			display: block;
			-o-object-fit: contain;
			object-fit: contain;
			margin: 0 auto;
			max-width: 100%;
			max-height: 100%;
			width: auto;
			height: auto; }

.swiper-button-next, .swiper-button-prev {
	color: #de4164; }

button, button > svg {
	cursor: pointer; }

a, a:link,
a:hover, a:visited {
	color: #de4164;
	text-decoration: underline; }

html, body {
	font-family: "Zurich", sans-serif;
	font-size: 15px;
	font-weight: 500;
	background-color: #dddedf;
	/* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */ }

html[data-status="busy"] * {
	cursor: wait; }

#projection {
	position: relative;
	z-index: 10;
	margin: 3rem;
	text-align: center; }
	#projection iframe {
		border: 1px solid #de4164; }

#meetingroom {
	position: fixed;
	top: 0;
	z-index: 0;
	width: 100%;
	padding: 12rem 3rem 3rem;
	text-align: center; }
	#meetingroom img {
		max-height: 90vh;
		height: auto; }

#agenda {
	position: relative;
	width: 100%;
	z-index: 10;
	margin: 900px auto 6rem;
	text-align: center; }
	#agenda #berlage-logo {
		width: 14rem;
		height: auto;
		float: right;
		margin-top: 2rem;
		margin-left: 1rem;
		margin-bottom: 1rem; }
	#agenda .container {
		position: relative;
		width: 100%;
		max-width: 60rem;
		padding: 2rem 3rem 6rem;
		margin: 3rem auto;
		text-align: left;
		background-color: #fff;
		box-shadow: 0rem 2rem 2rem rgba(0, 0, 0, 0.4); }
	#agenda h1, #agenda p {
		color: #de4164; }
	#agenda h1 {
		text-decoration: underline;
		margin-bottom: 1rem;
		font-size: 4rem; }
	#agenda table {
		width: 100%;
		border-collapse: collapse;
		margin: 1rem 0; }
	#agenda tr, #agenda td {
		border: 2px solid #de4164; }
	#agenda td {
		color: #de4164;
		font-size: 1rem;
		text-align: left;
		padding: .25rem .75rem; }

/* default column view*/
#contributions {
	position: relative;
	display: block;
	width: auto;
	vertical-align: top;
	box-shadow: 0rem 2rem 2rem rgba(0, 0, 0, 0.4); }
	#contributions nav {
		position: relative;
		display: block;
		width: 100%;
		text-align: center;
		background-color: #fff;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000; }
		#contributions nav button {
			display: inline-block;
			border: 0;
			background: transparent;
			outline: none;
			font-size: 1rem;
			width: 1.5rem;
			height: 1.5rem; }
	#contributions div.container {
		width: 100%;
		position: relative;
		overflow-x: scroll; }
	#contributions .contribution {
		display: table-cell;
		position: relative;
		width: 24rem;
		min-width: 24rem;
		max-width: 24rem;
		border-left: 1px solid #050505;
		border-right: 1px solid #050505;
		background-color: #fff; }
		#contributions .contribution nav {
			position: absolute;
			z-index: 50;
			top: 1rem;
			right: .75rem;
			width: 2rem;
			border-top: none;
			border-bottom: none; }
			#contributions .contribution nav button {
				display: block;
				border: 0;
				background: transparent;
				outline: none;
				width: 2rem;
				height: 2rem; }
		#contributions .contribution article {
			display: block;
			position: relative;
			overflow: hidden;
			overflow-y: hidden;
			overflow-y: scroll;
			height: 100vh;
			padding-bottom: 12rem; }
	#contributions header,
	#contributions section {
		position: relative;
		display: block;
		margin: 1rem .75rem; }
	#contributions img {
		max-height: 90vh;
		max-width: 100%;
		width: auto; }
	#contributions iframe {
		/* min-height: 24rem; */
		max-width: 100%;
		height: auto;
		/* padding: 10mm 10mm; */
		/* object-fit: contain; */ }

#catalogues {
	text-align: center;
	margin: 3rem; }
	#catalogues .catalogue {
		display: inline-block;
		position: relative;
		margin: 3rem .75rem;
		width: 72rem;
		height: 48rem; }
		#catalogues .catalogue nav {
			position: absolute;
			z-index: 50;
			top: 1rem;
			right: .75rem;
			width: 1rem; }
			#catalogues .catalogue nav button {
				display: block;
				border: 0;
				background: transparent;
				outline: none;
				width: 1rem;
				height: 1rem; }

#catalogues div.catalogue[data-expand="expand"] {
	width: 100vw;
	height: 100vh; }

#contributions div.contribution[data-expand="expand"] {
	width: 100vw;
	min-width: 100vw;
	max-width: 100vw; }
	#contributions div.contribution[data-expand="expand"] iframe {
		min-height: 24rem; }

body[data-fullscreen=true] {
	display: block;
	width: 100vw;
	min-height: 100vh;
	overflow: auto; }

/* typography */
h1, h2, h3, h4, h5, h6, p, li {
	font-family: "Zurich", sans-serif;
	font-weight: 500;
	color: #050505;
	overflow-wrap: break-word;
	word-break: break-word;
	font-weight: 500;
	font-size: 1rem; }

p + p {
	text-indent: 3rem; }

section.text {
	max-width: 40rem; }

footer p {
	margin: 0;
	font-weight: 500;
	font-size: .75rem;
	line-height: 100%;
	opacity: .4; }