/* formatHome -----------------------------------------------------------------*/

@media only screen and ( min-width: 1030px ) {
	.formatHome-tekst { 
		position: relative;
		width: 66.66%;
		height: 320px;
		float: left;
		margin:0;
		padding: 0 7%;
	} 
	
	.formatHome-plaatje {
		position: relative;
		width: 33.33%; 
		height: 320px;
		float: left;
		margin: 0;
		padding: 0;
	}
	
	.formatHome-plaatje img {
		width:100%;
		margin: 0;
	}
	
	#twee #alignment,
	#vier #alignment,
	#zes #alignment,
	#acht #alignment { 
		position: absolute;
		bottom: 0px;
		margin: 0;
		padding: 0;
	}
	
	
	#vier #alignment, #vijf #alignment, #acht #alignment { padding-right: 10%; }
}


@media only screen and (min-width: 681px ) and ( max-width: 1029px ) {
	.formatHome-tekst { 
		position: relative;
		width: 100%;
		float: left;
		margin:0;
		padding: 0 7%;
	} 
	
	.formatHome-plaatje {
		position: relative;
		width: 50%; 
		float: left;
		margin: 0;
		padding: 0;
	}
	
	#een #alignment, #vijf #alignment { 
		margin: 0 0 6% 0;
		padding: 0;
	}
	
	#vier #alignment { 
		margin: 5% 0 5% 0;
		padding: 0;
	}
	
	#acht #alignment { 
		margin: 6% 0 5% 0;
		padding: 0;
	}
	
	#twee #alignment, #drie #alignment, #zes #alignment, #zeven #alignment {
		width: 100%;
		margin: 0; padding: 0;
	}
	
	 #content img { width: 96%; }
	 #twee img, #zes img { margin-right: 4%; }
	 #drie img, #zeven img { margin-left: 4%; }
	 
	 .page-id-10 #twee #alignment img { display: none; }
}	
	
@media only screen and ( max-width: 1029px ) {
	.page-id-10 #drie #alignment img { display: none; }
	.page-id-10 #vier #alignment { margin-top: 0; }
}
	
@media only screen and ( max-width: 680px ) {
	.formatHome-tekst { 
		position: relative;
		width: 100%;
		margin:0;
		padding: 0 7%;
	} 
	
	.formatHome-plaatje {
		position: relative;
		width: 100%; 
		margin: 4% 0;
		padding: 0;
	}
	
	#een #alignment, #vijf #alignment { 
		margin: 0 0 9% 0;
		padding: 0;
	}
	
	#vier #alignment { 
		margin: 6% 0 6% 0;
		padding: 0;
	}
	
	#acht #alignment { 
		margin: 7% 0 7% 0;
		padding: 0;
	}
	
	#twee #alignment, #drie #alignment, #zes #alignment, #zeven #alignment, #content img {
		width: 100%;
		margin: 0; padding: 0;
	}
	
}	

/* Einde formatHome ------------------------------------------------------------*/

/* zoekresultaten -----------------------------------------------------------------------*/


.search-no-results h1.page-title, 
.search-results h1.page-title { 
	font-family: acumin-pro, sans-serif;
	font-size: 2em; 
	color: #fff;
	font-weight: 200;
}

.search-no-results h1.page-title span, .search-results h1.page-title span {
	font-family: acumin-pro-wide, sans-serif;
	font-weight: 500;
	letter-spacing: -0.03em;
}


.search-results h2.groteKopLowercase, .search-no-results h2.groteKopLowercase {
	font-size: 1.9em;
}

.search label span.screen-reader-text { display: none; }
.search-no-results form.search-form { margin-top: 30px; margin-bottom: 30px; }


/* einde zoekresultaten ------------------------------------------------------------------*/

/* Footer -------------------------------------------------------------------------*/


#footer { padding-top: 40px; padding-bottom: 18px; background: #999;}

h1.widget-title { 
	font-family: acumin-pro, sans-serif; 
	font-size: 1.3em;
	font-weight: 300;
	color: #fff; 
	text-transform:uppercase;
	letter-spacing: -0.02em;
}

#footer div.widget { margin-bottom: 30px; }


