/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 08 2026 | 07:11:58 */
/*@media (min-width: 1025px) {
  body:not(.admin-bar) #wpfront-notification-bar.wpfront-fixed {
    top: calc(112px - 32px);
  }
  body.admin-bar #wpfront-notification-bar.wpfront-fixed {
    top: 112px;
  }
}
@media (min-width: 783px) and (max-width: 1024px) {
  body:not(.admin-bar) #wpfront-notification-bar.wpfront-fixed {
    top: calc(131px - 32px);
  }
  body.admin-bar #wpfront-notification-bar.wpfront-fixed {
    top: 131px;
  }
}
@media (max-width: 782px) {
  body:not(.admin-bar) #wpfront-notification-bar.wpfront-fixed {
    top: calc(145px - 46px);
  }
  body.admin-bar #wpfront-notification-bar.wpfront-fixed {
    top: 145px;
  }
}*/

body {
	font-weight: 400;
}

.btn-to-vac	{
	padding:15px 20px!important;
}

.eltdf-dark-header .eltdf-page-header>div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area,
.eltdf-page-header .eltdf-sticky-header .eltdf-sticky-holder,
footer .eltdf-container,
.eltdf-dark-header .eltdf-mobile-header .eltdf-mobile-header-inner {
    background: #333 !important;
}

.eltdf-mobile-header .eltdf-mobile-menu-opener a .eltdf-mo-lines .eltdf-mo-line {
	background-color: #ffffff !important;
}

.title-vac-btn	{
	margin-top:15px!important;
}


#wpfront-notification-bar-spacer {
  display: block !important;
}
#wpfront-notification-bar {
  visibility: visible !important;
}
#wpfront-notification-bar.wpfront-fixed {
  bottom: 0px !important;
}




/*@media (min-width: 768px) {*/
  .iso-in-footer {
    margin-left: -4.5px !important;
    margin-right: -4.5px !important;
  }
  .iso-in-footer > a {
    display: block;
  }
  .iso-in-footer > a > img {
    display: inline-block !important;
    width: calc(100% / 3 - 9px);
    margin: 4.5px;
    box-sizing: border-box;
  }
/*}*/


@media only screen and (max-width: 1024px) {
	.single-portfolio-item .eltdf-title	{
		height: 170px !important;
	}
  	footer .eltdf-footer-bottom-holder {
    	display: block !important;
	}
	
	
}




#eltdf-back-to-top:before {
    -webkit-transform: translate(2px,-15px) rotate(-40deg) !important;
    -moz-transform: translate(2px,-15px) rotate(-40deg) !important;
    transform: translate(2px,-15px) rotate(-40deg) !important;
    background-color: #105581 !important;
}

#eltdf-back-to-top:after {
    -webkit-transform: translate(2px,-12px) rotate(40deg) !important;
    -moz-transform: translate(2px,-12px) rotate(40deg) !important;
    transform: translate(2px,-12px) rotate(40deg) !important;
    background-color: #105581 !important;
}



.wit {
  color: #ffffff !important;
}
.eltdf-footer-bottom a:hover {
  color: #000000 !important;
}


@media (max-width: 1024px) {
  .eltdf-full-width-inner > .vc_row.pagesubmenu {
    margin-top: -40px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  footer > .eltdf-footer-inner .widget_nav_menu {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
  .logo-in-footer {
    float: left;
    width: 50%;
    padding-right: 30px;
    box-sizing: border-box;
  }
  .iso-in-footer {
    width: 50%;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 60px !important;
  }
  
  footer .eltdf-footer-bottom .eltdf-column:not(:first-child) {
    margin-top: 0px !important;
  }
}

.iso-in-footer {
  margin-top: 20px;
}



.icoon-links	{
	text-align: left !important;
}






.span-16-white {
	font-size: 16px !important;
	color: #FFFFFF !important;
}

.vc_custom_1557479200486 {
    border: 1px solid #e1e1e1 !important;
}

.section-border	{
	border-bottom:1px solid #E0B956 !important; 
}

.product-overview-title {
	padding-bottom: 20px !important; 
}

.hide {
	display: none !important; 
}

.homepage-bg {
	background-position: 0px 220px !important;
}

.vc_custom_1555422425763 {
    padding-top: 163px !important;
    padding-bottom: 163px !important;
    background-position: right bottom !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}



/* Footer menu */

#menu-harde-vloeren li:last-child a {
	color: #aaaaaa !important;
}

#menu-zachte-vloeren li:last-child a {
	color: #aaaaaa !important;
}

