@charset "utf-8";
/* CSS Document */

/* 
	Groen:	#488703; 
	
	*/
 

@import url("/style/css/browser-reset.css");
@import url("/style/css/settings.css");
@import url("/style/css/fonts.css");
@import url("/style/css/header.css");
@import url("/style/css/nav.css");
@import url("/style/css/hero.css");
@import url("/style/css/content.css");
@import url("/style/css/textfolder.css");
@import url("/style/css/news.css");





	/* Framework */
	
	.wrapper{
		background-color:#FFF;	
		overflow:hidden;
		width:100%;
		height:auto;
		-webkit-box-shadow: -10px 0px 8px -8px rgba(0,0,0,0.2);
		-moz-box-shadow: -10px 0px 8px -8px rgba(0,0,0,0.2);
		box-shadow: -10px 0px 8px -8px rgba(0,0,0,0.2);
		z-index:100;
		min-height:100% !important;
		}
	body .wrapper,
	body header.mother{ 
		transition: margin 500ms;
		-webkit-transition: margin 500ms;
		-moz-transition: margin 500ms;
		-ms-transition: margin 500ms;
		-o-transition: margin 500ms;
		}
		
	body.nav-active .wrapper,
	body.nav-active header.mother{ 
		margin-left: 85%; 
		margin-left: calc(100% - 80px); 
		overflow:hidden; 
		}
	
	body.nav-active{ overflow-x:hidden; }	
	
	body.nav-active header .mobile-menu-header .menu-trigger{ left:0; }	
		
	/*main{
		position:relative;
		width: 100%;
		margin:0 auto;
		min-height:800px;
		z-index:1; 
		text-align:center;
		}*/
		
	.mother{
		width:100%;
		}	
		
	.child{
		position:relative;
		width:100%;
		padding-left:30px;
		padding-right:30px;
		}	
		
	/*Temp*/
 	.reco-slider{
		width:100%;
		height:600px;
		background-color:#f3f3f3;
		}
		
	main{
		width:100%;
		height:auto;
		position: relative;overflow: hidden;
		
		}

	main #overlay{
		background-color:rgba(255,255,255,0.0);
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index: 1;
		pointer-events: none;
		cursor: none;
		transition: background-color 300ms;
		-webkit-transition: background-color 300ms;
		-moz-transition: background-color 300ms;
		-ms-transition: background-color 300ms;
		-o-transition: background-color 300ms;
	}

	main #overlay.active{
		background-color:rgba(255,255,255,0.5);
		pointer-events: all;
		cursor: pointer;
		
	}


	main article#article{
		min-height:350px;
		background-image: url(/style/img/wolken.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: contain;
		min-height: 80vh;
		}
	
	main header.page-title{
		background-color:#f3f3f3;
		padding:130px 0px 60px;
		text-align: center;
		
		}
	main header.page-title h1{
		display:inline-block;
		background-color:transparent;
		color:#000;border:3px solid #000;
		padding: 6px 22px 8px 22px;
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px; 
		-ms-border-radius: 6px; 
		-o-border-radius: 6px; 
		border-radius: 6px;
		margin:0 auto;

		}
		

	
	/* Footer */
	footer .top{
		overflow:hidden;
		background-color:#b59e7f;
		color:#FFF;
		text-align:center;
		font-size:0;
		}
	/*footer .top:after{
		
		content:"";
		display:inline-block;
		height:3px;
		bottom:0;
		width:400px;
		max-width:80%;
		background-color: rgba(255,255,255,0.2);
		}*/
	footer h4{
		color:#000;
		position:relative;
		font-weight:300;
		font-size:16px;
		margin-bottom:20px;
		}
	footer h3:after{
		background-color: rgba(255,255,255,0.2);
		height:3px;
		width:100px;
		max-width:60%;
		content:"";
		display:inline-block;
		position:absolute;
		bottom:0px;
		/*left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);*/
		left:0;
		}

	/*footer .top .child:before{
		content:"";
		width:1px;
		height:100%;
		border-left:2px dotted #f8beab;
		min-height:30px;
		position:absolute;
		left: calc(33% - 80px);
		}
	footer .top .child:after{
		content:"";
		width:1px;
		height:100%;
		border-left:2px dotted #f8beab;
		min-height:30px;
		position:absolute;
		right: calc(33% + 80px);
		}*/
		
	footer .top .column{
		
		display:block;
		float:none;
		width:100%;
		overflow:hidden;
		position:relative;
		margin:0 auto;
		max-width:300px;
		padding-bottom:40px;
		padding-top:40px;
		text-align:left;
		font-size: 16px;
		line-height:28px;
		}
	footer .top .column:after{
		position:absolute;
		content:"";
		height:1px;
		bottom:0;
		left:0;
		right:0;
		display:inline-block;
		background-color: rgba(255,255,255,0.1);
		}
	footer .top .column:last-child:after{
		
		display:none;
		}
		
	footer .copyright{
		background-color:#9f896b;
		padding-top:40px;
		padding-bottom:40px;
		color:#FFF;
		text-align:center;
		}
			
	footer .copyright span{
		color: rgba(255,255,255,0.9);
		font-size:80%;
		}
			
	