@media only screen and (min-width: 768px) {
	#footer .footer-left { max-width: 44%; margin-left: 2%; margin-right: 3%;}	
	#footer .footer-middle { width: 0px; margin: 0;}	
	#footer .footer-right { max-width: 47%; margin-left: 2%; margin-right: 2%;}	
	
	#footer .row .col-12 { padding-left: 0; padding-right: 0; } 
}

#footer p { font-size: 1em; }


/* Einde footer ----------------------------------------------------------------------------*/

/* Begin contact en nieuwsbrief ------------------------------------------------------------*/


#contact .fas-contact {  
  	font-size: 4em; 
}

#contact { width: 100%; padding-left: 35px; padding-right: 45px; }

@media only screen and ( max-width: 599px ) {
	#contact { padding-left: 25px; padding-right: 35px; }
	div.wpforms-container-full .wpforms-form .wpforms-one-half { 
		width: 100%; 
		float:none; 
		margin-left: 0; 
		margin-bottom: 10px; 
	}
	div.wpforms-container-full .wpforms-form button[type=submit] { width:100%; }
}

div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form textarea { 
	border: 1px solid rgb(221,221,221); 
	background-color: rgb(246,246,246);
	padding-top: 4px; padding-bottom: 4px; 
	height: auto;
	font-family: acumin-pro, sans-serif; 
	font-size: 1.05em;
	line-height: 1.4; 
}

div.wpforms-container-full .wpforms-form input[type=text]:focus,
div.wpforms-container-full .wpforms-form input[type=email]:focus,
div.wpforms-container-full .wpforms-form textarea:focus { background-color: #fff;}

#contact .positionering { margin-left: 24px; margin-top: -29px; margin-bottom: 25px; }


@media only screen and ( min-width: 850px ) {
	#contact .bovensteHelft.links {
		float: left;
		width: 40%;
		padding-right: 30px;
	}
	
	#contact .bovensteHelft.links #adres { padding-right: 10px; }
	
	#contact .bovensteHelft.rechts {
		float: left;
		width: 60%;
	}
}


/* styling contactgegevens links of boven */
#contact p { padding-left: 20px; padding-right: 0; font-size: 1.05em; }

/* styling labels contactformulier */
div.wpforms-container-full .wpforms-form .wpforms-field-label {  
	font-family: acumin-pro, sans-serif;
	font-size: 1.05em;
	color: #200;
	letter-spacing: -0.01em;
	font-weight: 500;
}
 

	
@media only screen and ( max-width: 399px ) {
div.wpforms-container-full .wpforms-form .wpforms-one-half {
	width: 100%; 
	margin-left: 0;
}
}

/* Button nieuwsbrief en contactformulier */

div.wpforms-container-full .wpforms-form button[type=submit] {
	background: rgb(255, 17, 0);
	background-image: linear-gradient(125deg,#f30,#f00);
	color: #fff !important;
	font-size: 14px;
	letter-spacing: 0.02em;
	border-radius: 4px;
	border: none !important;
	-webkit-box-shadow: 0 2px 6px 0 rgba(255,34,0,0.14),0 3px 8px -6px rgba(255,34,0,0.2),0 0 20px 0 rgba(0,0,0,0.1);
	box-shadow: 0 2px 6px 0 rgba(255,34,0,0.14),0 3px 8px -6px rgba(255,34,0,0.2),0 0 20px 0 rgba(0,0,0,0.1);
}


div.wpforms-container-full button.wpforms-submit { padding: 7px 30px 7px !important; }


div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:focus,
div.wpforms-container-full .wpforms-form button[type=submit]:active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(255,34,0,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(255,34,0,0.2);
	box-shadow: 0 14px 26px -12px rgba(255,34,0,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(255,34,0,0.2);
	-moz-outline: none !important; outline: none  !important;
}


div.wpforms-container-full .wpforms-form button[type=submit]:focus,
div.wpforms-container-full .wpforms-form button[type=submit]:active { color: #100 !important; }


div.wpforms-container-full .wpforms-form .wpforms-submit-container { padding-top: 0; }


/* Einde contact en nieuwsbrief -------------------------------------------------------------*/

/* Onze klanten ------------------------------------------------------------------------*/

#onze-opdrachtgevers.flex { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around; 
}

#onze-opdrachtgevers .div-img { max-width: 250px; padding: 0 20px 30px; }

#onze-opdrachtgevers .img-groot { width:100%; }