/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: Please read: tidythemes.com/concept. BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Version: 9999.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

#wpcf7-f15603-p15604-o1 {
	max-width:600px;
	margin:auto;
}

.emailadres input, .Pasnummer input {
	border:1px solid black!important;
}

#wpcf7-f15603-p15604-o1 .wpcf7-submit {
	width:auto;
	float:left;
	padding-left:10px;
	padding-right:10px;
}

html, body {
padding:0px;
margin:0px;
}

*{
font-family: 'Poppins', sans-serif;
font-weight:300;
}

* b, * strong {
font-weight:600;	
}

body {
background:#50E3C2;
color:#616161;
}

a {color:#67D5BC;}

.container {
width:1100px;
max-width:90%;
margin:auto;
}


#header {
color:white;
margin:20px;
}

h1.entry-title {
	color:#67D5BC;
	margin:0px;
padding:0px;
text-align:center;
margin-top:30px;
margin-bottom:30px;
font-size:40px;
line-height:53px;
font-weight:600;

}

#header h1 {
margin:0px;
padding:0px;
margin-top:100px;
font-size:50px;
line-height:63px;
font-weight:600;
}

h2 {
	font-weight:600;
}

#header #tagline {
font-weight:400;
font-size:30px;
line-height:39px;
}

#billboard {
text-align:center;
}

#header #logo {
width:140px;
float:left;
line-height:40px;
margin-right:70px;
}

#topmenu {
	position:relative;
	padding-top:5px;
}


#header #topmenu a {
	color:white;
	margin-right:40px;
	font-size:18px;
	line-height:40px;
	font-weight:600;
	text-decoration:none;
}

#hamburgermetkaas {
	float:right;
	text-align:left;
	z-index:99;
}


#header #topmenu a:hover {
	text-decoration:underline;
}


.maxw {width:270px;max-width:90%;}

#mono {
margin-top:70px;
text-align:center;
width:100%;
position:relative;
overflow:hidden;
}

#mono img {
width:800px;
max-width:80%;
margin-bottom:0px;
}

#mono:after {
    position: absolute;
    bottom: -150%;
	left:-25%;
    display: block;
    content: '';
    width: 150%;
    height: 200%;
    border-radius: 50% 50% 0 0;
    background: white;
	z-index:-1;
  }
  
  .lightpage {
margin:0px;
background:white;
margin-top:0px;
padding-top:30px;
padding-bottom:70px;
position:relative;
overflow:hidden;
}

.circle {
	border-radius:50%;
	padding:10px;
	color:white;
	font-weight:bold;
	margin-right:30px;
	margin-bottom:50px;
	font-size:25px;
	line-height:40px;
	text-align:center;
	background:#50E3C2;
	display:inline-block;
	width:40px;
	height:40px;
	float:left;
}



.light {
margin:0px;
background:white;
margin-top:0px;
padding-top:70px;
padding-bottom:300px;
position:relative;
display:block;
overflow:hidden;
}

.light:after {
    position: absolute;
    bottom: -23%;
	left:-10%;
    display: block;
    content: '';
    width: 120%;
    height: 30%;
    border-radius: 50% 50% 0 0;
    background: #50E3C2;
	z-index:1;
  }

.half {
vertical-align:top;
display:inline-block;
color:#616161;
font-size:22px;
line-height:34px;
font-weight:300;
margin:0px;
padding:0px;
}

.half.firsthalf {
width:40%;
font-weight:300;
}

.half.withimg {
overflow:hidden;
width:59%;
}

.half.withimg img {
	margin:auto;
	display:block;
	max-width:300px;
}

.coming {
	width:45%;
	color:white;
	float:left;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:40px;
position:relative;
font-size:30px;
 display: flex;
   align-items: center; 
   justify-content: center;
   background-color: #50E3C2;
   text-decoration:none;
}

.coming:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.coming a {
	text-decoration:none;
}

.coming:hover {
	
}

.tl {
	background-color: #50E3C2;
	position:absolute;
	width:100%;
	height:100%;
	opacity:0.35;
	border-radius:40px;
	z-index:9;
}

.intro {
	text-align:center;
	width:800px;
	max-width:100%;
	color:#616161;
font-size:25px;
font-weight:200;
line-height:36px;
clear:both;
float:none;
margin:auto;
margin-bottom:100px;
}

