/* ThesingeInBeeld.nl */

/* @group Base styles */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
	text-align: center;
	font: 18px Merriweather, 'Asap Condensed', 'Archivo Narrow', Rosario, Rubik, Arial, Helvetica, Geneva, sans-serif;
}

p {
	line-height: 1.5;
	margin: 0 0 1em;
	display: block;
}

a {
	color: #a4976b;
	text-decoration: none;
}

a:hover {
	color: #5E5846;
	text-decoration: underline;
}

a:visited {
	color: #5E5846;
	text-decoration: none;
}

/* @end */

#banner {
	position: fixed;
	top: 0;
	width: 100vw;
	height: 1.6em;
	padding-top: .75em;
	padding-bottom: .75em;
	margin-bottom: 2vw;
	font: 600 1.2em 'Asap Condensed', 'Archivo Narrow', Rosario, Rubik, Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	background-color: #fff;
}

#banner a {
	padding-right: 1vw;
	padding-left: 1vw;
}

#banner a:hover {
	color: #084b99;
	text-decoration: none;
}

#banner a:hover edition {
	color: #fff;
	text-decoration: none;
}

#thesinge_in_beeld_1 a.tib1 edition,
#thesinge-in-beeld-1 a.tib1 edition,
#thesinge_in_beeld_2 a.tib2 edition,
#thesinge-in-beeld-2 a.tib2 edition {
	color: #fff;
}


#idx a.tib,
#thesinge_in_beeld_1 a.tib1,
#thesinge-in-beeld-1 a.tib1,
#thesinge_in_beeld_2 a.tib2,
#thesinge-in-beeld-2 a.tib2 {
	color: #084b99;
}

edition {
	padding: 0.2em 1em;
	border-radius: 6px; /* future proofing */
	background-color: #f59e0c;
}

#home #betacontent {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-evenly;
	align-items: flex-start;
	align-content: flex-start;
	padding-top: 5em;
}

#breadcrumb {
	display: none;
}

#home- .entry {
	width: 40vw;
}

#home- .entry img {
	width: 46vw;
	margin-right: 2vw;
	margin-left: 2vw;
}

#betacontent {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	padding-top: 5em;
}

#home .entry,
.category .entry {
	width: 28vw;
	min-height: 1200px;
	text-align: left;
	padding-left: 1vw;
	padding-right: 1vw;
	padding-bottom: 1vw;
	padding-top: 1vw;
	margin-bottom: 2vw;
	background-color: rgba(6, 116, 158, 0.03);
	border-radius: 6px; /* future proofing */
}

.entry img {
	width: 100%;
	height: auto;
}

.entry-header,
.entry-series-header {
	font-weight: bold;
	padding-bottom: 1vw;
}

#home .entry .extended {
	text-align: center;
	font-weight: bold;
	padding-left: 1vw;
	padding-right: 1vw;
	padding-bottom: 0.5vw;
	padding-top: 0.5vw;
	text-transform: lowercase;
	background-color: rgba(15, 129, 225, 0.48);
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}

.category .entry .extended {
	text-align: center;
	font-weight: bold;
	padding-left: 1vw;
	padding-right: 1vw;
	padding-bottom: 0.5vw;
	padding-top: 0.5vw;
	text-transform: uppercase;
	background-color: rgba(15, 129, 225, 0.48);
	width: 25%;
	margin-right: auto;
	margin-left: auto;
}

.category .entry a .extended  {
	color: #fff;
}

.category .entry a:hover .extended {
	color: #000;
	background-color: rgb(15, 127, 225);
	text-decoration: none;
}

.spotlight-group {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}

.spotlight-group img {
	width: auto;
	height: 14vw;
	margin-left: .5em;
	margin-bottom: .5em;
}

.footer {
	margin-top: 5vw;
	padding-top: 2vw;
	padding-bottom: 2vw;
	font: 0.8em Merriweather, 'Asap Condensed', 'Archivo Narrow', Rosario, Rubik, Arial, Helvetica, Geneva, sans-serif;
}

