html {
	font-family: sans-serif;
	height:100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body { 
	height:100%;
	background-color: #843960;
	background-image:url( '/img/uitstilstand/bg.webp'),linear-gradient(90deg,rgba(132, 57, 96, 1) 0%, rgba(62, 29, 36, 1) 50%, rgba(42, 8, 6, 1) 100%);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: auto 100%;
	background-position: center;
}
body.nowebp { background-image:url( '/img/uitstilstand/bg.jpg' ); }

body, button, input, select, textarea {
	color: #6c6c6c;
	font-size: 18px;
	line-height: 2;
	margin:0;
	font-family: 'Roboto Condensed', sans-serif;
	text-rendering: optimizeLegibility;
	font-weight: 400;
}

a {
	color: #cea525;
	text-decoration: none;
	-o-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-webkit-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}
blockquote {
	line-height: 1.5;
	margin-bottom: 0;
}

code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

img.vignet { width: 25%; }

.nav { width: 100%; }
.nav img.txt-gloeiendeplaat { width: 25%; position: absolute; right: 1%; top: 0; }
.nav a, .site-social a, a:focus { color: #FFFFFF; }
.nav a:hover, .site-social a:hover, a:hover { color: #cea525; }
.nav #primary-menu li#menu-item-1 {
	background: url('/img/gloeiendeplaat/txt-pieterjouke.png');
	background-size: 100%;
	background-repeat: no-repeat;
	text-indent: -99999px;
	background-position-x: left;
	width: 5.8em;
	background-position-y: 0em;
	margin-left: 0;
	height: 3em;
}

#kevin { display:block; height:100vh; }

table.speeldata { width: 100%; }
table.speeldata col.datum { width:20%; }
table.speeldata col.titel { width:30%; }
table.speeldata col.theater { width:30%; }
table.speeldata col.plaats { width:20%; }

table.speeldata td { border-bottom: 1px solid #a9a9a9; }
table.speeldata tr.important td { font-weight: bold; }

div.speeldata { display: block; width: 100%; }
div.speeldata .row {
	clear: both;
	display: block;
	overflow: hidden;
}
div.speeldata .col { float: left; display: table-cell; border-bottom: 1px solid #a9a9a9; }
div.speeldata .col.datum { width:20%; }
div.speeldata .col.langedatum { display:none; }
div.speeldata .col.titel { width:30%; }
div.speeldata .col.theater { width:30%; }
div.speeldata .col.plaats { width:20%; }

.nav { position:absolute; }
.nav ul { list-style: none; margin: 0; padding-left: 0; }
.nav ul li { position: relative; margin: 0 auto; display: inline-block; }
.nav ul > li { 
	-webkit-transition: top .3s ease-in-out, opacity .3s ease-in-out;
	transition: top .3s ease-in-out, opacity .3s ease-in-out;
}

.nav a {
	display: block;
	text-decoration: none;
	padding: 1.5em 0.6em ;
	border-top: 2px solid transparent;
	-o-transition: border-top .3s ease-in-out;
	-moz-transition: border-top .3s ease-in-out;
	-webkit-transition: border-top .3s ease-in-out;
	transition: border-top .3s ease-in-out;
}

.content {
	color: #181818;
	width: 80%;
	margin: 0 auto;
	padding: 0 1em 0 1em;
}

.content article#contact, .content article#pers { text-align: center; }
.content article {
	border: 1px solid#6c6c6c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(254,254,254,0.6);
	padding: 1.2em 1.4em;
	margin-bottom:1em;
	min-height: 90vh;
}
.content article h2 { text-align: center; }

.upupup {
	position:fixed;
	text-align: left;
	bottom: 0;
	left: 1em;
	width:100%;
}

.upupup  a, .content article a {
	color: #BE0000;
	display: block;
	padding-bottom: 1em;
}

.site-social {
	position: absolute;
	bottom: 0.7em;
	width: 100%;
	font-size: 125%;
	text-align: center;
	z-index: 9;
}
.socialLine .spaceLeftRight {
	margin: 0 8px;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}


@media only screen and (max-device-width: 670px) {
	html { width: 95%; }
	body {
		background-image: url('/img/uitstilstand/bg.webp');
		background-size: 418%;
		background-position: left;
	}
	body.nowebp { background-image:url( '/img/uitstilstand/bg.jpg' ); }

	img.vignet { width: 60%; }

	blockquote { margin: 0 0 1em 0;}

	.content { width:95%; padding: 0 0 0 1em; }
	.nav ul li { display:block; }
	.nav a { padding: 0 0 0 0.6em; }
	.nav #primary-menu li#menu-item-1 {}

	img#txt-gloeiendeplaat { width: 45%; top:73vh; right: 0.01em; }

	article#speeldata h3 { margin-bottom:0; }
	div.speeldata { display: block; width: 100%; }
	div.speeldata .row {
		clear: both;
		display: block;
		overflow: hidden;
		border-bottom: 1px solid #a9a9a9;
		padding: 0.5em 0;
	}
	div.speeldata .col            { border:none; line-height: 1.4em; }
	div.speeldata .col.datum      { display: none; }
	div.speeldata .col.langedatum { width:100%; display: inline ; margin-bottom: 0.2em; font-style: italic; }
	div.speeldata .col.titel      { width:100%; line-height: 1.4em; }
	div.speeldata .col.theater    { width:100%; line-height: 1.2em; }
	div.speeldata .col.plaats     { width:100%; line-height: 1.2em; font-weight: bold; }
}