h2 {
color:#50E3C2;
font-size:34px;
line-height:36px;
font-weight:600;
margin:0px;
padding:0px;
margin-bottom:5px;
}

#footer {
padding-top:70px;
background:#67D5BC;
padding-bottom:70px;
text-align:center;
}

.divider {
	border: 1px solid #50E3C2;
	width:840px;
	margin:auto;
	max-width:90%;
}

.has-spinner {display:block;margin-bottom:10px;}

#cta {
text-align:center;
font-size:20px;
line-height:36px;
color:#fff;
padding-bottom:200px;
}

#cta h2 {
color:#fff;
font-weight:600;
margin:0px;
padding:0px;
margin-bottom:5px;
}


select, input[type='text'], input[type='text']:focus, input[type='email'], input[type='email']:focus {
font-size:20px;
line-height:28px;
background:white;
border-radius:25px;
border:0px;
height:56px;
 box-sizing: border-box;    
 padding-left:28px;
 padding-right:28px;
outline:none;
color:#616161;
}

textarea {
font-size:20px;
line-height:28px;
background:white;
border-radius:25px;
border:0px;
 box-sizing: border-box;    
 padding-left:28px;
 padding-right:28px;
outline:none;
color:#616161;
max-width:100%;
}



select {
  color: #ACABAB;
}
option:not(:first-of-type) {
  color: #616161;
}


select::placeholder, input::placeholder{
color:#ACABAB;
}

.wpcf7-form-control-wrap.your-zip  {
width:33%;
float:left;
display:inline-block;
}

.wpcf7-form-control-wrap.your-name {
width:33%;
float:right;
}

.wpcf7-form-control-wrap.your-name {
width:33%;
float:right;
}

#inputPostcode, #inputName {
	max-width:100%;
}

#inputEmail, #waarvoor {
max-width:100%;

}

input[type='submit'] {
font-size:20px;
width:19%;
float:none;
line-height:28px;
background:#67D5BC;
border-radius:25px;
border:0px;
height:56px;
outline:none;
color:#fff;
}

input[type='submit']:hover {
color:#fff;
background:#616161;
cursor:pointer;
}

#footermenu a {
color:white;
margin-left:10px;
margin-right:10px;
text-decoration:none;
}

#footermenu a:hover {
color:#616161;
}

.fa {
color:white;
font-size:30px;
text-decoration:none;
margin-right:20px;
}

.fa:hover {
color:#616161;
}

#footer #footermenu {
color:white;
	margin-top:35px;
	margin-bottom:35px;
}

#wpcf7-f12135-o1, #wpcf7-f12459-o1{
width:800px;max-width:100%;margin:auto;
}

#wpcf7-f12135-o1 p, #wpcf7-f12459-o1 p{
padding:0px;
margin:0px;
}	

.grecaptcha-badge { 
    visibility: hidden;
}
/*#monoimg {visibility:hidden;}*/

#footerimg {
width:98px;
}

.formspacer {
	clear:both;
	height:35px;
}

.wpcf7-not-valid-tip {
	display:none!important;
}

.wpcf7-not-valid {
	border:3px solid red!important;
}

.wpcf7-response-output {
	border:2px solid white!important;
}

.hamburgertje{display:none;}


@media only screen and (max-width: 1024px) {
	
	.hamburgertje{display:block;float:right;margin-right:0px!important;}
	.fa-bars {color:#fff;margin-right:0px!important;}
	.fa-bars:hover, .fa-bars:active {color:#fff;}
	#hamburgermetkaas {
		display:none;
		width:100%;
		clear:both;
		background-color:#67d5bc;
		margin-top:60px;
		position:absolute;
		left:0;
		right:0;
	}
	
	#hamburgermetkaas a{
		display:block;
		font-size:22px!important;
		font-weight:600;
		margin:0px;
		width:100%;
		float:none;
		text-align:center;
		line-height:60px!important;
	}
	
	
}


@media only screen and (max-width: 768px) {


.hidesmall {display:none!important;}

.wpcf7-form-control-wrap.your-zip, .wpcf7-form-control-wrap.your-name, .wpcf7-form-control-wrap.city  {
width:100%;
float:none;
display:block;
}




.coming {
	font-size:18px;
	line-height:25px;
}

#bottomspacer {height:70px;clear:both;float:none;}

	#header h1 {

margin-top:70px;
font-size:35px;
line-height:40px;

}

