/*
Theme Name: Coodware child
Description: This is a child theme for Coodware
Author: Coodware
Template: coodware-flat
Version: 3.0
*/

/*************** CSS Essentials   ***************/

/***** Fonts *****/

@font-face {
	font-family: 'helvetica';
	src: url('/wp-content/uploads/custom-fonts/Helvetica.eot');
    src: url('/wp-content/uploads/custom-fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/custom-fonts/Helvetica.woff2') format('woff2'),
        url('/wp-content/uploads/custom-fonts/Helvetica.woff') format('woff'),
        url('/wp-content/uploads/custom-fonts/Helvetica.ttf') format('truetype');
	font-weight: normal;
  	font-style: normal;
}


@font-face {
  font-family: "Calibre-Bold";
  src: url("/wp-content/uploads/fonts/Calibre-Bold.eot"); /* IE9 Compat Modes */
  src: url("/wp-content/uploads/fonts/Calibre-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/wp-content/uploads/fonts/Calibre-Bold.svg") format("svg"), /* Legacy iOS */
    url("/wp-content/uploads/fonts/Calibre-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/wp-content/uploads/fonts/Calibre-Bold.woff") format("woff"), /* Modern Browsers */
    url("/wp-content/uploads/fonts/Calibre-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


body, 
.fill.banner-link /* hide scrolling on banners */ { 
	overflow: hidden; 
	/* Hide horizontal scrollbars */ 
}

h1, .h1, .banner h1 {
	font-size: 56px;
	line-height: 1.2;
	font-weight: 700 !important;
}

h2, .h2, .banner h2 {
	font-size: 48px;
	line-height: 1.2;
	font-weight: 700 !important;
}

h3, .h3, .banner h3{
	font-size: 32px;
	line-height: 1.2;
	font-weight: 700 !important;
}

h4, .h4, .banner h4{
	font-size: 28px;
	line-height: 1.2;
	font-weight: normal;
}

h5, .h5, .banner h5{
	font-size: 18px;
	line-height: 1.2;
	font-weight: normal;
}

h6, .h6, .banner h6{
	font-size: 16px;
	line-height: 1.2;
	font-weight: normal;
	text-transform: initial !important;
	letter-spacing: initial !important;
}

body, p, .banner p {
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
}

.nav > li > a{
	font-size: 16px;
}


::selection {
  color: #fff;
  background: #201654;
}

html {
	scroll-behavior: smooth;
}




/***** Global CSS *****/
.button:hover{
	box-shadow: inset 0 0 0 0px rgba(0,0,0,0) !important;
}

.button.secondary, .button.primary, .button.success, .button.alert, .button.white{
	font-size: 16px;
	font-weight: normal !important;
}

.button.primary span{
	color: #fff;
}

.button.secondary span, .button.primary.is-outline span{
	color: #201654 !important;
}

.button.primary:hover{
	background-color: #fff !important;
}

.button.primary span:hover,
.button.primary:hover span{
	color: #5CC053 !important;
}

.button.secondary:hover{
	background-color: #201654 !important;
	border: 1px solid #fff;
}

.button.secondary span:hover,
.button.secondary:hover span
{
/* 	color: #5CC053 !important; */
	color: #fff !important;
}

.button.white span:hover,
.button.white:hover span{
	color: #5CC053 !important;
}

.button.primary.is-outline:hover {
	background-color: #5cc053 !important;
	border: 2px solid #fff !important;

}

.button.primary.is-outline:hover span {
		color: #201654 !important;
}


/* do not make menu bolder */
.nav-uppercase>li>a {
	font-weight: normal;
}

.grecaptcha-badge{
	opacity: 0 !important;
}


.-accordion- .toggle{
	left: initial;
	right: 0;
	top: -5px;
}




/* hier weg 8*/

.-accordion- .accordion-title, .-accordion- .accordion-title.active{
	padding: 0px 0px 0px 0px;
	border-top: 1px solid transparent;
	color: #000;
	background-color: transparent;
}

.-accordion- .accordion-item{
	padding: 5px 0px 5px 0px;
}

.-accordion- .accordion-title span{
	font-family: 'Aventa-Bold';
	font-size: 20px;
	letter-spacing: 0.5px;
}

.-accordion- .accordion-inner{
	padding: 10px 50px 0px 0px;
}

.-link-white-{
	color: #fff !important;
}

.-link-white-:hover{
	color: #5CC053 !important;
}

.social-icons{
	color: #201654 !important;
}



/***** Home CSS *****/



/***** Diensten CSS *****/
.-radius10-bottom- .col-inner{
	border-radius: 0px 0px 10px 10px;
}


/***** Offerte CSS *****/

.-diensten- .wpcf7-list-item-label, .-pand- .wpcf7-list-item-label{
	display: grid;
}

div.wpcf7 .-pand- .wpcf7-list-item {
  text-align: left;
  width: 45%;
  margin-right: 3px;
  vertical-align: top;
}

div.wpcf7 .-diensten- .wpcf7-list-item {
  text-align: left;
  width: 30%;
  margin-right: 3px;
  vertical-align: top;
}

.-diensten- span.wpcf7-list-item-label, .-pand- span.wpcf7-list-item-label{
	    font-size: 16px;
	color: #201654;
	font-family: Roboto, sans-serif;
	font-weight: 100;
	text-align: left;
	    
}



div.wpcf7 .-diensten- .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::before {
  content: url(/wp-content/uploads/2025/09/home-logo-1.svg);
  text-align: left;
}

div.wpcf7 .-diensten- .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {
  content: url(/wp-content/uploads/2025/09/home-logo-2.svg);
  text-align: left;
}

div.wpcf7 .-diensten- .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before {
  content: url(/wp-content/uploads/2025/09/home-logo-3.svg);
  text-align: left;
}

div.wpcf7 .-diensten- .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label::before {
  content: url(/wp-content/uploads/2025/09/home-logo-4.svg);
  text-align: left;
}

div.wpcf7 .-diensten- .wpcf7-list-item:nth-child(5) .wpcf7-list-item-label::before {
  content: url(/wp-content/uploads/2025/09/home-logo-5.svg);
  text-align: left;
}

div.wpcf7 .-diensten- .wpcf7-list-item:nth-child(6) .wpcf7-list-item-label::before {
  content: url(/wp-content/uploads/2025/09/home-logo-6.svg);
  text-align: left;
}

.-submit-{
	text-transform: initial !important;
}

.wpcf7-form-control{
	border-radius: 5px !important;
}


.wpcf7-form label{
	font-weight: 100 !important;
	font-family: Roboto, sans-serif;
	font-size: 16px;
}

/***** Header CSS *****/

.header-wrapper.stuck .header-inner .logo .header-logo{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	h1, .h1, .banner h1 {
		font-size: 36px;
	}

	h2, .h2, .banner h2 {
		font-size: 30px;
	}

	h3, .h3, .banner h3{
		font-size: 24px;
	}

	h4, .h4, .banner h4{
		font-size: 20px;
	}

	h5, .h5, .banner h5{
		font-size: 18px;
	}

	h6, .h6, .banner h6{
		font-size: 16px;
	}
	
	body, p, .banner p {
	font-size: 16px;
	}
	
	/* is nodig om ervoor te zorgen dat je op mobile niet opeens wel lokaal kan scrollen binnen banners */
	.banner-layers {
    	-webkit-overflow-scrolling: touch;
    	overflow: hidden;
	}
	
	div.wpcf7 .-diensten- .wpcf7-list-item {
	  width: 45%;
	}

	.-diensten- span.wpcf7-list-item-label, .-pand- span.wpcf7-list-item-label{
		font-size: 16px;
	}

	.logo .header-logo{
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	
}


.button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline {
    background-color: transparent;
    border: 1px solid;
}

.parallax-active {
	opacity: 1 !important;
}

.-branches- .col.medium-4 {
	padding-bottom: 0;
}


.header-inner.flex-row.container.logo-left.medium-logo-left #logo {
	    position: absolute;
    top: 0px;
}




/* offerte pagina */

.-show-up- {
    margin-top: -60px;
}


.-show-up-35- {
	margin-top: -35px;
}

.-show-up-65- {
	margin-top: -100px !important;
} 

.-show-up-85- {
	margin-top: -150px !important;
} 

.-show-up-200- {
	margin-top: 200px;
}
.-show-down-250- {
	margin-top: 200px;
}

.-show-up-20- {
	margin-top: -20px !important;
}


.-zindex- {
	z-index: 10;
}


@media (min-width: 992px){
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: calc(66.66666667% - 19.6px); 
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: calc(33.33333333% - 19.6px);  
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}

@media (min-width: 992px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left;
	}
}

div.wpcf7 .wpcf7-list-item-label {
    display: grid;
}


div.wpcf7 .-diensten- .wpcf7-list-item {
	 text-align: center;
	 width: 30%;
	margin-right: 3px;
	vertical-align: top;
}

div.wpcf7 .-pand- .wpcf7-list-item {
	 text-align: center;
	 width: 100%;
}

body.page-id-244 div.wpcf7 .row .col {
	background-color: white;
	border-width: 5px;
	border-color: transparent;
    border-style: solid;
	margin: 9.8px;
	padding: 0 9.8px 19.6px;
	padding: 30px;
}

div.wpcf7 .row .col.-clmn-orange- { 
    background-color: #f5911e;
    border: 1px solid #F5911F;
}

div.wpcf7 .row .col.-clmn-orange- a{ 
	color: #fff;
}

.-row-offerte- .-col-left- {
	margin-left: -6px;
	width: calc(66.66666667% - 19.6px); 
	max-width: calc(66.66666667% - 19.6px); 
}

.-row-offerte- .-col-right- {
	width: calc(33.33333333% - 19.6px);  
	max-width: calc(33.33333333% - 19.6px);  
}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	
	.-show-up-85-.-slider- {
		margin-top: 0 !important;
	} 
	
	div.wpcf7 .-diensten- .wpcf7-list-item {
		    width: 45%;
	}
}


div.wpcf7 .-diensten- .wpcf7-list-item,

div.wpcf7 .-pand- .wpcf7-list-item {
    text-align: left;
}



/* end offerte pagina */

.html.custom h6 a, .html.custom h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 100;
    font-style: normal;
	color: #201654;
}

body.page-id-27 .wpcf7-form .col {
	    padding: 0 15px 0px;
}