/*
Theme Name: Fundament - theme
Theme URI: https://wordpress.org/themes/twentysixteen/
Template: twentysixteen
Author: Klokwerk-Design
Author URI: https://wordpress.org/
Description: Child theme Based on Twenty Sixteen, wordpress 
Version: 1.0
Updated: 2019-08-15 19:26:17
*/
body {
	font-family: 'Montserrat', sans-serif !important;
}
.blokken {
	position: relative;
	overflow: auto;
	width: 100%;
	margin-bottom: 2em;
}
.entry-content .blokken {
	position: relative;
	overflow: auto;
	width: 100%;
	top: 0;	
	margin-bottom: 1em;
}
.entry-content .blok {
	min-height: 20em;
}
.optrekken {
	position: relative;
	width: 100%;
}
.blok {
	width: 30%;
	margin-right: 5%;
	float: left;
	padding: 2%;
	background-color: #4C4E75;
	background: transparent;
	border: 2px solid  #4C4E75;
	min-height: 20em;
    text-align: center;
    color: #4C4E75;
	position: relative;
}
.home .blok {
	min-height: 11em;
}
.blok p:last-child, .blok h6:last-child {
	margin-bottom: 0;
}
h6 {
	padding: 0.5em 1%;
	border: 2px solid #B07E4A;
	font-size: 1rem;
	display: inline-block;
}
h6 a {
	box-shadow: none !important;
	color: #4C4E75;
}
.blok h6 {
	display: block;
	position: absolute;
	bottom: 1em;
	color: #4C4E75;	
	width: 88%;
}
.blok h6 a {
	color: #4C4E75;
}
.blok:nth-child(n+4) {
	margin-top: 5vw;
}
.blok:nth-child(3n+3) {
	margin-right: 0;
}
.site-footer {
	background-color: #4C4E75;
	width: 100%;
}
.site-info {
	width: 100%;
}
.site-info, .site-info a {
	color: #fff !important;
}
.site-header {
    padding: 0;
}
.header-image img {
	width: 100%;
}
.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin-right: 0;
    margin-left: 0;
}
.site-main > article {
    margin-bottom: 5em;
}
.entry-footer {

}
.site-footer .widget {
	border-top: none !important;
}
.main-navigation li a {
	font-size: 110%;
	text-transform: uppercase;
}
.fotomirr, .foto {
	width: 25%;
	float: right;	
	overflow: hidden;	
}
.textmirr, .text {
	width: 73%;
	margin-right: 2%;
	float: left;	
}
.holder {
	position: relative;
	overflow: auto;
	padding-bottom: 1em;
}
.site-header-main {
	padding-bottom: 1em;
	padding-top: 1em;
	border-bottom: 2px solid #4C4E75;	
}
.site {
    background-color: rgba(255,255,255,0.9);
}
.site-inner {
	max-width: none;
}
#content, #colophon, #innermasthead {
	max-width: none;
	margin: auto;
}
#innermasthead {
	position: relative;
}
#masthead {
	margin-bottom: 2em;	
}	
.element-is-sticky {
	background-color: #fff;	
}
.site-inner {
	padding-bottom: 1em;
	padding-left: 0;
	padding-right: 0;
}
.site {
	margin-bottom: 0;
	margin-top: 2%;
}
@media screen and (min-width: 61.5625em) {
	.custom-logo {
    	max-width: 350px;
    	width: 350px !important;
	}
	.main-navigation {
		font-size: 90%;
		position: relative;
	}	
	.entry-content p {
    	width: 80%;
	}
	.tachtigprocent, .textmirr p, .text p {
		width: 90%;
	}
	.blogfront .entry-content p, .entry-content form p, .entry-content .blok p, .blog .entry-content p, .post .entry-content p {
		width: 100%;
	}
}
.site-header-main {
	display: flex;
	justify-content: space-between;
}
.site-header-menu {
	margin-bottom: 0;
	align-self: flex-end;
}
.entry-title {
	display: none;
}
.home .bovenblokken {
	color: #fff;
	background: rgba(80,80,80,0.5);
	padding: 1%;
	margin-bottom: 0;
	margin-left: 2%;
	margin-right: 2%;
	bottom: 2em;
	position: absolute;
	width: 96%;
}
.home .site-content, .home .site-footer {
	position: relative;
}
.home .bovenblokken p {
	margin-bottom: 0;
}	
.site-header-main {
	padding-right: 4.5455%;
	padding-left: 4.5455%;
}
.site-footer {
	padding-top: 1em;
	padding-bottom: 1em;
}	
.site-info {
	background-image: url('../jpg/lijnenopblauwpaars.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}
.widget-area {
	margin-bottom: 0 !important;
}
.entry-content h6 {
	margin-top: 0;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h1, .entry-summary h2, .entry-summary h3, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6, .textwidget h1, .textwidget h2, .textwidget h3, .textwidget h4, .textwidget h5, .textwidget h6 {
    display: inline-block;
	margin-top: 0;
}
.blog .entry-title, .single-post .entry-title {
    display: inline-block;
}
@media screen and (min-width: 56.875em) {
	.main-navigation a {
    	padding: 0 0.875em;
	}	
	.main-navigation ul ul a {
    	padding: 0.65625em 0.875em;
	}
	.main-navigation .menu-item-has-children > a:after {
    	top: 0;
	}
	.content-area, .blog .entry-content p {
    	width: 100%;
	}
	.blog .content-area, .archive .content-area, .search .content-area {
		width: 70%;
	}
	.category .entry-content {
		margin-bottom: 3em;
	}
	div.wpcf7 {
    	margin: 0;
    	padding: 0;
    	float: right;
    	width: 50%;
	}
	.contact {
		width: 48%;
		margin-right: 2%;
		float: left;
	}
}
@media screen and (min-width: 61.5625em) {
	.post-thumbnail {
		float: left;
    	width: 20%;
    	display: inline-block;
	}
	.single-post .entry-content, .blog .entry-content {
    	float: right !important;
    	margin-right: 0 !important;
    	margin-left: 0 !important;
    	width: 78% !important;
		padding-left: 2% !important;
	}
	.blog .entry-content  {
	    width: 80% !important;	
    	float: left !important;		
	}
	.blogfront .post {
		float: left;
		width: 47.5%;
		margin-right: 5%;
	}
	.blogfront .post:last-child {
		margin-right: 0;
	}
	.entry-content p {
		text-align: justify;
	}
}	
.post-navigation {
    border-top: 2px solid #4C4E75;
    border-bottom: 2px solid #4C4E75;
}	
@media screen and (max-width: 61.5625em) {
	.entry-content {
		padding-left: 1em;
		padding-right: 1em;
	}
	.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
    	margin-right: 2%;
    	margin-left: 2%;
	}
	.content-bottom-widgets {
    	margin: 0 0;
	}
	.blok {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 1em; 
	}	
	.home .bovenblokken {
		bottom: 0;
		position: relative;
	}
	.home .site-content, .home .site-footer {
    	position: relative;
    	top: 0;
	}	
	#attachment_266 {
		display: none;
	}
	.blok h6 {
		width: 95.5%;
	}	
	.text, .textmirr, .fotomirr, .foto {
		width: 100%;
	}
}	
.site-branding, .site-header-menu, .header-image {
    margin-top: 0;
}
.blogfront {
	padding-top: 1em;
	border-top: 1px solid #5c5e89;
	padding-bottom: 1em;
	position: relative;
	overflow: auto;
}	
.readmore a {
	color: #5c5e89 !important;
}
.readmore a:hover, .readmore a:focus {
	color: #b07e4a !important;
}
.fotomirr, .foto {
	margin-top: 3em;
}
.byline, .posted-on, .cat-links, .tags-links {
	display: none !important;
}
.single .byline {
	display: inline-block !important;
}
.edit-link {
	position: fixed;
	right: 3em;
	top: 3em;
}
blockquote, .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus, .post-navigation, .post-navigation div + div, .pagination, .widget, .page-header, .page-links a, .comments-title, .comment-reply-title {
    border-top: 2px solid #5c5e89;
}
.textwidget input[type=submit] {
	margin-top: 1em;
}
.blogfront .entry-content {
	margin-bottom: 2em;
}
.readmore {
	padding-top: 2em;
}