/* medium screens */
@media only screen and (max-width: 1600px) {

#banner- {
	position: fixed;
	top: 0;
	width: 100vw;
	height: 1.8em;
	padding-top: 1em;
	padding-bottom: 1vw;
	margin-bottom: 2vw;
	font: 600 1.2em 'Asap Condensed', 'Archivo Narrow', Rosario, Rubik, Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	background-color: #fff;
}

#home #betacontent,
#category #betacontent {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	align-items: flex-start;
	align-content: flex-start;
	padding-top: 3em;
}

#home .entry,
.category .entry {
	width: 46vw;
	text-align: left;
	padding-left: 1vw;
	padding-right: 1vw;
	padding-bottom: 1vw;
	padding-top: 1vw;
	margin-bottom: 2vw;
	background-color: rgba(6, 116, 158, 0.03);
	border-radius: 6px; /* future proofing */
}

}

/* small screens */
@media only screen and (max-width: 1000px) {

#home #betacontent,
#category #betacontent {
	display: flex;
	flex-flow: column wrap;
	justify-content: space-evenly;
	align-items: flex-start;
	align-content: flex-start;
	padding-top: 3em;
}

#home .entry,
.category .entry {
	width: 96vw;
	text-align: left;
	padding-left: 1vw;
	padding-right: 1vw;
	padding-bottom: 1vw;
	padding-top: 1vw;
	margin-bottom: 2vw;
	background-color: rgba(6, 116, 158, 0.03);
	border-radius: 6px; /* future proofing */
}

}

/* iphones */
@media only screen and (max-device-width: 736px) {

body {
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
	text-align: center;
	font: 24px Merriweather, 'Asap Condensed', 'Archivo Narrow', Rosario, Rubik, Arial, Helvetica, Geneva, sans-serif;
}

#banner {
	position: fixed;
	top: 0;
	width: 100vw;
	height: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 4em;
	font: 600 1.8em 'Asap Condensed', 'Archivo Narrow', Rosario, Rubik, Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	overflow-x: scroll;
	background-color: #fff;
}

#home #betacontent {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-evenly;
	align-items: flex-start;
	align-content: flex-start;
	padding-top: 3em;
}

#betacontent {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	padding-top: 4em;
}

.entry-header,
.entry-series-header {
	font-weight: bold;
	padding-bottom: 1vw;
	font-size: 1.8em;
}

.entry img {
	width: 100vw;
	height: auto;
	margin-right: -2vw;
	margin-left: -2vw;
}

#home .entry,
.category .entry {
	width: 96vw;
	text-align: left;
	padding-left: 2vw;
	padding-right: 2vw;
	padding-bottom: 1vw;
	padding-top: 2em;
	margin-bottom: 2em;
	background-color: rgba(6, 116, 158, 0.03);
	border-radius: 0; /* future proofing */
}

#home .entry .extended {
	text-align: center;
	font-weight: bold;
	padding-left: 1vw;
	padding-right: 1vw;
	padding-bottom: 0.5vw;
	padding-top: 0.5vw;
	text-transform: lowercase;
	background-color: rgba(15, 129, 225, 0.48);
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 6px;
}

.category .entry .extended {
	text-align: center;
	font-weight: bold;
	padding-left: 1vw;
	padding-right: 1vw;
	padding-bottom: 0.5vw;
	padding-top: 0.5vw;
	text-transform: lowercase;
	background-color: rgba(15, 129, 225, 0.48);
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 6px;
	font-size: 1.6em;
}

.spotlight-group img {
	width: 100vw;
	height: auto;	
	margin-left: 0;
	margin-bottom: 1vw;
}

.footer {
	margin-top: 5vw;
	padding-top: 2vw;
	padding-bottom: 2vw;
	font: 0.9em Merriweather, 'Asap Condensed', 'Archivo Narrow', Rosario, Rubik, Arial, Helvetica, Geneva, sans-serif;
}

}