body
{
	background-color: #fdfdfd;
	color: #171717;
	display: flex;
	/*font-family: 'PT Serif', serif;*/
	font-family: 'Poppins', sans-serif;
	font-size: 1.2em;
	margin: 0;
	min-height: 100vh;
}

@media (max-width: 1200px)
{
	body
	{
		flex-direction: column;
	}
}

#sidebar
{
	background-color: #171717;
	flex: 0 0 20vw;
	font-family: 'Poppins', sans-serif;
	text-align: center;
}

@media (max-width: 1200px)
{
	#sidebar
	{
		flex: 0 0;
		padding: 0.5em 4em 0.5em 4em;
	}

	#sidebar-header
	{
		display: flex;
		justify-content: space-between;
	}
}

#logo
{
	filter: invert(100%);
	margin: 3em 1em;
	width: 250px;
}

@media (max-width: 1200px)
{
	#logo
	{
		height: auto;
		width: 70px;
		margin: 0;
	}
}

#main-nav-toggle
{
	background-color: transparent;
	border: 3px solid #fdfdfd;
	border-radius: 10%;
	cursor: pointer;
	display: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 1200px)
{
	#main-nav-toggle
	{
		display: inline;
	}
}

#main-nav-toggle svg
{
	fill: #fdfdfd;
	stroke-width: 0;
}

#main-nav
{
	display: flex;
	flex-direction: column;
}

@media (max-width: 1200px)
{
	#main-nav
	{
		display: none;
	}
}

#main-nav a
{
	color: #fdfdfd;
	font-weight: bold;
	padding: 1em;
	text-decoration: none;
	text-transform: uppercase;
}

#main-nav a:hover
{
	background-color: #343434;
}

#content
{
	flex: 1 1;
	margin: 4em 4em 0 4em;
	max-width: 1215px;
}

@media (max-width: 1200px)
{
	#content
	{
		margin: 4em 1em 0 1em;
	}
}

h1
{
	background-position: center;
	background-size: cover;
	color: #fdfdfd;
	font-family: 'Poppins', sans-serif;
	font-size: 2em;
	font-weight: bold;
	margin-top: 0;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	padding: 3em 0;
	background-image: url("../img/default_header_dark.png");
}

.nieuws h1
{
	/* background-image: url("../img/nieuws.jpg"); */
}

.kalender h1
{
	/* background-image: url("../img/kalender.jpg"); */
}

.contact h1
{
	/* background-image: url("../img/contact.jpg"); */
}

h2
{
	font-family: 'Poppins', sans-serif;
	padding: 0.5em;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;

	font-size: 1em;
	font-weight: normal;
	padding: 1em;
	background-color: #171717;
	color: #fdfdfd;
}

.article-content img
{
	max-width: calc(100% - 2em);
	height: auto;
}

.kalender h2
{
	background-color: #171717;
	color: #fdfdfd;
	font-size: 1em;
	font-weight: normal;
	margin: 2em 0;
}

nav.game-results
{
	text-align: center;
}

nav.game-results a
{
	padding: 0.5em;
}

table.calendar
{
	border-collapse: collapse;
}

table.calendar tr
{
	border: 1px solid;
}

table.calendar td
{
	padding: 0.25em 1em;
}

table.calendar td:nth-child(1)
{
	text-align: right;
}

table.calendar td:nth-child(2)
{
	text-align: left;
}

table.game-results
{
	width: 100%;
}

table.game-results td
{
	padding: 0.25em 0;
	width: 33%;
}

table.game-results td:nth-child(1)
{
	text-align: right;
}

table.game-results td:nth-child(2)
{
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	text-align: center;
}

table.game-results td:nth-child(3)
{
	text-align: left;
}

table.participants
{
	border-collapse: collapse;
	margin: 0 auto;
	/* width: 100%; */
}

table.participants tr
{
	border-bottom: 1px solid #909090;
}

table.participants th
{
	text-align: left;
}

table.participants th,
table.participants td
{
	padding: 0.5em 1em 0.5em 1em;
}

table.participants th:first-child,
table.participants td:first-child
{
	padding-left: 2em;
}

table.participants th:last-child,
table.participants td:last-child
{
	padding-right: 2em;
}

table.participants a
{
	color: inherit;
}

/* table.participants td:nth-child(1)
{
	width: 5%;
}

table.participants td:nth-child(2)
{
	width: 70%;
}

table.participants td:nth-child(3)
{
	width: 15%;
}

table.participants td:nth-child(4)
{
	width: 10%;
} */

table.standings
{
	border-collapse: collapse;
	width: 100%;
}

table.standings td
{
	border: 1px solid #909090;
	padding: 0.25em 0.5em;
}

footer
{
	border-top: 1px solid #707070;
	font-size: 0.8em;
	text-align: center;
	margin-top: 5em;
	padding: 1em;
}

p#steun img
{
	height: 150px;
}

#nieuws-overzicht
{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

@media (max-width: 800px)
{
	#nieuws-overzicht
	{
		display: block;
	}
}

.blog-entry
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: 300px;
}

.blog-entry a
{
	color: inherit;
}

.blog-entry .article-snippet
{
	height: 300px;
	margin: 1em;
}

.blog-entry .article-snippet div
{
	text-overflow: ellipsis;
	overflow: hidden;
	max-height: 50%;
}

.blog-entry .article-image
{
	background-position: center center;
	background-size: cover;
	filter: grayscale(0.5);
	height: 300px;
}