/*
 Theme Name:   GeneratePress Child
 Template:     generatepress
*/

/* KLEUREN */
.groen {color: #64B428}
.blauw {color: #002086}
.helderblauw {color: #002496}
.oranje {color: #E36C0A}
.oranje-licht {color: #F5801F}

@media screen and (min-width: 1025px) {
.header-widget {margin-right:12%}
}


/* menu */
.main-navigation .main-nav ul li a:hover {text-decoration: none}
.main-navigation a:hover {text-decoration: none}
.inside-navigation {margin: 0 auto}
.inside-navigation {padding: 0 0 0 25px}

/* Layout */
.inside-header {padding: 20px 40px 20px 30px}
.entry-content {margin: 1em 0 0} 

/* Typography */
body {letter-spacing: .02em}
p.tekstblok, ul.tekstblok  {margin-bottom: 6px}
p.tekstblok-home, ul.tekstblok-home  {margin-bottom: 12px}
p.legeregel  {margin-bottom: 30px}
p.bloklink {margin-top: 0}
p.listbloklink {margin-top: 8px}
p.alineaplus {margin-bottom: 1.8em}
h2.extrapadding {margin-bottom: 1.5em}

/* Special typography */
.geenh2 {margin-top: 20px}
.citaat {text-align:center;padding-bottom:20px;padding-right: 0}
div.citaat p {margin-bottom:0} 

@media screen and (min-width: 768px) {
.citaat {padding: 0 60px 20px 20px}
}

/* p a::before {content:"> "} */
li > a:hover {	text-decoration: none}
p a:hover {	text-decoration: underline}
em {font-weight: bolder;color: #021d5b;	font-style: normal}
h2.entry-title a, h1.entry-title {color: #001E75;font-size: 32px} /* BLOG */
h2.entry-title a:hover {color: #E36C0A} /* BLOG */
.simplelink a::before {content:""} 
.simplelink li {margin-bottom: 0.2em}
.center {text-align: center;margin-bottom: 12px}
/* Link-knoppen */
 a:link.button {
 		border: 1px solid #64B428;
        border-radius: 10px;
        color: white;
        padding: 10px 40px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 18px;
        margin: 26px 0 0;
        cursor: pointer;
     font-weight:bolder }

/* a:hover.button {border-color: #002086} */
a:hover.under {text-decoration:underline}
a i.fa-caret-circle-right {color: #fff;margin-left: 12px}

/* Ervaringen */
/* div.recensie {text-align: center;margin: 0 40px} */
div.citaat a, div.copyright-bar a {text-decoration: none}
div.citaat a:hover, div.copyright-bar a:hover {text-decoration: underline}

/*  --------------- ICONS------------------ */
.icon {color: #64B428; text-align: center;margin: 10px 0 20px}
h2 i.fa-caret-circle-right {color: #002086;	padding-right: 2%}
i.fa-caret-circle-right {color: #002086}
li i.fa-caret-circle-right {padding-right: 2%}

.style-svg {width: 70px;margin: 0 10px -8px 0;padding: 0;}

/*  --------------- Contactform 7------------------ */
span.wpcf7-list-item {	display: block;	margin-top: 16px;}

/*  --------------- SECTIONS------------------ */
.generate-sections-inside-container {    padding-left: 0;   padding-right: 0 }
.kolomcontainer {padding: 0 16px}
.kolommentitel {background-color: #002086;	width: 100%;padding: 10px 0 1px;text-align: center;}
.kolommentitel h2 {	margin-bottom: 10px;	font-size: 26px;}
.kolommentitel-margin {	padding: 0 26px 30px}	
.kolombinnen {padding-right: 0}
.kolombinnen ul, ol {	margin: -14px 0 0 0}
.extrawit {margin-top:14px}

@media screen and (min-width: 1025px) {
.kolomcontainer {padding: 0 40px}
.kolombinnen {padding-right: 50px}
.kolommentitel {padding 20px 0 7px}
.kolommentitel-margin {padding: 0 48px 30px}
}

/*  --------------- TOPVISUAL------------------ */
.tv-img {width: 100%}
.tv-txt {box-sizing: border-box; width: 100%; padding: 5% 5% 1%;}
.tv-txt h1 {font-size: 26px; font-weight: 600; text-align: center; color: #FFF;}

@media screen and (min-width: 768px) {
.tv-img {width: 35%; height: 224px;float: left} /* 'height' bepaalt de hoogte van het blauwe vlak en moet  gelijk zijn aan tv-txt */
.tv-txt {height: 224px; width: 65%;	padding: 5% 5% 1%;float: left} /* 'height' bepaalt de hoogte van het blauwe vlak en moet  gelijk zijn aan tv-img */ 
.tv-txt h1 {font-size: 28px}
}
@media screen and (min-width: 1025px) {
.tv-txt {padding: 5% 2% 2% } 
}

/*  --------------- CONTACTPAGINA------------------ */

.formulier {float: left;width: 45%;height: auto;box-sizing: border-box;padding: 0 40px 0 0}
.kaart {border: 1px solid #b4d39b;float: left;width: 50%;height: auto;}
.wpcf7 form.sent .wpcf7-response-output {border: 0;   margin: 2em 0 1em 0; padding: 0}

@media screen and (min-width: 1025px) {
.belcontact {padding-right: 160px}
}
/* --------------- FOOTER------------------ */

.site-info {padding: 10px 0 20px}
.footer-widgets {padding: 24px 30px 20px 50px}
.footer-widgets a::before {content:""} 
.footer-widgets li {font-size: 17px;line-height: 1.5em}
.footer-widgets p {	font-size: 17px;line-height: 1.5em;margin-bottom:0.3em}
.footer-widgets a {text-decoration: none}
.footer-widgets a:hover {text-decoration: underline}

@media screen and (min-width: 768px) {
	
.site-info {padding: 10px 0 20px}
.footer-widgets {padding: 24px 40px 20px 180px}
}

/* --------------- INSCHRIJFFORMULIER------------------ */
input[type="checkbox"]  {
margin: 4px 10px 0 0;
line-height: normal;
width: 24px;
height: 24px;
outline: 2px solid #002496;
}
.vetblauw {font-weight:bold;color: #002086}