@charset "utf-8";
/*
Theme Name: Stichting Voor Iedereen
Theme URI: https://stichtingvooriedereen.nl/
Author: Manson Habib
Author URI: https://m7bib.com/
Description: Web Development and theme by M7bib for Stichting Voor Iedereen - www.m7bib.com
Version: 1.1
*/

* { box-sizing: border-box; margin: 0; padding: 0; outline: none; -webkit-appearance: none; transition: .25s all ease;}
a { color: inherit; text-decoration: none; outline: none; }
html { -webkit-text-size-adjust: none; }
img, video, svg { vertical-align: bottom; width: 100%; }
body {background: #1a2238; color: white; font-weight: 400; font-family: 'Metropolis'; overflow-x: hidden;} .flex {display: flex;flex-direction: column;justify-content: center} .grid {display: grid}
nav {
    position: fixed;
    top: auto;
    left: 0;
    padding: 15px;
    z-index: 9;
    transition: .25s all ease;
	text-align: right;
	width: 100%;
}
nav li {
	display: inline-block;
	margin-left: 25px;
	color: white;
}
nav .logo {
	display: inline-block;
	float: left;
}
nav .logo svg {
	max-height: 25px;
}
nav .menu-header-menu-container {
	display: inline-block;
}
nav li.active {
	color: #f4db7d;
}
.stichting-voor-iedereen {
	color: black;
}
.stichting-voor-iedereen nav li {
	color: black;
}
.stichting-voor-iedereen nav .logo {
	filter: invert(1);
	opacity: 0;
	display: none;
}
#front-page {
	min-height: 100vh;
	background: white;
}
#front-page .front-logo {
	text-align: center;
	max-width: 300px;
	margin: auto;
}
#front-page .front-logo a {
	color: black;
	display: block;
	margin-top: 25px;
	opacity: .75;
	text-decoration: underline;
	font-family: 'Inconsolata', monospace;
}
footer {
	width: 100%;
	padding: 20px;
	position: fixed;
	bottom: 0;
	left: 0;
	font-size: .9em;
}
footer a {
	color: #9daaf2;
	font-size: 1.1em;
}
footer div {
	display: inline-block;
}
footer .contact {
	margin-left: 25px;
}
#paged, #paged-alt {
	background-size: cover !important;
	background-position: right center !important;
	padding: 20px;
	overflow: hidden;
	padding-top: 150px;
}
#paged-alt {
	display: flex;
	color: white;
}
#paged-alt .inner {
	max-width: 850px;
	margin: auto;
	position: relative;
	z-index: 1;
}
#paged-alt .inner p {
	font-family: 'Metropolis';
	font-size: 2em;
	line-height: 1.5em;
	font-weight: 500;
	text-shadow: 0px 0px 20px rgba(0,0,0,.75);
}
.wie-zijn-wij footer {
	color: white;
}
span.oranje {
	border-bottom: 7px solid #ff6a3d;
}
span.goud {
	border-bottom: 7px solid #f4db7d;
}
span.dark {
	border-bottom: 7px solid #1a2238;
}
span.paars {
	border-bottom: 7px solid #9daaf2;
}
.bg-thumbnail {
	position: absolute;
	z-index: 0;
	background: black;
	bottom: auto;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}
.bg-thumbnail img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
#paged {
	background: #1a2238;
}
#paged .scnd {
	color: #9daaf2;
}
#paged .scnd a {
	color: #ff8216;
	font-weight: bold;
}
#paged table {
	margin-bottom: 25px;
}
#paged .grid {
	grid-template-columns: 1fr 1fr;
	grid-gap: 100px;
	max-width: 1200px;
	margin: auto;
}
#paged span.ondertitel {
	margin-bottom: 25px;
	display: block;
	margin-top: -45px;
	font-family: 'Inconsolata', monospace;
}
#paged h2 {
	margin-bottom: 25px;
	font-weight: 500;
}
#paged p {
	margin-bottom: 25px;
	line-height: 1.5em;
}
#paged p:last-child {
	margin-bottom: 0px;
}
#paged button {
	background: none;
	border: 1px solid #9daaf2;
	border-radius: 25px;
	padding: 10px 20px;
}
.donateurs #paged button {
	margin-top: 15px;
}
#paged button a {
	color: #9daaf2 !important;
	font-family: 'Metropolis';
	font-size: 1.1em;
	font-weight: 500 !important;
}
.projecten #paged button, .bijdragen #paged button {
	border: 1px solid #ff8216;
}
.projecten #paged button a, .bijdragen #paged button a{
	color: #ff8216 !important;
}
#paged-alt button {
	border: none;
	padding: 3px 5px;
	margin-top: 35px;
	font-family: 'Inconsolata', monospace;
}
@media screen and (max-width: 600px) {
	body {font-size: .95em}
	#paged .grid {
		grid-template-columns: 1fr;
	}
	nav .logo {
		display: block;
		float: unset;
		text-align: center;
		margin-bottom: 10px;
	}
	nav .logo img {
		width: unset;
		object-fit: contain;
		margin-bottom: 15px;
		margin-top: 10px;
	}
	nav .menu-header-menu-container {
		text-align: center;
		width: 100%;
	}
	nav li {
		margin-left: 6px;
		margin-right: 6px;
	}
	nav {
		background: #1a2238;
	}
	footer {
		background: #1a2238;
	}
	#paged, #paged-alt {
		min-height: unset;
		padding-top: 150px;
		padding-bottom: 150px;
	}
	#paged span.ondertitel {
		margin-top: 0px;
	}
	.stichting-voor-iedereen nav, .stichting-voor-iedereen footer {
		background: white;
	}
	.intro nav, .intro footer {
		background: none;
	}
	.bg-thumbnail {
		height: 100%;
		width: 100%;
	}
	.bg-thumbnail img {
	}
}