#menu-ondervloeren li:last-child a {
	color: #aaaaaa !important;
}

#menu-houten-vloeren li:last-child a {
	color: #aaaaaa !important;
}

#menu-raambekleding li:last-child a {
	color: #aaaaaa !important;
}

#menu-certificering li:last-child a {
	color: #aaaaaa !important;
}

#menu-muurbescherming li:last-child a {
	color: #aaaaaa !important;
}


/* Product pagina tekst uitlijning */
.product .eltdf-elements-holder .eltdf-elements-holder-item.eltdf-horizontal-alignment-center {
    text-align: center !important;
}


/* Row with zero padding */
.zero-padding-inner-row {
	padding: 0px !important; 
}

.zero-padding-inner-row .vc_column-inner {
  padding: 0px !important; 
}


@media (min-width: 481px) {
  .element_iconen_overzicht	{
      /*padding: 80px; */
  }
}

.span-14	{
	font-size: 14px !important;
	color: #FFFFFF !important; 
}

.span-white	{
	color: #FFFFFF !important;  
}

.span-white2	{
	color: #fefefe !important;  
}

.span-grey	{
	color: #353535 !important;  
}

.span-light-grey	{
	color: #aaaaaa !important;  
}

.span-yellow	{
	color: #dfb947 !important;  
}

.content-title {
	font-weight: 200 !important;
}



.eltdf-portfolio-filter-holder.eltdf-portfolio-filter-top .eltdf-portfolio-filter-holder-inner .eltdf-portfolio-filter-parent-categories li span {
    font-size: 18px !important;
}

.eltdf-portfolio-filter-holder.eltdf-portfolio-filter-top {
    margin: 50px 0 60px !important;
}


/* Da: i.v.m. template default reset titles definieren */

h1	{
	
}

h2	{
	font-family: "Titillium Web",serif !important;
	font-size: 45px !important;
    line-height: 48px !important;
    font-weight: 300 !important;
    margin: 15px 0 !important;
}


h3	{
	 
}

h4	{
	font-family: "Titillium Web",serif !important;	
	font-size: 21px;
    font-weight: 400;
    line-height: 28px;
	 
}

h5 {
    margin: 10px 0 !important;
}

p {
    font-family: Verdana !important;
  	font-weight: 400 !important;
  	margin: 10px 0 !important;
}



/* Th: een shaduw toevoegen aan de tekst in de banner, zodat het leesbaarder wordt */
.eltdf-title .eltdf-title-holder {
  /*filter: drop-shadow(1px 1px rgba(0,0,0,.5));*/
}


#padding_icons{
  padding: 4% 2% 2% 2%;
}

.vc_column-inner .vc_custom_1555336753192{
  height: 100%
}


@media screen and (min-width: 768px) {
	.five-columns.vc_row .vc_col-sm-2 {
		float: left;
		width: 18.5%;
		padding: 0;
		margin-right: 1.5%;
		min-height: 0;
	}
	.five-columns.vc_row .vc_col-sm-2:nth-last-child(2) {
		margin-right: 0;
	}
}

.background-container {
	background-repeat: no-repeat;
	background-attachment: fixed;
  	background-position: right bottom !important; 
}

.eltdf-two-columns-25-75 .eltdf-column2 {
    background-color: #333333;
}

.widget.widget_archive ul li a, .widget.widget_categories ul li a, .widget.widget_meta ul li a, .widget.widget_nav_menu ul li a, .widget.widget_pages ul li a, .widget.widget_recent_comments ul li a {
  
    color: white;
}

a:not([data-hover-color]):hover, p a:not([data-hover-color]):hover {
    color: #e0c600;
}