#header #tagline {
	font-size:25px;
}
	
	h2 {
		font-size:25px;
	}
	
	.intro, .half {
		font-size:20px;
		line-height:40px;
	}
	
	.circle {
		line-height:30px;
		height:30px;
		width:30px;
	}
	
	
	body .half {
		width:100%!important;
		margin-bottom:35px;
	}
	
	.light {
	padding-top:70px;
	padding-bottom:150px;
	}
	
	
	.light:after {
		position: absolute;
		bottom: -12%;
		left:-25%;
		display: block;
		content: '';
		width: 150%;
		height: 15%;
		border-radius: 50% 50% 0 0;
		background: #50E3C2;
		z-index:1;
	}
	
	input, select {
	width:100%!important;
	float:none;
	}
	
	#inputPostcode, #inputEmail, #inputCity {
	margin-bottom:35px;
	}
	
	#footermenu span {display:none;}
	#footermenu a {
	display:block;
	width:auto;
	margin-top:5px;
	}
	
	#cta {
	padding-bottom:100px;
	}
	
	#header #logo {
width:90px;
float:left;
line-height:15px;
margin-right:20px;
}

#header #topmenu a {
	color:white;
	margin-right:10px;
	font-size:14px;
	line-height:10px;
	text-decoration:none;
}

}





.sow-icon-ionicons[data-sow-icon]:before {
    content: attr(data-sow-icon);
}
	
	 .sow-accordion .sow-accordion-panel {
  margin-bottom: 10px;
}
.sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
  position: relative;
  cursor: pointer;
  padding: 15px 30px 15px 30px;
  background-color: #50E3C2!important;
  color: #ffffff;
  
  
  
  
  display: flex;
  flex-direction: row;
  border-style: solid;
  
  border-width: 0px;
  
}
.sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover {
  background-color: #67d5bc;
  
  
}

.sow-accordion .sow-accordion-panel .sow-accordion-panel-header:focus {
  outline:0px!important;
}

 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title {
  display: flex;
  align-items: center;
  width: 100%;
}
.sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-icon-image {
  width: auto;
  
  max-height: 1em;
}
.sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title-icon-left > .sow-accordion-icon-image,
.sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title-icon-left > span[data-sow-icon] {
  margin-right: 5px;
}
.sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title-icon-right > .sow-accordion-icon-image,
.sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title-icon-right > span[data-sow-icon] {
  margin-left: 5px;
}
.sow-accordion .sow-accordion-panel:not(.sow-accordion-panel-open) > .sow-accordion-panel-header-container > .sow-accordion-panel-header .sow-accordion-close-button {
  display: none;
}
.sow-accordion .sow-accordion-panel.sow-accordion-panel-open > .sow-accordion-panel-header-container > .sow-accordion-panel-header .sow-accordion-open-button {
  display: none;
}
.sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
  background-color: #f9f9f9;
  border-style: solid;
  
  border-width: 0px;
  
  padding: 15px 30px 15px 30px;
  
  
  
  overflow: auto;
}
.sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border:focus {
  outline:0px!important;
}
@media print {
 .sow-accordion .sow-accordion-panel .sow-accordion-open-close-button {
    display: none;
  }
.sow-accordion .sow-accordion-panel .sow-accordion-panel-content {
    display: block !important;
  }
}

.sow-accordion {
	margin-bottom:70px;
}

.sow-accordion-panel-header{border-radius:5px;background-color:#50E3C2}

.wp-block-image img {
		height:auto;
}


@media only screen and (min-width: 768px)  and (max-width: 1069px) {
	
	.anb {max-width:105px;margin-top:1px;}
	.iosb {max-width:90px;}
}

.page-id-14468 .formspacer, .page-id-14597 .formspacer {display:none!important;}
.page-id-14468 #inputName, .page-id-14597 #inputName {margin-bottom:15px;}
.wpcf7-form-control-wrap select {width:28%}

body .sow-accordion-panel-border p span {
font-weight:300!important;
}

.wpcf7-list-item-label a {color:white;}




#sdgs img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

#sdgs img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}