@media only screen and (min-width: 500px) {
	
	/*
	body:before{ content:"500"; background-color:#FF0; display:inline-block; position:fixed; right:0; bottom:0; font-size:12px; text-transform:uppercase; letter-spacing:2px; padding:3px 10px}
	*/
	
	
	body.nav-active .wrapper,
	body.nav-active header.mother{ 
		margin-left: 400px; 
		}
	
	
	
}
	
	
	
@media only screen and (min-width: 850px) {
	
	/*	
	body:before{ content:"850"; background-color:#FF0; display:inline-block; position:fixed; right:0; bottom:0; font-size:12px; text-transform:uppercase; letter-spacing:2px; padding:3px 10px}
	*/
	
	.mother{ 
		}	
		
	.child{
		margin:0 auto;
		padding-left:0;
		padding-right:0;
		max-width:1330px;
		width: calc((100% / 12) * 10);
		}	

		
	main header.page-title{
		padding:180px 0px 80px;
		
		}
	/*main header.page-title.min-padding{
		padding:250px 0px 80px;
		}*/
	main header.page-title .child{
		width:75%;
		max-width:1000px;
		
		}
		
		
	main .quick-categories{
		float:left;
		}
		
	main .content-right{
		float:right;
		width: calc(100% - 440px);
		
		}	
	
		
	
		
		
}
	
	
	
@media only screen and (min-width: 950px){
	/*
	body:before{ content:"950"; background-color:#FF0; display:inline-block; position:fixed; right:0; bottom:0; font-size:12px; text-transform:uppercase; letter-spacing:2px; padding:3px 10px}
	*/
	
	footer .top .column{
		display:inline-block;
		vertical-align:top;
		width:21%;
		padding-top:60px;
		padding-bottom:60px;
		margin-right:2%;
		margin-left:2%;
		}
		
	footer .top .column:after{
		left:auto;
		right:0;
		top:0;
		height: 250px;
		max-height:100%;
		width:1px;
		}
	footer .top .column:last-child:after{
		
		display:none;
		}

	
	}		



	/* SUBSCRIBE */
.subscribe #email,
.quickform.subscribe button[type="submit"]{
padding:10px 20px;
	border: 1px solid rgba(0,0,0,0.2);
	margin:0;
}
.quickform.subscribe .full{
padding-top:10px; 

}
.quickform.subscribe input[type="radio"], .quickform.subscribe input[type="checkbox"] {
    vertical-align: inherit;
	}


@media only screen and (min-width: 1200px){
	/*
	body:before{ content:"1050"; background-color:#FF0; display:inline-block; position:fixed; right:0; bottom:0; font-size:12px; text-transform:uppercase; letter-spacing:2px; padding:3px 10px}
	*/
		body.nav-active .wrapper,
	body.nav-active header.mother{ 
		margin-left: 0px; 
		}

}

@media only screen and (min-width: 1200px){
	/*
	body:before{ content:"1200"; background-color:#FF0; display:inline-block; position:fixed; right:0; bottom:0; font-size:12px; text-transform:uppercase; letter-spacing:2px; padding:3px 10px}
	*/
}

@media only screen and (min-width: 1400px){
	/*
	body:before{ content:"1400"; background-color:#FF0; display:inline-block; position:fixed; right:0; bottom:0; font-size:12px; text-transform:uppercase; letter-spacing:2px; padding:3px 10px}
	*/
}