.eltdf-sidebar #menu-producten .current-menu-item > a {
    color: #fed20d!important;
}

.menu-item, .menu-item-type-post_type, .menu-item-object-page, .menu-item-has-children, sub < #nav-menu-item-240, #nav-menu-item-238, #nav-menu-item-627, #nav-menu-item-241{
  height: 250px!important;
}

a > .textwidget, .eltdf-footer-bottom-holder{
  color: white!important;
}

.test{
  color:white!important;
}

.eltdf-two-columns-25-75 .eltdf-column2 {
    width: 20%!important;
    float: left;
    padding-left: 10px;
}

.eltdf-two-columns-25-75 .eltdf-column2 {
    width: 20%!important;
    float: left;
}

.pagesubmenu {
	text-align:center !important;
  	padding-top: 10px !important;
  	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
    font-family: "Titillium Web",serif !important;
    font-size: 13px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.pagesubmenu-menu {
	text-align:center !important;
  	display: inline-block !important;
  	left: 50% !important;
  	top: 0px !important;
  	padding-top: 0px !important;

    font-family: "Titillium Web",serif !important;
    font-size: 12px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}


.pagesubmenu-menu li{
	float: left !important;
  	padding: 0px 15px 0px 15px !important;
	border-right: 1px solid #DEC732 !important;
  	
}

.pagesubmenu-menu li:last-item {
	float:left !important;
  	padding: 0px 15px 0px 15px !important;
	border-right: 0px solid #FFFFFF !important;
  	
}

.pagesubmenu-menu li:last-child {
	float:left !important;
  	padding: 0px 15px 0px 15px !important;
	border-right: 0px solid #FFFFFF !important;
  	
}

.pagesubmenu-menu li:last-of-type {
	float:left !important;
  	padding: 0px 15px 0px 15px !important;
	border-right: 0px solid #FFFFFF !important;
  	
}

.pagesubmenu-menu li:first-child {
	float:left !important;
  	padding: 0px 15px 0px 15px !important;
	border-right: 0px solid #FFFFFF !important;
  	color: #E0B956 !important;
  	
}

.pagesubmenu-menu li:first-of-type {
	float:left !important;
  	padding: 0px 15px 0px 15px !important;
	border-right: 0px solid #FFFFFF !important;
  	color: #E0B956 !important;
}

.pagesubmenu-menu li:first-child a {
  	color: #DEC732 !important;
  	
}

.pagesubmenu-menu li:first-of-type a {
  	color: #DEC732 !important;
}

.tekstblok-white p {
  color: #ffffff !important;

}

.menu-item a {
    color: #FFFFFF !important;
}


.eltdf-page-header a:hover {
    color: #DEC732 !important;
}

.eltdf-drop-down .second .inner ul li a {
    color: #2d2d2d !important;
}

#menu-submenu-zachte-vloeren a {
  	font-family: "Titillium Web",serif !important;
    font-size: 13px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

#menu-submenu-zachte-vloeren a:hover {
  	color: #E0B956 !important;
}

.pagesubmenu a:hover {
  color: #DEC732  !important;
}

.eltdf-footer-widget-title {
	color: #dfb947 !important
}

.transparant-container	{
	background-color: #FFFFFF;
  	opacity: 0.80;
  	filter: alpha(opacity=80); /* For IE8 and earlier */
    padding: 20% 15% 20% 15%;
  	text-align: center;
}



blockquote, body{
  /*line-height: 21px!important;*/
}

.navigation-number {
  color: transparent !important;
}

.eltdf-nav-light.tparrows.tp-leftarrow .navigation-number:before {
  -webkit-transform: translate(-14px,-12px) rotate(-40deg) !important;
  -moz-transform: translate(-14px,-12px) rotate(-40deg) !important;
  transform: translate(-14px,-12px) rotate(-40deg) !important;
}
.eltdf-nav-light.tparrows.tp-leftarrow .navigation-number:after {
  -webkit-transform: translate(0px,6px) rotate(40deg) !important;
  -moz-transform: translate(0px,6px) rotate(40deg) !important;
  transform: translate(0px,6px) rotate(40deg) !important;
}

