/*
Theme Name: The One
Theme URI: https://www.saleswizard.nl/
Author: M. Karisik
Author URI: https://www.saleswizard.nl/
Description: The one is a free theme made by M. Karisik
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: one
Font: font-family: 'Questrial'; 
*/


#popmake-31288 p{
	font-weight:400;
}
.error404 .content{
	padding-top:120px; 
	padding-bottom:120px;
}
.error404 .content h1{
	text-align:center;
}
@media screen and (max-width:1199px){
	body  .header{
		display: none !important;
	}
}
/* mix */
body{-webkit-font-smoothing: antialiased; background:#cbbba0;	}
.textaligncenter { text-align: center; } .logo-top { position: absolute; left: 10px; z-index: 2; } h1, h2, h3, h4, h5 { font-family: 'Questrial';font-weight:700; }
body p {font-family: 'Montserrat';}

/* topheader */
.topheader { min-height: 43px;background-color: #3c3c3b; }
.topheader a { color: #cbbba0; margin-right: 22px; }
.topheader a.inforatieaanvraag, .topheader a.echopper { background: #cbbba0; color: #3c3c3b; padding: 5px 12px; border-radius: 0px 0px 10px 10px; text-align: center; min-height: 41px; float: right; font-size: 16px; font-family: 'Questrial', cursive; margin-right: 16px;     line-height: 31px; }
.topheader a.inforatieaanvraag i { color: #fff; }
.topheader a.sociallink { background: #fff; border-radius: 0px 0px 10px 10px; text-align: center; min-width: 51px; max-width: 51px; min-height: 41px;  float: right; display: block; margin-right: 4px; }
.topheader a.sociallink i { color: #cbbba0; margin-top: 12px; }
.topheader a i { color: #fff; }

.header-mob {
    background: #3c3c3b;
}

/* topnavigatie */
.primer ul { float: right; } 
.primer ul li { float: right; margin-right: 0px !important; margin-left: 20px; } 
.topnavigatie { padding-top: 65px; padding-bottom: 10px; }
.topnavigatie ul { list-style-type: none; margin: 0px; padding: 0px; }
.topnavigatie ul > li { float: left; margin-right: 26px; position: relative; }
.topnavigatie ul li a {    font-weight: 600;font-size: 24px;color: #cbbba0;font-family: 'Montserrat', sans-serif;font-size: 19px;text-decoration: none;}
.topnavigatie ul li.menu-item-has-children {  } 
.topnavigatie ul li.menu-item-has-children:after { content: "\f078"; font-family:"Font Awesome 5 Free"; font-weight:bold; position: relative; color: #cbbba0; } 
.topnavigatie ul li ul { display: none; }
.topnavigatie ul li:hover ul {padding-top: 22px;display: block; position: absolute; z-index: 1; top: 20px; left: 0px; background: transparent; }
.topnavigatie ul li:hover ul li {background: #3c3c3b;}
#menu-second li.menu-item.menu-item-type-post_type.menu-item-object-page {padding-left: 15px;}
#menu-primair li.menu-item.menu-item-type-post_type.menu-item-object-page {padding-left: 15px;}
a.tel_header, a.mail_header {margin-top: 7px;display: inline-block;}
.pb10 {padding-bottom:10px;}


/* MOBIELE MENU */
.header-nav-mob {position: fixed;top: 0px;/* left: -100vw; *//* right: -100vw; */opacity:0;z-index: 999999;background-color:#032700;width: 100%;height: 100%;padding-top: 15px;padding-right: 15px;padding-left:15px;font-size: 18px;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;overflow-y: scroll;z-index: -1;}
.header-nav-mob .current-menu-item {font-weight: bold;}
.header-nav-mob.active {/* left: 0; */opacity:1;z-index: 9999999;}
.header-nav-mob ul li a {color: #fff;line-height: 3em;font-size:18px;}
.header-nav-mob ul li {text-align:left;}
.header-nav-mob > ul > li {border-bottom:1px solid #12b5ff;}
.header-nav-mob ul ul li a {font-size:14px;}
.header-nav-mob ul li ul {padding-left: 10px;}
.header-nav-mob i {color:#fff;}
.header-menu-button {display: none; position: absolute; top:22px;left:25px;z-index: 9999; color: #fff; font-size: 20px; cursor: pointer; font-weight: bold; text-transform: uppercase;padding:0;}
.header-menu-button span { display: inline-block; float: right; margin-top: 2px; margin-left: 5px;}
.header-menu-button i { color: #fff; font-size: 30px; }
li .sub_menu_icon:before {content:"\f105";font-family:"Font Awesome 5 Free";font-weight:bold;text-align:right;display: block;color: #fff;line-height: 2.3em;font-size: 24px;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.has-sub ul {display:none;}
.has-sub {position: relative;}
.has-sub .sub_menu_icon {position: absolute;top:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;display: block;width: 20%;height: 2em;position: absolute;top: 0;right: 5px;cursor: pointer;margin-right:0px;}
.sub_menu_icon {display:none;}
.has-sub .has-sub ul {display:none;}
.mobile_active ul {display:block;}
li .rotate:before{-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
#mobile-close {color:#000;text-align:left;display:inline-block;position: relative;width:auto;font-size:30px;font-weight:500;border-radius:8px;margin-bottom: 15px;background:#e9ddca;text-transform: uppercase;padding:10px;width:40px;height:40px;display:flex;align-items: center;justify-content: center;}
.header-mob .logo img {left: 50%;height: 81px;border: none;margin-left: 50%;transform: translateX(-50%);	}
.header-mob-phone {position: absolute;right:15px;top:22px;background:#33abde;padding:7px 15px;}
.header-mob-phone i {color:#fff;}
.icon_mob_nav {float: left;position: absolute;top: 22px;right: 15px;}
.icon_mob_nav a {padding-right: 10px;}
.icon_mob_nav a {color: #cbbba0;}
ul#menu-primair {list-style: none;}
ul.sub-menu {list-style: none;}
nav.header-nav-mob.active .menu-primair-container ul.sub-menu li:before{content: "\f054"; padding-right: 3px; font-family: "Font Awesome 5 Free"; font-weight: bold;color: #fff}
.header-nav-mob ul li ul.sub-menu li:before {content: "\f054";font-family: "Font Awesome 5 Free";font-weight: 900;color: white;padding-right: 2px}

/* HAMBURGER MENU ICOON */
#nav-icon {border-radius:8px;width:41px;height:41px;position:relative;margin:0;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;background:#e9ddca;}
#nav-icon span {display:block;position:absolute;height:3px;width:30px;background:#000;opacity:1;left:0;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon span:nth-child(1) {top:9px;}
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {top:17px;}
#nav-icon span:nth-child(4) {top:25px;} 
#nav-icon.open span:nth-child(1), #nav-icon.open span:nth-child(4) {top:18px;width:0%;left:50%;}
#nav-icon.open span:nth-child(2) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
#nav-icon.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}


/*home Pagina*/
.col-md-4.alignright {text-align: end;margin-top: 1rem;}
.grid1, .grid2, .grid3 {background: #3c3c3b;color: white;border-radius: 10px;border: 4px solid #3c3c3b;padding: 70px 17px 17px 17px;}
.grid1 p, .grid2 p, .grid3 p {font-weight: 100;}
.foto_home_2 img {border-radius: 10px;}
header.header.container-fluid {background-color: #3c3c3b;}
.hero {height: 585px;background-position: bottom;background-size: cover;align-items: center;justify-content: center;position: relative;display: flex;border-top: 4px solid #e9ddca;}
.hero-title {;text-align: center;color: white;}
.hero-title h1 {font-size: 55px;text-shadow: 2px 3px black;word-break: break-word;}	
.hero-title h4 {font-size: 30px;text-shadow: 3px 3px black;}
.home_image1 img, .home_image2 img, .home_image3 img {border-radius: 50%;width: 162px;position: absolute;top: -13%;right: 50%;transform: translateX(50%);height: 162px;border: 4px solid #3c3c3b;}
.home_feest img {border-radius: 10px;}
.home_feest button {margin-bottom: 32px!important;border: none;background: #3c3c3b;color: white;padding: 8px 11px;border-radius: 7px;font-weight: 800;}
.home_feest button a {color: #fff !important;    font-family: 'Questrial', cursive;font-weight:400 !important;}
.home_feest button:before {content: "\f05a";font-family: "Font Awesome 5 Free";color: #fff;padding-right: 2px;}
.home_grid button {margin-bottom: 32px!important;border: none;background: #fbbc46;color: white;padding: 8px 11px;border-radius: 7px;font-weight: 800;}
.home_grid button a {color: #032700 !important;    font-family: 'Questrial', cursive;font-weight:400 !important;}
.home_grid button:before {content: "\f03e";font-family: "Font Awesome 5 Free";color: #032700;padding-right: 2px;font-size: 17px;}
.klanten-vertellen p:before {content: "\f10d";font-weight: bold;font-family: "Font Awesome 5 Free";position: absolute;font-size: 26px;color: #3c3c3b;top: -6px;left:0;}
.klanten-vertellen p:after {content: "\f10e";font-weight: bold;font-size: 26px;color: #3c3c3b;position: absolute;font-family: "Font Awesome 5 Free";right: 6px;bottom: -7px;}
.klanten-vertellen p {padding-top: 22px;padding-bottom: 22px;line-height: 2;font-style: italic;font-weight: 100;font-size: 18px;text-align: center;}
.vc_row.wpb_row.vc_row-fluid.klanten-vertellen.vc_custom_1579603862824.vc_row-has-fill {border-top: 4px solid #e4d5be;border-bottom: 4px solid #e4d5be;}
.vc_pagination-color-black.vc_pagination-style-flat .vc_pagination-trigger {background-color: #0f530a;}
.wpb_single_image.wpb_content_element.vc_align_left.foto_home_3 img {border-radius: 10px;}
.wpb_text_column.wpb_content_element.home_text2 p {font-weight: 100;line-height: 2;font-size: 17px;}
.home header.header.container-fluid{margin-bottom: 0}
#h4_grey h4 {color: #444444;}
.box_home2 .grid1, .box_home2 .grid2, .box_home2 .grid3 {height: 249px;}
.wpb_text_column.wpb_content_element h4, .wpb_text_column.wpb_content_element {margin-bottom: 4px;}
.foto_home_3 img {border-radius: 10px;height: 200px;}

.vc_sep_line {
    border-color: #3c3c3b !important;
}

/*vervolg pagina*/
.hero_vervolg {height: 300px;background-size: cover;    border-bottom: 3px solid #3c3c3b;border-top: 4px solid #e9ddca;    display: flex;align-items: center;    margin-bottom: 30px;}
.hero-title-vervolg{text-align: center;color: white;}
.hero-title-vervolg h1 {word-break: break-word;font-size: 55px;text-shadow: 2px 3px black;}
li {list-style: none;font-family: 'Montserrat', sans-serif;}
.mycontent ul li:before {content: "\f45c";font-weight: bold;font-family: "Font Awesome 5 Free";font-size: 11px;color: #e9ddca;padding-right: 5px;}
.mycontent ul {padding-inline-start: 0;}
input::placeholder, textarea::placeholder {color: #032700;}
ol li {list-style: decimal;}


/*footer_form*/
a.adres_to:before {content: "\f124";font-weight: bold;font-family: "Font Awesome 5 Free";color: #3c3c3b;padding-right: 5px;margin-left:-18px;}
a.mail_top:before {content: "\f0e0";font-family: "Font Awesome 5 Free";font-weight: bold;color: #3c3c3b;padding-right: 5px;margin-left:-18px;}
a.tel_to:before {content: "\f095";font-family: "Font Awesome 5 free";font-weight: bold;color: #3c3c3b;padding-right: 5px;margin-left:-18px;}
.footer_contact_form .col-md-4, .footer_contact_form .col-md-3, .footer_contact_form .col-md-2{float: left;}
.footer_contact_form{height: auto;background: #032700;}
.footer_contact_form h5 {color: #cbbba0;font-size: 25px;font-weight: 300;text-align: center;}
.footer_contact_form {height: auto;background: #3c3c3b;border-top: 3px solid #3c3c3b;border-bottom: 3px solid #3c3c3b;}
.footer_contact_form p {color: white;text-align: center;}
.footer_contact_form h5:before {content: "\f05a";font-family: "Font Awesome 5 Free";font-weight: bold;padding-right: 8px;}
.footer_contact_form button.wpcf7-submit {    font-family: 'Questrial', cursive;border: none;margin-top:15px;background: #cbbba0;color: white;padding: 8px 11px;border-radius: 7px;font-weight: 400;color: #032700;}
.footer_links {padding: 50px 0px 100px 0px;}
footer_contact_form {border-bottom: 3px solid #0f530a;border-top: 3px solid #0f530a;}
footer#footer h3 {color: #3c3c3b;}
footer li {list-style: none;}
footer li a:before {content: "\f054";font-family: "Font Awesome 5 Free";font-weight: bold;padding-right: 5px;}
footer li a{color:#032700;margin-bottom: 5px;display: block;}
footer ul {padding-inline-start: 0px;}
footer p a{color: #3c3c3b}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {width: 97.3%;height: 100px; font-family: sans-serif;padding-top: 10px;}
input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {width: 100%;}
div#wpcf7-f30-o1 {padding: 50px 0;}
.footer_postcode {max-width: 8.125%;float: left;padding-left: 15px;padding-right: 15px}
input.wpcf7-form-control.wpcf7-text { width: 101%;    margin-bottom: 27px;}
input[type=text], input, input[type=email][type=date] {height: 45px;}
.footer_links {background: #e9ddca;}
footer section.container p, footer section.container a {color: #3c3c3b;margin-top: 1rem;font-size:14px;}
footer li a:hover {text-decoration: none;color: #032700;}
.footer_contact_form i.fas.fa-paper-plane {padding-right: 3px;}
input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {color: #032800;}
.footer_contact_form input, textarea, input[type=email] {padding-left: 10px;}
a.mail_top {word-break: break-word;}



/*aanpassingen form*/
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {color: white;text-align: center}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{color: white;text-align: center}
span.wpcf7-not-valid-tip {color: #f00;font-size: 9px;font-weight: normal;display: none;float: left;position: absolute;top: -41px;}

/*aanpasingen js composer*/
.wpb_single_image .vc_figure{width: 100%}
.wpb_single_image .vc_single_image-wrapper{width: 100%}
.home_feest img, img.vc_single_image-img.attachment-full{width: 100%	}

/*media query max*/
@media screen and (max-width:1200px){
	.topnavigatie ul li a{font-size: 17px}
	.topnavigatie ul li.menu-item-has-children:after{top: 2px;}
	.col-md-5.topnavigatie:last-child {padding-left: 27px;}
	body #rmp-menu-wrap-31077 .rmp-menu-item-link{
		display:flex; 
		align-items:center;
	}
	body #rmp-menu-wrap-31077 .rmp-menu-subarrow{
		top:20px;
		background-color:transparent; 
		border-left:0;
	}
	button#responsive-menu-button { border-radius: 10px; }
	
}
@media screen and (max-width:1200px){
	.hero-title-vervolg{top: 25%;}
	.topheader, header{display: none;}
	.header-menu-button{display: block}
	span.menu_naam {font-weight: 900;position: absolute;left: 100px;top: 30px;font-size: 20px;}
}
@media screen and (max-width:767px){
	.box_home2 {margin-top: 20px;}
	textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required { width: 485.5px;height: 100px;margin-top: 25px;margin-left: 4.5px;}
	input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date{width: 101%;}
	.button_mobile{border: none;background: #fbbc46;color: white;padding: 13px 32px;border-radius: 7px;font-weight: 800;margin-top:20px;font-size: 24px;}
    .button_mobile:before{content: "\f05a";font-family: "Font Awesome 5 Free";color: #032700;padding-right: 2px;}
    .button_mobile a {color: #032800;}
    .hero-title h1{font-size:45px;}
    .hero-title h4{font-size: 25px}
}
@media screen and (max-width:575px){
	textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {width: 95%;}
}
@media screen and (max-width:450px){
	span.menu_naam{
		display: none;
	}
	textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required{width: 91.6%;margin-left: 3.5px;}
}
@media screen and (max-width:420px){
	.icon_mob_nav{font-size:25px;}
}

/*media quey between*/
@media screen and (max-width:991px) and (min-width:767px) { 
	textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {width: 95.9%;height: 100px;}
	
}

@media screen and (max-width:1200px) and (min-width:991px){
	textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {width: 96.8%;height: 100px;}
}

/*media query min*/
@media screen and (min-width:420px){
	.icon_mob_nav{font-size: 25px}
	.icon_mob_nav a{padding-right: 10px}
}
@media screen and (min-width:767px){
	.col-md-4.alignright {width: 63px;}
	.button_mobile{display: none}
}
@media screen and (min-width:1200px) {
	.header-mob {display:none;}
	.topheader, header{display: block;}
}

.vc_tta-panels {
    background: #e9ddca !important;
}