/* STYLE */

/* BASIC'S */

html, body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
}

body {
    background: #0F0E0E; 
    max-width:1600px;
    margin:0 auto;

}

h1,h2,h3,h4,h5,h6 {
	color:gold;
}

a {
	text-decoration: underline;
	color: #fff;
}

img {
    width: 100%;
    max-width: 100%;
}
/* TOP */

header {
	position:fixed;
	top:0px;
}

aside {
    display: grid;
    grid-template-columns: 50% auto;
    padding: 1.3em;
    position: fixed;
	top:0;
	width: 90%;
	transition: 0.4s;
	max-width:1600px;
}
	
aside.active {
	  color: #212121cf;
	  background: #0e0e0ee0;
	  border-bottom:5px solid #ffd70082;
}

aside.active #logo {
	max-width:70%;
	transition:0.4s;
}

aside.active nav ul li a {
	font-size:.9em;
}

figure {
	margin:0;
}

#logo {
	max-width: 100%;
	padding-top: .8rem;
}

/* NAVIGATION */

nav ul {
	list-style-type:none;
	margin:1em 0;
	padding:0;
	float: right;
}

nav ul li {
	float:left;
	display:block;
	padding-left:20px;
}

nav ul li a {
	color:#fff;
	text-transform:uppercase;
	font-size:1.5em;
	display:block;
	transition:0.4s;
}

a.button {
	text-decoration:none;
}

.button {
	background:#ffd700;
	color:#0e0e0e;
	border:none;
	padding: .8em .6em;
	font-size:1rem;
	font-weight:bold;
}

#informatie, #agenda, #insta, #contact-text {
	margin-bottom:50px;
	padding-bottom:50px;
	border-bottom:1px solid gold;
}


/* MAIN */

main {
	padding:1em 1.4em;
	display:grid;
	grid-template-columns:auto;
}

main figure {
	margin:0;
}

/* MAIN - INTRO */
#informatie h3:before {
	content:'\f05a';
	font-family:FontAwesome;
	float:left;
	padding-top:8px;
	margin-right:20px;
}


/* MAIN AGENDA */
th {
	text-align:left;
}

td {
  border-bottom:1pt solid #fcd60057;
  width:100%;
  padding:.5em 0em;
}

.cta {
	display:none;
}

table {
	border-collapse: collapse;
}

table th,
table td {
  width: 1%
}

th:nth-child(2) p {
	float:right;
}

td:nth-child(1) p {
	color:#fff;
	margin:0;
}

td:nth-child(1) p:hover{
	color:gold;
}

td:nth-child(2) p {
	float:right;
	margin:0;
}

table#extra {
	display:none;
}

#agenda h3:before {
	content:'\f073';
	font-family:FontAwesome;
	float:left;
	padding-top:8px;
	margin-right:20px;
}


/* MAIN INSTA */
#instafeed img {
	width:33%;
	padding: .5em;
	box-sizing:border-box;
}

#instafeed {
	margin-bottom:50px;
}

#insta h3:before {
	content:'\f16d';
	font-family:FontAwesome;
	float:left;
	padding-top:8px;
	margin-right:20px;
}

/* MAIN CONTACT */

/* MAIN CONTACT FORM */

/* FOOTER */
 footer {
 	text-align:center;
 	font-size:.7rem;
 	box-sizing:border-box;
 	padding:1em;
 	clear: both;
 }

/* ONLY SCREEN */
@media only screen and (min-width: 768px) {
	body {
		padding:3rem;
	}

	h3 {
		font-size:2rem;
	}

	p {
		font-size: 1.8rem;
		line-height: 1.6;
	}

	p.event, p.datum {
		font-size:1.2rem;
	}

	header {
		position: inherit;
	}

	#logo {
		max-width:250px !important
	}

	aside.active #logo {
		max-width:200px !important;
	}

	aside.active nav ul li a {
		font-size:1.2em;
		margin-top:5px;
	}

	section {
		margin: 1em 0em;
		width:100%;
		box-sizing:border-box;
	}

	section.agendainsta, section.contact {
		display: grid;
    	grid-template-columns: 50% auto;
    	column-gap:2em;
	}

	p.header-table {
		font-size:1.3rem;
	}

	#agenda, #insta {

	}

	section.contact {
		float:left;
	}

	main {
		display: flow-root;
	}

	.cta {
		display:block;
	}

	.button {
		background:#ffd700;
		color:#0e0e0e;
		border:none;
		padding:1em 2em;
		font-size:1.2rem;
		margin-top:50px;
		font-weight:bold;
	}

	#informatie, #agenda, #insta, #contact-text {
	margin-bottom:40px;
	padding-bottom:70px;
	border-bottom:1px solid gold;
	}

}