.eltdf-nav-light.tparrows.tp-rightarrow .navigation-number:before {
  -webkit-transform: translate(5px,13px) rotate(40deg) !important;
  -moz-transform: translate(5px,13px) rotate(40deg) !important;
  transform: translate(5px,13px) rotate(40deg) !important;
}
.eltdf-nav-light.tparrows.tp-rightarrow .navigation-number:after {
  -webkit-transform: translate(-1px,3px) rotate(-40deg) !important;
  -moz-transform: translate(-1px,3px) rotate(-40deg) !important;
  transform: translate(-1px,3px) rotate(-40deg) !important;
}


/* Th: Fixt het probleem dat kolommen niet goed gebroken worden in Grid secties - 6-5-2019 */
.eltdf-row-grid-section > .vc_row.eltdf-row-type-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* Th: zorg dat als de titel te lang is, het gebroken wordt */
h1,h2,h3,h4,h5,h6 {
  word-break: break-word;
}



/* Th: Grootte en vulling van patronen aanpassen */
*[style *= "patern001-1.png"] {
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: right bottom !important;
}
body.page-id-25 *[style *= "patern006_rechts.png"] {
  background-size: 175% !important;
  background-position: 55% bottom !important;
  background-repeat: no-repeat !important;
}
body.page-id-25 *[style *= "patern004_rechts.png"] {
  background-position: 68% bottom !important;
  background-size: 220% !important;
}
body.page-id-25 *[style *= "patern002.png"] {
  background-position: 73% bottom !important;
}
/*
Alle losse patronen (zonder extra witruimte):
 achtergrond.jpg
 Naamloos-1.png
 achtergrond_3.jpg
 Naamloos-3.png
 Naamloos-4_Tekengebied-1.png
 achtergrond_2.jpg
 Naamloos-4_Tekengebied-1-1.png
 test.png
 pinterest-slider-image-3.png
 test_contactpagina_vrijstaand.png
 test_contactpagina_donker.png
 test_contactpagina_vrijstaand_groot.png
*/

/* Th: */
.mar0auto {
  display: inline-block;
  margin: 0 auto;
}
.mar0auto.eltdf-btn {
  display: table !important;
}
body.page-id-735 ul li { font-family: Verdana !important;
    font-weight: 400 !important;
	color: #2d2d2d;
}
body.page-id-735 table td {
font-family: Verdana !important;
    font-weight: 400 !important;
	color: #2d2d2d;
}

/* */
.wpb_text_column .wpb_content_element }
    padding-bottom: 40px;
}

/* 
.wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-quiz, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea	{
	    background-color:red;
} */


.wpcf7-form-control.wpcf7-text	{
	background-color:white!important;
	
}
.wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-quiz, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea	{
	border: 1px solid rgba(51, 51, 51, 1);
	margin: 0 0 30px;
}


#contact-form-dark .wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-quiz, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea	{
	background-color:white!important;
	
}

#contact-form-dark .contact-form	{
	color:#fff;
}

#contact-form-dark a, p a	{
	color:#fcb900;
}
#contact-form-dark .wpcf7 form.sent .wpcf7-response-output	{
	color:#fff;
}


.row-5-contact	{
	padding-top:27px;
	text-align:left;
	display:flex;
	align-items:center;
	
}

.verstuur-knop	{
	display:flex;
	
}
.wpcf7-list-item	{
	margin-left:11px!important;
}
input.wpcf7-form-control.wpcf7-submit	{
	padding: 17px 61px!important
}

.row-5-contact .vc_col-sm-8	{
	padding-left:0px!important;
	padding-right:0px!important;
}

.upload-bestand	{
	text-align:left;
}

#vacature-row-oud	{
	display:none;
}

.titel-blokken-vac	{
	font-size:42px!important;
}

.webr-vacature-buttons .wpb_wrapper {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}
.webr-vacature-buttons .wpb_wrapper .btn-to-vac {
	width: fit-content;
}