/* * Migrated from WordPress Customizer "Additional CSS" on 2026-09-22. * * This file replaces the Customizer CSS field, which had grown to ~84-87KB * across 500+ revisions and was prone to silent corruption: WordPress's * wp_update_custom_css_post() function HTML-escapes ">" to ">" on every * save, which silently breaks any CSS rule using a child combinator. This * caused a real, hard-to-diagnose bug (collapsed/transparent nav dropdown * panels) discovered and fixed 2026-09-22 - see SECURITY-MEMORY-2026-09.md * and wb4u-security-incident-2026-09-11.md for the full incident writeup. * * Edit this file directly (plain text file, no WordPress sanitization layer, * safe to use ">" freely) rather than the Customizer's Additional CSS field * going forward. It is enqueued in functions.php with filemtime() cache * busting, so edits take effect immediately without a manual cache purge * for the file itself (NitroPack/LiteSpeed page caching still needs its * normal purge after any change). */ "@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"); .vacatures-page .grecaptcha-badge { opacity: 1 !important; } header.mkdf-page-header { margin-bottom: 0px !important; } .mkdf-drop-down .narrow .second .inner ul{ display:flex; } span.menu-image-title-above.menu-image-title { color: #ff7503; text-align:center; } .menu-border-new{ border-right: 1px solid #d4d4d4; padding-left: 10px !important; padding-right: 20px !important; } li#nav-menu-item-18682 img, li#sticky-nav-menu-item-18682 img { height: 120px; width: 100%; object-fit: cover; margin-top: 20px; margin-left: 6px!important; } li#nav-menu-item-17179 ,li#nav-menu-item-17170 ,li#nav-menu-item-17211{ border-left: 1px solid #ddd; } .second .item_text span.menu-image-title-above.menu-image-title { text-align: center !important; padding-bottom:10px !important; } .straatnaam { width: 50% !important; } li#nav-menu-item-18682,li#sticky-nav-menu-item-18682 { width: 33%; } li#nav-menu-item-18682 img,li#sticky-nav-menu-item-18682 img { height: 120px; width: 100%; object-fit: cover; margin-top: 20px; margin-left: 20px; } .nummer { width: 20% !important; } .two-project img { max-width: 100%; width: 100%; height: 600px !important; object-fit: cover; } .page-id-13630 .sliderwrap { background: #000000; position: relative; } .page-id-13630 .sliderwrap .slick-slide img { max-width: 100%; max-height: 860px; height: 100%; width: 100%; object-fit: cover; opacity: 0.7; } /* Css Added For Project Single Page*/ .form-section { display: flex; } .list-section { padding: 25px; /* width: 35%; margin: 0 auto; */ } .list-section h2 { font-size: 39px; } .list-section li { list-style: none; } .form-wraper { background-image: url(https://stagging.wb4u.nl/wp-content/uploads/2021/02/cafe.jpg?id=9900) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; margin-top: 0px !important; padding: 45px 109px !important; } .col-md-6.right-section { padding: 30px; background: #fff; } /* end Here */ /*-------------------------------------------------- Portfolios Detail page css ----------------------------------------------------*/ select#choice { background-color: #F2F3F5; font-size: 16px; font-weight: 400; } .form-contetn-wrapers .voornaam-box{width:50% !important;} .form-contetn-wrapers .straatnaam-box, .form-contetn-wrapers .huisnummer-box{width:25% !important;} .form-contetn-wrapers .postcode-box, .form-contetn-wrapers .plaats-box{width:25% !important;} .form-contetn-wrapers .woonadres-box{width:50% !important;} .form-contetn-wrapers .telefoonnummer-box{width:50% !important;} .form-contetn-wrapers .email-boxs{width:50% !important;} .form-contetn-wrapers .bestanden-boxs{width:50% !important;} .form-contetn-wrapers .wensen-boxs{width:50% !important;} .form-contetn-wrapers .reeds-boxs{width:50% !important;} .form-contetn-wrapers .gevonden-box{width:50% !important;} .form-contetn-wrapers form#gform_2{background:#fff;border:1px solid rgba(0,0,0,.06);padding:25px!important;box-shadow:0 2px 0 0 rgb(0 0 0 / 5%);} /* .hexa-projecten h3:before { width: 8px; height: 45px; content: ""; position: absolute; background: #FF7503; left: 36%; margin-top: -10px; } */ div#faq-section-new { padding-top: 30px !important; padding-bottom: 45px !important; background: #00235a url(https://stagging.wb4u.nl/wp-content/uploads/2022/01/business-rev-02.png?id=12417) !important; padding-right: 109px !important; padding-left: 109px !important; } /* body.admin-bar .mkdf-drop-down .second { top: 172px; } */ .mkdf-section-title-holder.font-68-white h2.mkdf-st-intro-title { font-size: 68px; color: #ffffff !important; } .kernwaardes-section p.mkdf-iwt-caption { color: #ff7503 !important; font-size: 28px; letter-spacing: normal; font-weight: 600; text-transform: capitalize; line-height: normal; } .kernwaardes-section span.mkdf-iwt-title-text { font-size: 23px; font-weight: normal; } .kernwaardes-section p { font-size: 19px; } .mkdf-section-title-holder.font-68.font-white.custom-icon { position: relative; } .sven-section { position: relative; } .sven-section .before-arrow .wpb_single_image::before { content: ""; position: absolute; background: url(/wp-content/uploads/2022/01/sven-icon.png); top: 0px; height: 100%; width: 100%; background-repeat: no-repeat; right: 167px; } .mkdf-section-title-holder.font-68.font-white.custom-icon .mkdf-st-intro-title::after { content: ""; position: absolute; background: url(/wp-content/uploads/2022/01/arrowright.png); top: 30px; height: 100%; width: 120px; background-repeat: no-repeat; margin-left: 20px; } .mob-only { display: none; } .pt-25 { padding-top: 25px; } .projecten-landing-section.projecten-animation-sec:before { background: none; } .wb4u-team.team-wrapers a.mkdf-btn.mkdf-btn-medium.mkdf-btn-solid.wb4u-botton { border-radius: 15px; margin-top: 45px; } .custom-icon h5.mkdf-st-text { font-weight: normal; } .wb4u-team::after { content: ""; position: absolute; background: url(/wp-content/uploads/2022/01/wb4uteam.png); top: 30px; height: 89px; width: 120px; background-repeat: no-repeat; margin-left: 170px; background-size: contain; } p.authorname { color: #00235a !important; font-size: 34px !important; font-weight: 600 !important;line-height: 100% !important; } .wb4u-team .wpb_wrapper p { font-size: 19px !important; } .wb4u-team h3.vc_custom_heading { font-size: 30px; margin-top: 30px; margin-bottom: 5px; } .custom-back::before { background: transparent !important; } .toevoeging { width: 20% !important; } .voornaam, .acth, .straatnaam, .nummer, .toevoeging, .email, .telefoonnummer, .beri { border: 1px solid #e8e8e9 !important; padding: 0 0 0 0 !important; margin-bottom: 0px !important; } .fullscreen-bg { position: absolute; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .fullscreen-bg .fullscreen-bg__video { width: 100%; height: auto; } .submit { width: 100%; } .mkdf-mobile-header .mkdf-mobile-logo-wrapper a { height: auto !important; } .mkdf-mobile-header .mkdf-mobile-logo-wrapper img { display: block; height: auto; width: 200px; } .mkdf-side-menu-button-opener.mkdf-side-menu-button-opener-predefined, .mkdf-mobile-header .mkdf-mobile-menu-opener.mkdf-mobile-menu-opener-predefined a .mkdf-mobile-menu-icon { background-color: rgb(255, 117, 3); color: #fff; border: 1px solid rgb(255, 117, 3) !important; } .straatnaam-full-form { float: left; width: 60%; clear: both; padding-right: 15px; box-sizing: border-box; } .nummer-full-form { float: left; width: 20%; padding-right: 7.5px; box-sizing: border-box; } .toevoeging-full-form { float: left; width: 20%; padding-left: 7.5px; box-sizing: border-box; } .straatnaam-full-form span, .straatnaam-full-form input, .nummer-full-form span, .nummer-full-form input, .toevoeging-full-form span, .toevoeging-full-form input { width: 100% !important; display: block; } .wpcf7-form.cf7_custom_style_2 .wpcf7-form-control { margin-bottom: 15px !important; } .social_icon_section .mkdf-iwt.mkdf-iwt-icon-top-centered { text-align: right; margin: 10px 0px; } .mkdf-sticky-header { height: 110px; } .mkdf-wrapper-inner .mkdf-top-bar.mkdf-top-bar-dark-skin { z-index: 200; } .mkdf-sticky-header .mkdf-sticky-holder { height: 70px; } .home .mkdf-team-social-holder .mkdf-team-icon.mkdf-team-social-opener { display: none; } .wp-google-list span { color: #fff !important; } .mkdf-drop-down .second .inner ul li a:hover .item_outer, .mkdf-drop-down .second .inner ul li.current-menu-ancestor > a .item_outer, .mkdf-drop-down .second .inner ul li.current-menu-item > a .item_outer { transition: none !important; } .mkdf-drop-down .second .inner ul li a .item_outer { transition: none !important; padding: 0 20px 0 0 !important; } span.menu-image-title-below.menu-image-title { text-align: left !important; cursor: pointer; padding-top: 15px; } .mkdf-drop-down .second .inner ul li a span.item_text { /*color: #ff7503;*/ } img.menu-image.menu-image-title-below { cursor: auto !important; } img.menu-image:hover { opacity: 0.7; } .mkdf-drop-down .second .inner ul li a:hover .item_outer, .mkdf-drop-down .second .inner ul li.current-menu-ancestor > a .item_outer, .mkdf-drop-down .second .inner ul li.current-menu-item > a .item_outer { text-decoration-color: #ff7503 !important; } .mkdf-drop-down .second .inner ul li.custom-menu-image a:hover span.item_text { color: #ff7503; text-decoration: underline; } .item_text span.menu-image-title-above.menu-image-title { text-align: left !important; padding-bottom: 0 !important; font-size: 20px; font-weight: 500; } .mkdf-drop-down .narrow.single-dropdown .second .inner ul li { width: 280px; } .mkdf-drop-down .single-dropdown .second .inner ul li a { padding: 10px 0 10px; } .mkdf-drop-down .second .inner ul li a .item_outer { padding: 0 0px 0 0 !important; } .usp_section .mkdf-iwt-content { padding-left: 10px !important; } .footer-img { background-color: transparent; margin: 10px 0px; height: 55px !important; width: auto; } .top-header-star { width: 100px; padding: 10px 20px 5px 5px; } .mkdf-main-menu .custom-menu-image .menu-image-title { color: #ff7503; font-size: 20px; } .outside-div { width: 100%; padding-bottom: 120px; margin-top: 20px; position: relative; } .custom-menu-image a img { margin-top: 0 !important; height: auto !important; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); width: 100%; object-fit: cover; object-position: center; height: 100% !important; } .mkdf-main-menu .custom-menu-image ul li a { font-size: 16px; line-height: 14px; color: #001659; } .mkdf-main-menu .custom-menu-image ul li a:hover { color: #ff7503; text-decoration: underline; } .mkdf-drop-down .second .inner ul li a .item_outer:before { content: none; } .mkdf-main-menu .custom-menu-image ul li a:hover .item_outer:before { color: #ff7503; } .mkdf-drop-down .second .inner ul li.custom-menu-image a:hover .item_outer { padding: 0; } li.custom-menu-image { border-right: 1px solid #ddd; padding-left: 20px !important; padding-right: 20px !important; } li.custom-menu-image:last-child { border-right: none; padding-left: auto !important; padding-right: auto !important; } .mkdf-drop-down .wide .second .inner { background-color: transparent; border: none; } .mkdf-grid-1300.mkdf-wide-dropdown-menu-content-in-grid .mkdf-drop-down .wide .second .inner > ul { max-width: 1420px; background: #fff; padding: 20px; width: 100%; position: relative; } .mkdf-grid-1300.mkdf-wide-dropdown-menu-content-in-grid .mkdf-drop-down .wide .second .inner > ul:after { background: url() no-repeat center center; position: absolute; right: 30px; bottom: 30px; width: calc(20% - 50px); content: ""; height: 37px; background-size: 100% auto; opacity: 0.15; } li.custom-menu-image { width: 24% !important; } .col3inner li.custom-menu-image { width: 33.33% !important; } .col4inner li.custom-menu-image { width: 25% !important; } .col4inner ul::after, .col3inner ul::after { background: none !important; } .mkdf-drop-down .second .inner ul li a:hover .item_outer, .mkdf-drop-down .second .inner ul li.current-menu-ancestor > a .item_outer, .mkdf-drop-down .second .inner ul li.current-menu-item > a .item_outer { padding: 0; text-decoration: underline; } .mkdf-drop-down li.left_position .second { left: 0 !important; max-width: 1420px; box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.1) !important; } .mkdf-sticky-holder .mkdf-position-right { width: calc(100% - 319px); } .mkdf-drop-down > ul > li:hover > .second { height: auto !important; } .mkdf-main-menu ul li.left_position, .mkdf-main-menu, .mkdf-main-menu > ul, .mkdf-main-menu > ul > li.left_position { position: initial; } .mkdf-main-menu .custom-menu-image > a:hover .item_outer { text-decoration: none !important; } .inner-hero-section .wb4u-botton + .wb4u-botton { margin-left: 10px; } .construction_img img, .construction_blog_new img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; bottom: 0; /* object-position: 65% 20%; */ } .construction_img, .construction_blog_new { position: relative; width: 100%; height: 100%; margin: 0; } .construction_wrapper { display: grid; grid-template-columns: 57% 1fr; grid-gap: 20px; align-items: center; } .construction_blog_new { margin-right: 15px; width: 100%; } .construction_wrapper.right_wrapper { grid-template-columns: 40% 1fr; } .grecaptcha-badge{opacity: 0 !important;} @media only screen and (max-width: 1700px) { .mkdf-drop-down li.left_position .second { /* left: -150% !important; */ /* max-width: 1220px; */ left: 0 !important; max-width: 100%; width: 100% !important; } .mkdf-drop-down .second .inner ul li a span.item_text { line-height: 1em; height: 3em; width: 100%; white-space: normal; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .mkdf-drop-down .second ul li .item_text .menu-image-title { height: 32px !important; } } @media only screen and (max-width: 1500px) { .mkdf-drop-down li.left_position .second { left: 0 !important; max-width: 100%; width: 100% !important; } .mkdf-main-menu > ul > li.left_position, .mkdf-main-menu > ul, .mkdf-vertical-align-containers .mkdf-position-center, .mkdf-header-tabbed .mkdf-page-header .mkdf-menu-area .mkdf-position-center, .mkdf-main-menu { position: initial; } .mkdf-vertical-align-containers .mkdf-position-right { position: initial; } .mkdf-sticky-header .mkdf-sticky-holder .mkdf-logo-wrapper a { max-height: 30px !important; } .mkdf-sticky-holder .mkdf-position-right { width: calc(100% - 188px) !important; } nav.mkdf-main-menu.mkdf-drop-down.mkdf-sticky-nav ul li a { padding: 0 16px; } } @media only screen and (max-width: 1169px) { .page-onze-diensten .mkdf-title-holder .fullscreen-bg { display: none; } .inner-hero-section .mkdf-row-background-text-wrapper-inner .mkdf-row-background-text-1 { left: 15px !important; } nav.mkdf-main-menu.mkdf-drop-down.mkdf-sticky-nav ul li a { padding: 0 8px; font-size: 17px; } nav.mkdf-main-menu.mkdf-drop-down.mkdf-sticky-nav + a.mkdf-search-opener.mkdf-icon-has-hover.mkdf-search-opener-svg-path { padding: 0 10px; } nav.mkdf-main-menu.mkdf-drop-down.mkdf-sticky-nav > ul > li.menu-btn > a > span.item_outer .item_text { padding: 6px 5px; } .kernwaardes-section p.mkdf-iwt-caption { font-size: 16px; } .kernwaardes-section span.mkdf-iwt-title-text { font-size: 15px; line-height: normal; padding-right: 10px; } .kernwaardes-section p { font-size: 15px; line-height: normal; padding-right: 18px; } .sven-section .before-arrow .wpb_single_image::before { width: 38%; right: 270px; background-size: contain; } p.authorname { font-size: 20px; } .werkwijze-wraper.custom-back .wpb_wrapper p { padding: 0px 50px; } .wb4u-team::after { top: 22px; margin-left: 125px; } .wb4u-team h3.vc_custom_heading { font-size: 24px; } .wb4u-team .wpb_wrapper p { font-size: 12px !important; line-height: 15px; } .team-wrapers a.mkdf-btn.mkdf-btn-medium.mkdf-btn-solid.wb4u-botton { line-height: normal; } } @media (max-width: 1199px) { .construction_wrapper { grid-template-columns: 50% 1fr; } } @media only screen and (max-width: 1024px) { .construction_wrapper, .construction_wrapper.right_wrapper { grid-template-columns: 100%; } .construction_img img, .construction_blog_new img { position: unset; } .mkdf-mobile-header .mkdf-mobile-nav { overflow-x: scroll; height: 100vh !important; } li.custom-menu-image { border-right: none; } .custom-menu-image a img { display: none; } li.custom-menu-image { width: auto !important; } .outside-div { display: none; } .single-dropdown img.menu-image { display: none; } .single-dropdown ul.sub_menu li a .menu-image-title { text-align: left !important; } .wb4u-team h3.vc_custom_heading { font-size: 18px; } /* .wb4u-team::after { top: 17px; margin-left: 77px; } */ .team-wrapers a.mkdf-btn.mkdf-btn-medium.mkdf-btn-solid.wb4u-botton { padding: 7px 15px; } .eigenaar-landing-wraper .mkdf-iwt.mkdf-iwt-icon-left .mkdf-iwt-content { padding: 0 0 0 5px; } .kernwaardes-section p.mkdf-iwt-caption { font-size: 15px; } .mkdf-section-title-holder.font-68.font-white.custom-icon .mkdf-st-intro-title::after { background-size: contain; } .col3inner li.custom-menu-image, .col4inner li.custom-menu-image { width: 100% !important; box-sizing: border-box; } } @media only screen and (max-width: 999px) { .eigenaar-landing-wraper .mkdf-iwt.mkdf-iwt-icon-left .mkdf-iwt-icon img { max-width: 40px; } .sven-section .before-arrow .wpb_single_image::before { width: 38%; right: 200px; background-size: contain; } .wb4u-team::after { top: 17px; margin-left: 77px; } } @media only screen and (max-width: 768px) { .werkwijze-wraper ul.vc_tta-tabs-list { flex-flow: unset !important; } .construction_wrapper { flex-wrap: wrap; } .construction_blog_new { margin-right: 0; margin-bottom: 15px; } .construction_blog_new, .construction_img { width: 100%; } #mobile-view .gallery-navigation { margin: -60px -29px !important; } .wb4u-section-title .mkdf-st-intro-title{ margin-bottom:10px !important; padding: 10px 0px 10px 20px !important; } .hexa-projecten h3{ padding: 35px 20px !important; } .hexa-projecten h3:before { width: 8px; height: 52px; content: ""; position: absolute; background: #001659; left: 15px; margin-top: -10px; } div#faq-section-new { padding-top: 30px !important; padding-bottom: 45px !important; background: #00235a url(https://stagging.wb4u.nl/wp-content/uploads/2022/01/business-rev-02.png?id=12417) !important; padding-right: 10px !important; padding-left: 10px !important; } .faq-section .wb4u-section-title .mkdf-st-intro-title { text-align: left; } } @media only screen and (max-width: 767px) { .inner-hero-section.bg-cb { background-position: right bottom !important; background-size: auto 100% !important; text-align: center; } .check-heading > .wpb_wrapper { text-align: left; } .mkdf-container-inner, .mkdf-elementor-row-grid-section > .elementor-container, .mkdf-grid, .mkdf-row-grid-section { max-width: 90%; width: 100%; } .straatnaam-full-form { width: 100%; padding: 0px; } .nummer-full-form { width: 100%; padding: 0px; } .toevoeging-full-form { width: 100%; padding: 0px; } .mkdf-accordion-height-fix .mkdf-eh-item-inner { height: auto; } .page-portfolio .mkdf-row-background-text-holder { background-color: transparent; opacity: 1; } .page-onze-diensten .mkdf-title-holder:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #001659; opacity: 0.5; } .mkdf-title-holder .mkdf-title-inner .mkdf-grid { text-align: center; } .mkdf-row-has-background-text .wb4u-col { margin-left: 0px !important; text-align: center; } .mkdf-row-has-background-text .wb4u-col .vc_column-inner { padding-left: 15px; padding-right: 15px; } .mkdf-page-content-holder .mkdf-row-has-background-text, .mkdf-page-content-holder .mkdf-row-grid-section-wrapper.mkdf-content-aligment-left { background-position: right bottom !important; text-align: center; } /* .mkdf-page-content-holder .vc_row { margin-left: auto; margin-right: auto; } */ .mkdf-page-content-holder .mkdf-row-grid-section { margin: 0; width: 100%; max-width: 100%; } .mkdf-title-holder.mkdf-standard-type .mkdf-page-title, .mkdf-title-holder.mkdf-standard-type h6.mkdf-page-title-additional-text { color: #ffffff !important; } .inner-hero-section h1.wb4u-top-heading, .inner-hero-section p, .page-referenties .wb4u-col-header .wb4u-top-sub-heading p, .page-referenties .wb4u-col-header h1, .wb4u-top-heading, .wb4u-top-sub-heading h6, .wb4u-top-sub-heading p, .wb4u-bottom-heading p { text-align: center; color: #ffffff; } .inner-hero-section ul { max-width: 100%; text-align: left; } .inner-hero-section ul li { color: #ffffff !important; } .mkdf-elements-holder .mkdf-eh-item-content { text-align: center; } #rev_slider_5_1_wrapper .wilmer-navigation.tp-bullets { left: 50% !important; transform: translateX(-50%) !important; bottom: 30px !important; top: unset !important; } #rev_slider_5_1_wrapper rs-mask-wrap { text-align: center !important; } .mkdf-page-footer .mkdf-footer-top-holder .mkdf-footer-top-inner.mkdf-grid { padding: 30px 0 30px; } .mobile-empty-space .vc_empty_space { height: 30px !important; } .mobile-empty-space a.mkdf-btn.mkdf-btn-medium.mkdf-btn-solid { margin-bottom: 25px; } .image-hidden { display: none; } .mobile-empty-space .wpb_content_element p { display: none; } .empty-space { height: 0px !important; } .home-accordion .mkdf-accordion-height-fix .mkdf-eh-item-inner { height: 100%; } .home .home-accordion { margin: 0 !important; padding: 0 !important; padding: 15px !important; } .home .home-accordion .vc_column-inner { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } .home .home-accordion .mkdf-appearing-section:after, .mkdf-appearing-section:before { content: none; } .home .home-accordion .mkdf-accordion-holder.mkdf-ac-boxed .mkdf-accordion-title .mkdf-accordion-mark { right: -15px; } .home .diensten-section .vc_column_container { background-color: #fff; } .home .diensten-section .mkdf-eh-item-content { padding: 30px 0 0 35px !important; } .home .diensten-section { padding: 0 !important; } .home .blog_sec_home { padding-bottom: 0px !important; } .home-accordion .mkdf-accordion-holder .mkdf-accordion-title .mkdf-tab-title { text-align: left; } .home-accordion .mkdf-accordion-holder .mkdf-accordion-content-inner p { text-align: left; } .inner-hero-section .wb4u-botton { font-size: 15px; padding: 0 10px; } .inner-hero-section .wb4u-botton + .wb4u-botton { margin-left: 5px; } .inner-hero-section .wb4u-botton::after { font-size: 21px; margin-left: -6px; } .home-hero-slider.loaded .slick-active .first-slide .border-text { left: 30px; } .usp_wrap_box h4.mkdf-iwt-title { margin: 5px 0px; } .mkdf-section-title-holder.font-68.font-white.custom-icon .mkdf-st-intro-title::after { width: 50px; background-size: contain; } .sven-section .vc_column-inner { padding-left: 0px !important; } .sven-section .before-arrow .wpb_single_image::before { content: none !important; } .mob-only { display: block; margin-bottom: 50px !important; text-align: center !important; } .web-only { display: none; } .projecten-animation-sec.projecten-landing-section .image-col { width: 100%; } .projecten-animation-sec.projecten-landing-section .text-col { width: 100%; } .padding-col, .padding-col h2 { padding: 0px 15px; } } .mkdf-top-bar .mkdf-vertical-align-containers .mkdf-position-right { width: 100%; text-align: center; } .mkdf-top-bar .mkdf-position-right .widget { width: 100%; } .mkdf-main-menu > ul > li.menu-btn > a > span.item_outer .item_text { background:#2c7217; padding: 6px 10px; color:#fff; border-radius:5px; } .mkdf-main-menu > ul > li.menu-btn.blue-btn > a > span.item_outer .item_text { background:#131c46; } .mkdf-main-menu > ul > li.menu-btn + li.menu-btn{border-left:0 !important;} .mkdf-main-menu > ul > li.menu-btn > a > span.item_outer .item_text:before { background: url("/wp-content/uploads/2022/08/call-icon.png") no-repeat scroll 0 0; content: ""; margin-right: 5px; display: inline-block; width: 16px; height: 19px; background-size: 16px auto; position: relative; top: 3px; } .mkdf-main-menu > ul > li.menu-btn.quote-btn > a > span.item_outer .item_text:before { background: url("/wp-content/uploads/2022/08/calc-icon.png") no-repeat scroll 0 0; } .mkdf-sticky-header { overflow: hidden; } .mkdf-sticky-header.header-appear { overflow: visible; box-shadow: none !important; } .wb4u-botton-radius { border-radius: 5px !important; } .people-info-wraper p { font-size: 22px; } .people-info-wraper img { max-width: 240px; margin: 30px auto 0; display: inline-block; } .people-info-wraper h2.vc_custom_heading { font-size: 36px; margin-top: 0; } .widget.mkdf-button-widget { display: none !important; } #rev_slider_10_1_wrapper, #rev_slider_5_1_wrapper { background-image: none !important; } /*Custom CSS Portfolio*/ body.page-id-13630 .mkdf-title-holder { display: none; } body.page-id-13630 .mkdf-full-width-inner { padding-top: 0 !important; } body.page-id-13630 .mkdf-content * { -webkit-box-sizing: border-box; box-sizing: border-box } .page-id-13630 .mkdf-full-width-inner { padding-bottom: 30px !important; } .project-wrap { font-family: "Ubuntu", sans-serif; } .sliderwrap { background: #e86022; position: relative; } .sliderwrap .slider { color: #fff; } .sliderwrap .slider .slide { position: relative; } .sliderwrap .slider .slick-arrow { z-index: 100; bottom: 60px; } .sliderwrap .slider .bannertext { position: absolute; top: 25%; left: 35%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 300ms ease; transition: all 300ms ease; text-transform: uppercase; max-width: 920px; } .sliderwrap .slider h2 { font-size: 42px; font-weight: 400; margin: 0; padding: 0; text-transform: uppercase; color: #fff; font-family: "Ubuntu", sans-serif; line-height: normal; } .sliderwrap .slider h2 strong { font-weight: 600; font-size:56px; } .sliderwrap .slider p { font-size: 28px; line-height: 42px; font-weight: 300; margin-top: 25px; color: #fff; font-family: "Ubuntu", sans-serif; } .sliderwrap .slick-slide img { max-width: 100%; max-height: 860px; height: 100%; width: 100%; object-fit: cover; } .sliderwrap .prev-arrow, .sliderwrap .next-arrow { font-size: 0; line-height: 0; position: absolute; bottom: 0; display: block; width: 85px; height: 188px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .sliderwrap .prev-arrow { left: calc(50% - 69px); background: url(https://stagging.wb4u.nl/wp-content/uploads/2022/06/left-arrow.png) no-repeat; background-size: 50px; background-position: bottom } .sliderwrap .next-arrow { right: calc(50% - 66px); background: url(https://stagging.wb4u.nl/wp-content/uploads/2022/06/right-arrow.png) no-repeat; background-size: 50px; background-position: bottom; } .two-project { float: left; width: 100%; color: #e86022; text-transform: uppercase; display: flex; } .two-project .text { margin-top: -100px; margin-bottom: 50px; margin-left: 80px; margin-right: 80px; } .wpb_wrapper .two-project h3 { font-size: 36px; font-weight: 400; color: #e86022; margin: 0; padding: 0; line-height: normal; } .wpb_wrapper .two-project h2 { font-family: "Ubuntu", sans-serif; font-size: 54px; font-weight: 600; color: #e86022; margin: 0; padding: 0; line-height: normal; } .two-project img { max-width: 100%; } .two-project .left-project { background: #d2bba3; width: 50%; float: left; position: relative; } img.left-triangle { width: 50%; height: auto; position: absolute; bottom: -1px; left: 0; } .two-project .right-project { background: #e7ebee; width: 50%; float: right; position: relative; } .two-project .right-project .text { text-align: right; } img.right-triangle { width: 50%; height: auto; position: absolute; bottom: -1px; right: 0; } .two-project .link { width: 145px; height: 124px; color: #fff; position: absolute; bottom: 0; z-index: 1; display: flex; justify-content: center; font-size: 25px; text-transform: capitalize; padding-top: 0px; line-height: 135px; } .two-project .left-project .link { background: url(https://stagging.wb4u.nl/wp-content/uploads/2022/06/left-side-link.png) no-repeat; left: 0; } .two-project .right-project .link { background: url(https://stagging.wb4u.nl/wp-content/uploads/2022/06/right-side-link.png) no-repeat; right: 0; } .projecten-wrap { float: left; width: 100%; } .projecten-wrap .projecten { display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; } .projecten-wrap .projecten > div { width: 300px; height: 300px; } .projecten-wrap .projecten > div img { width: 300px; height: 300px; } .projecten-hex-grid { width: 100%; overflow: hidden; float: left; background: #eeeeee; } .projecten-hex-grid li a { width: 100%; height: 100%; float: left; position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center; } .projecten-hex-grid li a span { text-align: center; position: absolute; z-index: 1; font-size: 38px; text-transform: uppercase; font-weight: 500; font-family: "Ubuntu", sans-serif; color: #fff; } .projecten-hex-grid li a img { max-width: 500px; } .projecten-hex-grid .hex-grid-demo__content:before { content: ""; background-color: rgba(0, 0, 0, 0.6); position: absolute; width: 100%; height: 100%; z-index: 1; } .projecten-hex-grid .hex-grid-demo__content:hover:before { background-color: rgba(232, 96, 34, 0.9); } .page-id-13630 .google-review-section { padding-top: 65px !important; padding-bottom: 40px !important; background-color: #f2f3f5 !important; display: flex; height: 100%; } .projects-template-default .google-review-section { padding-top: 65px !important; padding-bottom: 60px !important; background-color: #f2f3f5 !important; display: flex; height: 100%; margin: 0px 0; } /* Inner Page Start*/ .projects-template-default .breadcrumb { font-size: 17px; color: #00235a; display: inline-block; width: 100%; margin-bottom: 100px; font-weight: 500; } .projects-template-default .breadcrumb a { color: #00235a; text-decoration: underline; } .pagebanner { float: left; width: 100%; position: relative; } .pagebanner:before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 35, 90, 0.6); } .pagebanner img { width: 100%; height: 535px; object-fit: cover; vertical-align: top; } .pagebanner .textwrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .pagebanner .text { font-family: "Ubuntu", sans-serif; text-transform: uppercase; width: 100%; max-width: 1675px; height: 100%; display: flex; justify-content: center; flex-direction: column; margin: 0 auto; padding: 0 0; } .pagebanner .text h4 { font-size: 36px; color: #ff7503; font-weight: 400; margin: 0 0 15px 0; max-width: 500px; font-family: "Ubuntu", sans-serif; padding: 0 25px; } .pagebanner .text h3 { font-size: 56px; color: #fff; font-weight: 600; margin: 0; line-height: 60px; max-width: 610px; font-family: "Ubuntu", sans-serif; padding: 0 25px; } .pagebanner-hexaright { position: absolute; z-index: 3; top: 40px; right: 0; width: 100%; } .pagebanner-hexaright-container { position: relative; max-width: 1670px; margin: 0 auto; width: 100%; } .pagebanner-hexaright .img-hexa { position: absolute; right: 0; height: 100%; width: 100%; font-size: 1.125rem; color: #111; background-color: #fff; -webkit-mask-image: url("https://stagging.wb4u.nl/wp-content/themes/wilmer-child/assets/img/hexa-shape.svg"); mask-image: url("https://stagging.wb4u.nl/wp-content/themes/wilmer-child/assets/img/hexa-shape.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; display: flex; flex-direction: column; justify-content: center; align-items: center; text-decoration: none; text-align: center; transition: transform 0.24s ease-out; } .pagebanner-hexaright .img-hexa img { object-fit: cover; } .pagebanner-hexaright .img-1 { width: 207px; height: 189px; right: 471px; top: 6px; } .pagebanner-hexaright .img-1 img { width: 250px; height: 200px; } .pagebanner-hexaright .img-2 { width: 494px; height: 448px; } .pagebanner-hexaright .img-2 img { width: 600px; height: 500px; } .pagebanner-hexaright .img-3 { width: 538px; height: 485px; top: 218px; right: 405px; } .pagebanner-hexaright .img-3 img { width: 600px; height: 600px; } .pagebanner-hexaright .img-4 { width: 494px; height: 448px; top: 475px; } .pagebanner-hexaright .img-4 img { width: 560px; height: 500px; } .custom-project-detail { max-width: 1670px; width: 100% !important; padding: 0 25px; } .custom-project-detail .mkdf-page-content-holder { margin: 45px 0; display: inline-block; width: 100%; } .custom-project-detail .first-content-sec .wpb_column.vc_col-sm-7 { width: calc(100% - 470px); float: left; } .custom-project-detail .first-content-sec .wpb_column.vc_col-sm-5 { width: 440px; float: right; margin-top: 340px; padding-left: 15px; padding-right: 15px; } .single_testimonial { display: inline-block; width: 100%; border:1px solid #eaeaeb; border-bottom: 4px solid #ff5e12; margin-top: 20px; padding: 40px; box-sizing: border-box; position: relative; } .single_testimonial .testimonial_img-wrap { -webkit-clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%); clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%); background: #e86022; } .single_testimonial::before{ width: 38px; height: 31px; background: url(https://stagging.wb4u.nl/wp-content/uploads/2022/07/quote.png) no-repeat right top; position: absolute; right: 50px; top: 40px; content: ""; } .testimonial_img-wrap { float: left; width: 142px; } .testimonial_img-wrap img { width: 142px; height: 150px; object-fit: contain; object-position: bottom; padding: 45px 0 0; box-sizing: border-box; } .testimonial_text { width: calc(100% - 162px); float: left; padding-left: 20px; font-weight: 500; } .testimonial_text .author { font-size: 13px; color: #000000; text-transform: uppercase; } .testimonial_text .title { font-size: 27px; color: #001941; padding: 10px 0; font-weight: 800; } .testimonial_text .content { font-size: 17px; color: #000000; line-height: normal; } .mkdf-testimonials-holder .mkdf-testimonial-image { background: url(https://stagging.wb4u.nl/wp-content/uploads/2022/07/review_hexa.png) no-repeat 20px 0px; background-size: contain; width: 100px; height: 91px; text-align: center; overflow: hidden; } .mkdf-testimonials-holder .mkdf-testimonial-image img { width: 70px !important; object-fit: contain; margin-top: 22px !important; margin-left: 35px !important; } /* sush For ornage section above Footer */ #footer-menu-section{ display:none !important; } @media only screen and (max-width: 1023px) { .custom-project-detail .first-content-sec .wpb_column.vc_col-sm-5, .custom-project-detail .first-content-sec .wpb_column.vc_col-sm-7 { width: 100%; } } @media only screen and (max-width: 620px) { .headline-box button.filter { font-size: 14px; padding: 5px 10px; } } /* Inner Page End*/ @media screen and (max-width: 1700px) { .sliderwrap .slider .bannertext { position: absolute; top: 0; left: 0; padding: 80px; -webkit-transform: none; transform: none; } .sliderwrap .slider h2 { font-size: 42px; color:#fff; } .sliderwrap .slider p { font-size: 22px; text-transform: capitalize; line-height: 35px; } } @media screen and (max-width: 1600px) { .pagebanner-hexaright .img-1 { width: 160px; height: 189px; right: 370px; } .pagebanner-hexaright .img-1 img { width: 250px; height: 250px; } .pagebanner-hexaright .img-2 { width: 394px; height: 348px; } .pagebanner-hexaright .img-2 img { width: 500px; height: 500px; } .pagebanner-hexaright .img-3 { width: 438px; height: 385px; top: 162px; right: 310px; } .pagebanner-hexaright .img-3 img { width: 600px; height: 600px; } .pagebanner-hexaright .img-4 { width: 394px; height: 348px; top: 365px; } .pagebanner-hexaright .img-4 img { width: 500px; height: 500px; } .custom-project-detail .first-content-sec .wpb_column.vc_col-sm-5 { margin-top: 120px; } .projects-template-default .breadcrumb { margin-bottom: 60px; } } @media screen and (max-width: 1300px) { .sliderwrap .slider h2 { font-size: 38px; } .sliderwrap .slider p { font-size: 24px; line-height: 35px; } .wpb_wrapper .two-project h3 { font-size: 26px; } .wpb_wrapper .two-project h2 { font-size: 44px; } .pagebanner .text h4 { font-size: 26px; max-width: 430px; } .pagebanner .text h3 { font-size: 45px; line-height: 50px; max-width: 430px; } .pagebanner-hexaright .img-1 { width: 125px; height: 125px; right: 295px; } .pagebanner-hexaright .img-1 img { width: 150px; height: 150px; } .pagebanner-hexaright .img-2 { width: 300px; height: 300px; } .pagebanner-hexaright .img-2 img { width: 350px; height: 350px; } .pagebanner-hexaright .img-3 { width: 348px; height: 345px; top: 132px; right: 260px; } .pagebanner-hexaright .img-3 img { width: 500px; height: 500px; } .pagebanner-hexaright .img-4 { width: 300px; height: 300px; top: 300px; } .pagebanner-hexaright .img-4 img { width: 350px; height: 350px; } .pagebanner-hexaright { right: 25px; } .custom-project-detail .first-content-sec .wpb_column.vc_col-sm-5 { margin-top: 40px; } } @media screen and (max-width: 1100px) { .sliderwrap .slider .bannertext { padding: 40px; } .sliderwrap .slider h2 { font-size: 37px; } .sliderwrap .slider p { font-size: 20px; line-height: 30px; color: #fff; } .two-project .text { margin-left: 40px; margin-right: 40px; } .wpb_wrapper .two-project h3 { font-size: 20px; } .wpb_wrapper .two-project h2 { font-size: 30px; } .pagebanner-hexaright .img-1 { width: 125px; height: 125px; right: 255px; } .pagebanner-hexaright .img-1 img { width: 250px; height: 250px; } .pagebanner-hexaright .img-2 { width: 260px; height: 260px; } .pagebanner-hexaright .img-2 img { width: 350px; height: 350px; } .pagebanner-hexaright .img-3 { width: 258px; height: 295px; top: 132px; right: 220px; } .pagebanner-hexaright .img-3 img { width: 500px; height: 500px; } .pagebanner-hexaright .img-4 { width: 260px; height: 260px; top: 260px; } .pagebanner-hexaright .img-4 img { width: 350px; height: 350px; } .custom-project-detail .first-content-sec .wpb_column.vc_col-sm-5 { margin-top: 0; } } @media screen and (max-width: 1024px) { .sliderwrap .slider { height: 515px; } .sliderwrap .slick-slide img { object-fit: cover; /* object-position: right bottom; */ max-width: 140%; height: 515px; } .sliderwrap .prev-arrow, .sliderwrap .next-arrow { width: 30px; height: 66px; background-size: cover; } .sliderwrap .prev-arrow { left: calc(50% - 29px); } .sliderwrap .next-arrow { right: calc(50% - 31px); } .two-project .text { margin-top: 0; } } @media screen and (max-width: 1023px) { .pagebanner-hexaright .img-1 { width: 107px; height: 78px; right: 213px; } .pagebanner-hexaright .img-1 img { width: 150px; height: 150px; } .pagebanner-hexaright .img-2 { width: 244px; height: 198px; } .pagebanner-hexaright .img-2 img { width: 244px; height: 198px; } .pagebanner-hexaright .img-3 { width: 288px; height: 235px; top: 88px; right: 180px; } .pagebanner-hexaright .img-3 img { width: 300px; height: 260px; } .pagebanner-hexaright .img-4 { width: 244px; height: 198px; top: 215px; } .pagebanner-hexaright .img-4 img { width: 280px; height: 250px; } .custom-project-detail .first-content-sec .wpb_column.vc_col-sm-5 { margin-top: 40px; } .pagebanner .text h4, .pagebanner .text h3 { max-width: 460px; } } @media screen and (max-width: 991px) { .sliderwrap .slider .bannertext { padding: 15px; } .two-project .link { width: 90px; height: 77px; background-size: contain !important; font-size: 18px; line-height: 86px; } .two-project .text { margin-left: 15px; margin-right: 15px; } .wpb_wrapper .two-project h3 { font-size: 16px; } .wpb_wrapper .two-project h2 { font-size: 22px; } .testimonial_text { width: 100%; padding-left: 0; padding-top: 15px; } body.projects-template-default .mkdf-content-inner { position: relative; } .pagebanner-hexaright { top: 240px; right: 0; } .pagebanner img { height: 565px; } .pagebanner .text { justify-content: inherit; padding: 25px 0; } .pagebanner .text h4, .pagebanner .text h3 { max-width: 100%; } .pagebanner .text h4 { font-size: 26px; } .pagebanner .text h3 { font-size: 45px; line-height: 40px; } } @media screen and (max-width: 765px) { .pagebanner img { height: 605px; } .pagebanner-hexaright{top: 280px;} } @media screen and (max-width: 620px) { .headline-box button.filter { font-size: 14px; } .pagebanner .text h4 { font-size: 20px; } .pagebanner .text h3 { font-size: 30px; line-height: 32px; } .pagebanner img { height: 545px; } .pagebanner-hexaright { top: 290px; right: 25px; } .sliderwrap .slick-slide img { max-width: 160%; } .pagebanner-hexaright .img-1 { width: 60px; height: 65px; right: 153px; } .pagebanner-hexaright .img-1 img { width: 80px; height: 80px; } .pagebanner-hexaright .img-2 { width: 160px; height: 160px; } .pagebanner-hexaright .img-2 img { width: 200px; height: 200px; } .pagebanner-hexaright .img-3 { width: 180px; height: 180px; top: 69px; right: 131px; } .pagebanner-hexaright .img-3 img { width: 200px; height: 200px; } .pagebanner-hexaright .img-4 { width: 160px; height: 160px; top: 155px; } .pagebanner-hexaright .img-4 img { width: 200px; height: 200px; } } /* ------------------------------------------ */ .page-id-13630 a.down { background: url(https://stagging.wb4u.nl/wp-content/themes/wilmer-child/assets/img/bottom-arrow.png) no-repeat; width: 159px; height: 60px; display: inline-block; font-size: 0; margin: 0 auto; position: absolute; left: calc(50% - 80px); top: -60px; } .page-id-13630 .mkdf-st-inner, .projects-template-default .google-review-section .mkdf-st-inner { text-align: center; } .page-id-13630 .mkdf-st-intro-title, .projects-template-default .google-review-section .mkdf-st-intro-title { display: inline-block; } .hexa-projecten { background: #00235a url(https://stagging.wb4u.nl/wp-content/uploads/2022/01/business-rev-02.png?id=12417) !important; /* padding: 0 100px; */ } .hexa-projecten h3 { color: #fff; display: inline-block; width: 100%; text-align: center; text-transform:capitalize; padding: 35px 0; font-family: Yantramanav,sans-serif; font-size:32px !important } .headline-box { width: 100%; max-width: 1550px; margin: 0 auto; padding: 0 25px; text-align: center; } .headline-box button.filter { border: 1px solid #b4b9c6; background: #fff; font-family: "Ubuntu", sans-serif; color: #4c4c4c; font-size: 18px; font-weight: 600; text-align: center; display: inline-block; padding: 10px 20px; margin-right: 5px; margin-left: 5px; margin-bottom: 13px; border-radius: 10px; } .headline-box button.filter.active { background: #e86022; border-color: #e86022; color: #fff; } .honeycombs { position: relative; overflow: hidden; text-align: center; width: 100%; box-sizing: border-box; padding: 50px; } .honeycombs-inner-wrapper { display: inline-block; overflow: hidden; width: 700px; position: relative; height: 1200px; } .comb { position: absolute; display: inline-block; cursor: pointer; } .comb .inner { height: 100%; width: 100%; position: absolute; display: -webkit-box; -webkit-box-align: center; display: flex; display: -webkit-flex; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-perspective: 1000; backface-visibility: hidden; -moz-perspective: 1000; perspective: 1000; } .comb .inner .wrapper { margin: auto; } .comb .back p { font-size: 14px; line-height: 1.2; color: white; } .comb .back .wrapper { -webkit-clip-path: url("#clipping"); clip-path: url("#clipping"); -webkit-clip-path: polygon( 47.5% 5.66987%, 48.2899% 5.30154%, 49.13176% 5.07596%, 50% 5%, 50.86824% 5.07596%, 51.7101% 5.30154%, 52.5% 5.66987%, 87.14102% 25.66987%, 87.85495% 26.16978%, 88.47124% 26.78606%, 88.97114% 27.5%, 89.33948% 28.2899%, 89.56505% 29.13176%, 89.64102% 30%, 89.64102% 70%, 89.56505% 70.86824%, 89.33948% 71.7101%, 88.97114% 72.5%, 88.47124% 73.21394%, 87.85495% 73.83022%, 87.14102% 74.33013%, 52.5% 94.33013%, 51.7101% 94.69846%, 50.86824% 94.92404%, 50% 95%, 49.13176% 94.92404%, 48.2899% 94.69846%, 47.5% 94.33013%, 12.85898% 74.33013%, 12.14505% 73.83022%, 11.52876% 73.21394%, 11.02886% 72.5%, 10.66052% 71.7101%, 10.43495% 70.86824%, 10.35898% 70%, 10.35898% 30%, 10.43495% 29.13176%, 10.66052% 28.2899%, 11.02886% 27.5%, 11.52876% 26.78606%, 12.14505% 26.16978%, 12.85898% 25.66987% ); clip-path: polygon( 47.5% 5.66987%, 48.2899% 5.30154%, 49.13176% 5.07596%, 50% 5%, 50.86824% 5.07596%, 51.7101% 5.30154%, 52.5% 5.66987%, 87.14102% 25.66987%, 87.85495% 26.16978%, 88.47124% 26.78606%, 88.97114% 27.5%, 89.33948% 28.2899%, 89.56505% 29.13176%, 89.64102% 30%, 89.64102% 70%, 89.56505% 70.86824%, 89.33948% 71.7101%, 88.97114% 72.5%, 88.47124% 73.21394%, 87.85495% 73.83022%, 87.14102% 74.33013%, 52.5% 94.33013%, 51.7101% 94.69846%, 50.86824% 94.92404%, 50% 95%, 49.13176% 94.92404%, 48.2899% 94.69846%, 47.5% 94.33013%, 12.85898% 74.33013%, 12.14505% 73.83022%, 11.52876% 73.21394%, 11.02886% 72.5%, 10.66052% 71.7101%, 10.43495% 70.86824%, 10.35898% 70%, 10.35898% 30%, 10.43495% 29.13176%, 10.66052% 28.2899%, 11.02886% 27.5%, 11.52876% 26.78606%, 12.14505% 26.16978%, 12.85898% 25.66987% ); width: inherit; overflow: hidden; position: absolute; bottom: 0; top: -4px; left: -6px; right: 0; width: 425px; height: 415px; } .comb .back .wrapper img { width: 450px; height: 415px; object-fit: cover; } .comb .inner.back { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0.1); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 1; transition: all 0.7s linear; } .comb:hover .inner.front { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.3)"; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .comb:hover .inner.back { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /* .comb:nth-of-type(even) .back .wrapper .animated:hover { transform: translate(0%, 0%); background-color: rgba(232, 96, 34, 0.8); } .comb:nth-of-type(even) .back .wrapper .animated:hover:before, .comb:nth-of-type(even) .back .wrapper .animated:hover:after, .comb:nth-of-type(even) .back .wrapper .animated:hover .icon { opacity: 0; } .comb:nth-of-type(even) .back .wrapper .animated:hover .text { width: 150px; margin: auto; opacity: 1; transform-origin: center; display: flex; align-items: center; justify-content: center; } .comb:nth-of-type(even) .back .wrapper .animated:hover .text h3, .comb:nth-of-type(even) .back .wrapper .animated:hover .text p { color: #f7f7f7; } */ .back .wrapper a { display: inline-block; width: 100%; height: 100%; position: relative; } .back .wrapper a::before { /* background-color: rgba(0, 0, 0, 0.5); */ width: 100%; height: 100%; transition: transform 0.3s, background-color 0.3s; color: white; position: absolute; content: ""; top: 0; left: 0; right: 0; } .back .wrapper a:hover::before { background-color: rgba(232, 96, 34, 0.9); } .honeycombs-inner-wrapper .comb:last-child a::before { background-color: none; } .back .wrapper .animated:hover:before, .back .wrapper .animated:hover:after, .back .wrapper .animated:hover .icon { opacity: 0; } /* .back .wrapper .animated:hover .text { width: 260px; text-align: center; margin: auto; margin-top: 50%; translate: 50% 50%; transform: translateY(-50%); opacity: 1; transform-origin: center; } .back .wrapper .animated:hover .text h3, .back .wrapper .animated:hover .text p { color: #ccc; } */ .back .wrapper .text { font-size: 32px; font-family: "Ubuntu", sans-serif; color: #fff; text-transform: uppercase; font-weight: 600; line-height: normal; text-align: center; text-align: center; margin: auto; height: 100%; display: flex !important; align-items: center; justify-content: center; position: absolute; z-index: 0; opacity:0; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 240px; } /* .back .wrapper .animated .icon { position: absolute; bottom: 60px; left: 40px; transform: skewY(-30deg); opacity: 0.2; } */ span.text:hover { color: #fff !important; opacity: 1 !important; display: block !important; } @media screen and (max-width: 1440px) { .comb .back .wrapper { width: 310px; height: 310px; } .back .wrapper .text { font-size: 22px; max-width: 200px; } } @media screen and (max-width: 1200px) { .honeycombs { padding: 0; } } @media only screen and (max-width:1169px){ .form-contetn-wrapers .voornaam-box { width: 100% !important; } .form-contetn-wrapers .straatnaam-box, .form-contetn-wrapers .huisnummer-box { width: 50% !important; } .form-contetn-wrapers .postcode-box, .form-contetn-wrapers .plaats-box { width: 50% !important; } .form-contetn-wrapers .woonadres-box { width: 100% !important; } .form-contetn-wrapers .bestanden-boxs { width: 100% !important; } .form-contetn-wrapers .wensen-boxs,.form-contetn-wrapers .reeds-boxs,.form-contetn-wrapers .gevonden-box { width: 100% !important; } } /* .mkdf-owl-slider .owl-stage { display: flex; height: 100%; } .mkdf-owl-slider .owl-item { height: 100%; } */ /* .mkdf-testimonials-holder.mkdf-testimonials-standard .mkdf-testimonial-content .mkdf-testimonial-content-inner{ min-height:445px; } @media (max-width: 575.98px) { .mkdf-testimonials-holder.mkdf-testimonials-standard .mkdf-testimonial-content .mkdf-testimonial-content-inner{ min-height:754px; } } */ @media only screen and (max-width:767px){ .sliderwrap .slider .slick-arrow { z-index: 100; bottom: 40px; } } @media only screen and (max-width:479px) { .honeycombs-inner-wrapper { width: 100% !important; height: auto !important; position: static !important; display: flex !important; flex-flow: wrap !important; justify-content: space-around !important; } .comb { position: static !IMPORTANT; width:50% !important; height: auto !important; } .comb .inner.back { position: static !important; } .comb .back .wrapper { width: 100%; height: 100% !important; position: static !important; min-height: 200px; } .comb .back .wrapper img { width: 100% !important; height: 100% !important; } .back .wrapper .text { font-size: 14px; max-width:150px; } .hexa-projecten * { flex-shrink: unset !important; } .form-contetn-wrapers .straatnaam-box, .form-contetn-wrapers .huisnummer-box,.form-contetn-wrapers .postcode-box, .form-contetn-wrapers .plaats-box,.form-contetn-wrapers .telefoonnummer-box,.form-contetn-wrapers .email-boxs { width: 100% !important; } } /* -------page-css--- */ .wb4u-section-title h5.mkdf-st-text { color: #565969; font-weight: 400; padding-left: 20px; } #select-box th { background-color: #001659 !important; color: #fff !important; } /** Footer css **/ .page-id-15512 footer.mkdf-page-footer,.page-id-14634 footer.mkdf-page-footer,.page-id-15516 footer.mkdf-page-footer { display: none; } /* .mkdf-top-bar { position: fixed; top: 100px; width: 100%; font-size: 14px; color: #000; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 110; } */ /* @media screen and (max-width: 5000px) and (min-width: 3800px) { .hexa-projecten h3:before { width: 8px; height: 45px; content: ""; position: absolute; background: #FF7503; left: 46%; margin-top: -10px; } } */ /* @media screen and (max-width: 5000px) { .hexa-projecten h3:before { width: 8px; height: 45px; content: ""; position: absolute; background: #FF7503; left: 36%; margin-top: -10px; } } */ .hexa-projecten h3:before{ width: 8px; height: 45px; content: ""; position: absolute; background: #FF7503; margin-top: -10px; } div#vragen-box a.mkdf-btn.mkdf-btn-medium.mkdf-btn-solid.mkdf-btn-custom-border-hover.mkdf-btn-custom-hover-color.wb4u-botton-radius.form_open { display: none; } @media screen and (max-width: 600px){ .hexa-projecten h3:before { left: 4%; } } @media screen and (min-width: 600px) and (max-width: 1000px) { .hexa-projecten h3:before { left: 25%; } } @media screen and (min-width: 1000px) and (max-width: 1640px) { .hexa-projecten h3:before { left: 36%; } } @media screen and (min-width: 1640px) and (max-width:1800px){ .hexa-projecten h3:before { left: 37%; } } @media screen and (min-width: 1800px) and (max-width:2100px){ .hexa-projecten h3:before { left: 39%; } } @media screen and (min-width: 2100px) and (max-width:2500px){ .hexa-projecten h3:before { left: 40%; } } @media screen and (min-width: 2500px) { .hexa-projecten h3:before { left: 41%; } } @media screen and (min-width: 3000px) { .hexa-projecten h3:before { left: 42%; } } @media screen and (min-width: 3500px) { .hexa-projecten h3:before { left: 44%; } } @media screen and (min-width: 4300px) { .hexa-projecten h3:before { left: 45%; } } @media screen and (min-width: 5300px) { .hexa-projecten h3:before { left: 46%; } } @media screen and (min-width: 7000px) { .hexa-projecten h3:before { left: 47%; } } .scroll-table-wrapper { overflow-x: auto; width: 100%; } .scroll-table-wrapper table { width: 100%; min-width: 1000px; /* Adjust based on your table’s content */ border-collapse: collapse; } .scroll-table-wrapper th, .scroll-table-wrapper td { padding: 10px; border: 1px solid #ccc; white-space: nowrap; } .event-section-tooltip {position:absolute; left:-28347px} .expand-button-panel {position:absolute; left:-29388px} .faq-answer-highlight {position:absolute; left:-14951px} .feature-tab-header {position:absolute; left:-27460px} .field-group-border {position:absolute; left:-28450px} .file-upload-boxed {position:absolute; left:-11286px} .filter-ring-icon {position:absolute; left:-20467px} .fixed-header-button {position:absolute; left:-16137px} .flex-layout-panel {position:absolute; left:-9321px} .floating-info-tile {position:absolute; left:-21445px} .custom-list { padding-left: 1.5em; list-style-position: outside; } .custom-list li strong { display: inline-block; } .custom-list .subtext { display: block; } /* ---------------------------------------------------------------Mega Menu Alignment ----------------------------------------------------------------------------*/ .mkdf-drop-down li.left_position .second { width: 100% !important; } .mkdf-page-header .mkdf-main-menu ul .menu-item .menu-image-title-above{ white-space: normal; } @media (min-width: 1800px) { .mkdf-page-header .mkdf-main-menu ul .menu-item { position: relative !important; } .mkdf-page-header .mkdf-main-menu ul .menu-item .second { width: max-content !important; transform: translate(-50%, 0%) !important; top: 100% !important; left: 50% !important; max-width: max-content !important; } } @media (max-width:767px){ .mkdf-mobile-header .mkdf-mobile-nav ul li a img{ display:none !important; } .mkdf-mobile-header .mkdf-mobile-nav ul li.menu-border-new{ border-right:0px !important; } .mkdf-mobile-header .single-dropdown ul.sub_menu li a .menu-image-title { text-align: left !important; } } li.custom-menu2-li { width: 147px !important; padding: 0px 20px !important; } li.custom-menu2-li a { padding: 7px 0px 5px 0px !important; } .custom-menu2-li .custom-menu-image a img { width: 110px !important; height: auto !important; min-width: 110px !important; } .custom-menu2-li li.custom-menu-image{ width: 175px !important;min-width: 175px; } -------------------------------- .mkdf-sticky-header.header-appear .mkdf-main-menu>ul>li>a{ padding: 0 8px !important; } li.custom-menu2-li { width: auto !important; padding: 0px 0px !important; } .mkdf-sticky-header.header-appear .mkdf-main-menu>ul>li>a{ padding: 0 7px !important; font-size: 16px !important; } .mkdf-sticky-header.header-appear .mkdf-main-menu.mkdf-sticky-nav > ul > li.menu-btn + li.menu-btn{ padding-left: 0px !important; } .mkdf-sticky-header.header-appear .mkdf-main-menu > ul > li.menu-btn > a > span.item_outer .item_text{ font-size: 14px !important; } .hide-button{ display:none; } .mkdf-page-header #menu-full-screen-menu li:first-child .second{ left:0px !important; transform: translate(-10%, 0%) !important; } .mkdf-page-header #menu-full-screen-menu li:first-child .second.right{ left:0px !important; } /* .mkdf-page-header #menu-full-screen-menu li:first-child .second .inner ul li{ width: 190px !important; } .mkdf-page-header #menu-full-screen-menu li:first-child:first-child .second .inner ul li a img{ width: 100px !important; margin: 0 auto !important; } */ /* .mkdf-init-left.mkdf-drop-down-start .custom-menu-image.menu-item ul{ height: 120px; overflow:auto; } */ .mkdf-grid-1300.mkdf-wide-dropdown-menu-content-in-grid .mkdf-drop-down li:nth-child(3) .second .inner > ul{ overflow: auto !important; } /* .mkdf-drop-down .wide .second .inner ul li ul{ height:200px; overflow:auto; } .mkdf-drop-down .wide .second .inner ul li ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } .mkdf-drop-down .wide .second .inner ul li ul::-webkit-scrollbar { width: 6px; background-color: lightgrey; } .mkdf-drop-down .wide .second .inner ul li ul::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; } */ li.custom-menu2-li .second.right{ max-width: 1020px; left: 0px !important; right: auto !important; } li.custom-menu2-li .second.mkdf-drop-down-start .inner ul{ overflow: auto !important; } .mkdf-drop-down .second .inner ul.right li a{ text-align: center !important; } li.custom-menu2-li.menu-item{ padding: 0px 0px !important; } .mkdf-position-left-inner{ max-width: 300px; width: 100%; } .mkdf-drop-down li:first-child .second .inner ul li{ width: 216px; } .custom-menu2-li .custom-menu-image.zakelijk a img{ width: 150px !important; margin-top: -6px !important; } .custom-menu-image.zakelijk a{ min-height: 190px !important; } .custom-menu-image.zakelijk a .outside-div{ min-height: 14px !important; } .mkdf-main-menu ul li.projecten-menu .inner ul li{ width: 50% !important; } ..mkdf-drop-down li.projecten-menu .second{ width: 70% !important; } .mkdf-row-background-text-holder.mkdf-row-background-text-front{ display: none !important; } .mkdf-row-has-background-text .vc_column_container .vc_column-inner .gform_wrapper form{ background-color: #efefefb5; padding: 20px 32px 20px !important; border-radius: 12px; border: 1px lightgrey solid; } .usp_section.usp_wrap_box{ margin-bottom: 30px !important; } .diensten-section .wpb_text_column .wpb_wrapper h2{ font-size: 40px; text-transform: capitalize; letter-spacing: 1px; } .mkdf-row-has-background-text .gform_wrapper.gravity-theme .gf_progressbar_title{ color: #4e4e4e; font-size: 20px; font-weight: 600; } .mkdf-row-has-background-text .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue{ background-color: #f77e00; } .mkdf-row-has-background-text .gform_wrapper.gravity-theme .gfield_label{ font-size:18px; font-weight: 600 !important; } .gform-body{ margin-top: 30px; } .gfield_radio .gchoice label{ font-size: 16px !important; font-weight: 400 !important; } .gfield_radio input{ width: 18px; height: 18px; } .gfield_radio{ display: flex; gap: 40px; flex-wrap: wrap; row-gap: 14px; } .gfield_radio .gchoice{ display: flex; align-items: start; gap: 10px; } .gfield_radio .gchoice label{ cursor: pointer; } .gfield_radio .gchoice input{ margin-top: 4px !important } .gfield_checkbox { display: grid; gap: 8px; flex-wrap: wrap; grid-template-columns: 1fr 1fr; } .gfield_checkbox label{ font-size: 16px !important; font-weight: 400 !important; cursor: pointer; } .gfield_checkbox .gchoice{ display: flex; align-items: start; gap: 10px; } .gfield_checkbox .gchoice input{ margin-top: 6px !important; width: 16px; height: 16px; } .gform-page-footer{ display: flex; align-items: center; } .gform-page-footer input[type="button"], .gform-page-footer input[type="submit"]{ width: 100%; height:50px; border-radius: 10px; font-size: 18px; background-color: #ef8700; border: 1px #ef8700 solid; color: #fff; font-weight: 600; cursor: pointer; } .gform_wrapper.gravity-theme fieldset{ margin-bottom: 10px; } .gform_wrapper input[type="text"], .gform_wrapper input[type="tel"]{ background-color: #fff; border-radius: 10px; height: 48px; border: 1px solid #e8e8e9; } .gform_wrapper input[type="email"]{ background-color: #fff; border-radius: 10px; height: 48px; padding: 10px 15px !important; border: 1px solid #e8e8e9; } /* .gfield_no_follows_desc.field_sublabel_above.gfield--no-description{ font-size: 23px; font-weight: 600; margin-top: 10px; color: #180060; } */ .gform_wrapper select{ background-color: #fff; border-radius: 10px; height: 48px; border: 1px solid #e8e8e9; } .gform_wrapper textarea{ background-color: #fff; border-radius: 10px; border: 1px solid #e8e8e9; } .gfield .gsection_title{ font-size: 26px; margin-bottom: 0px; } .gform_wrapper.gravity-theme .gform_drop_area{ background: rgb(255 255 255); border: 1px dashed #ccc; border-radius: 10px; } .gform_wrapper.gravity-theme .gform_drop_area .gform_drop_instructions{ font-size: 20px; font-weight: 500; } .gform_wrapper.gravity-theme .gform_drop_area button{ height:40px; border-radius: 10px; font-size: 15px; background-color: #ef8700; border: 1px #ef8700 solid; color: #fff; font-weight: 500; cursor: pointer; padding: 0px 14px; } .custom-menu2-li.menu-item .second{ max-width: 1020px !important; } .mkdf-main-menu .custom-menu-image .menu-image-title{ display: block; text-align: center; font-weight: 500; } .particulier-menu .second ul li{ border-right: 1px solid #ddd; } .werkwijze-menu .second ul li .item_text .menu-image-title{ display: block; text-align: center; font-weight: 500; color: #ff7503; } .social-media-menu .menu_icon_wrapper .menu_icon{ color: #ff7503; } .mkdf-accordion-content.ui-accordion-content .mkdf-accordion-content-inner h3{ font-size: 23px; color: #fff; margin: 0px !important; padding-bottom: 7px; padding-top: 20px; } .werkwijze-menu.menu-item .second { width: 340px; } .werkwijze-menu.menu-item .second ul li{ width: 100% !important; } .werkwijze-menu.menu-item .second ul li img{ width: 100% !important; height: 140px; } .quote-btn .menu_icon_wrapper{ display: none !important; } .mkdf-drop-down .kenniscentrum-menu.menu-item .second ul{ overflow: auto !important; } .second.mkdf-drop-down-start .inner ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } .second.mkdf-drop-down-start .inner ul::-webkit-scrollbar { width: 8px; height:8px; background-color: lightgrey; } .second.mkdf-drop-down-start .inner ul::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #2c7217; } .mkdf-page-header .custom-menu2-li.menu-item{ width: 100% !important; } .mkdf-page-header .mkdf-sticky-header .custom-menu2-li.menu-item { width: auto !important; } @media(min-width: 1800px){ .mkdf-page-header .mkdf-main-menu ul .menu-item .second{ transform: translate(-45%, 0%) !important; } .mkdf-page-header .mkdf-sticky-header .mkdf-main-menu ul .menu-item .second{ transform: translate(-43%, 0%) !important; } .projecten-menu.menu-item .second{ min-width: 800px !important; } .mkdf-page-header .mkdf-main-menu .over-ons-menu.menu-item .second{ transform: translate(-42%, 0%) !important; } .mkdf-page-header .mkdf-main-menu .custom-menu2-li.menu-item .second{ transform: translate(-27%, 0%) !important; } .mkdf-drop-down .second ul li .item_text .menu-image-title { height: 40px !important; white-space: normal !important; } .over-ons-menu.menu-item .custom-menu-image a{ padding: 7px 8px 5px 0px !important; } .over-ons-menu.menu-item .custom-menu-image img{ width: 210px; } .over-ons-menu.menu-item .custom-menu-image a .outside-div{ width: 210px !important; } .mkdf-drop-down .particulier-menu.menu-item .second ul li{ width: 270px !important; } .mkdf-drop-down .particulier-menu.menu-item .second ul li img{ margin: 0 auto !important; } .mkdf-page-header .mkdf-sticky-header .mkdf-main-menu ul .menu-item.kenniscentrum-menu .second { transform: translate(-55%, 0%) !important; } .kenniscentrum-menu.menu-item .blogs-sub-menu .outside-div{ margin-top: 10px !important; } } .mkdf-sticky-nav .particulier-menu.menu-item .second{ right: auto !important; left: 0px !important; max-width: 900px; } .mkdf-sticky-nav .particulier-menu.menu-item .second ul{ overflow: auto !important; } .mkdf-sticky-nav .custom-menu2-li.menu-item .second { max-width: 900px !important; } @media(max-width: 1024px){ .mkdf-mobile-header li.custom-menu2-li.menu-item { padding: 0px 0px !important; } .mkdf-mobile-header .custom-menu2-li li.custom-menu-image { width: 100% !important; min-width: 100%; padding-left: 0px !important; } .mkdf-mobile-header .custom-menu-image.zakelijk a { min-height: auto !important; color: #767088 !important; text-align: left; } .mkdf-mobile-header span.menu-image-title-above.menu-image-title { color: #6c6b7e; text-align: left !important; } .custom-menu-image.blogs-sub-menu .menu-image-title{ text-align: left !important; } .mkdf-mobile-header .mkdf-mobile-nav .sub_menu .menu-item img{ display: none !important; } /*.mkdf-wrapper .mkdf-top-bar{position:fixed !important; top:0px; left: 0; width: 100%;} .mkdf-wrapper .mkdf-top-bar{top: 72px;} */ .mkdf-wrapper .mkdf-mobile-header .mkdf-mobile-header-inner{position:fixed !important; top:0 !important; left:0; width:100%; z-index:10001 !important; transform:none !important;} .mkdf-mobile-header{z-index:10001 !important;} .mkdf-wrapper .mkdf-top-bar{position:fixed !important; top:70px !important; left:0; width:100%; height:40px; z-index:10000 !important;} } @media(max-width: 767px){ .gform_wrapper form fieldset{ text-align: left !important; } .gform_wrapper form .gfield_checkbox{ grid-template-columns: 1fr !important; } .gform_wrapper form .gfield--no-description{ text-align: left !important; } .gform_wrapper.gravity-theme .gfield div, .gform_wrapper.gravity-theme .gfield span{ text-align: left !important; line-height: 23px; } .gform_wrapper form .gform-page-footer input{ text-align: center !important; } .gform_wrapper form .gf-info-box h3{ line-height: 26px !important; } .gform_wrapper form h3{ line-height: 26px !important; text-align: left !important; } .kenniscentrum-menu ul li.custom-menu-image{ padding-left: 0px !important; } } #mobile-menu-item-11945 span,#mobile-menu-item-14799 span{ color:#001659; } #mobile-menu-item-19190 span,#mobile-menu-item-19269 span,#mobile-menu-item-20250 span, #mobile-menu-item-11536 span, #mobile-menu-item-7712 span,#mobile-menu-item-19224 span{ color:#1e1e1e; } .form-wraper{ padding: 80px 90px !important; display: flex; justify-content: center; } .form-wraper .form-wpb_wrapper .form-section{ justify-content: center; gap: 16px; } .form-wraper .form-wpb_wrapper{ max-width: 1330px !important; width: 100%; } .form-wraper .form-wpb_wrapper .form-section .col-md-6.right-section{ width: 635px !important; padding: 0px !important; } .form-wraper .form-wpb_wrapper .form-section .col-md-6.right-section .gform_wrapper{ padding: 0px 30px 30px; } .form-wraper .form-wpb_wrapper .form-section .mkdf-st-intro-title{ margin-top: 0px !important; } .mkdf-container-inner.custom-project-detail { max-width: 1330px; width: 100% !important; padding: 0 0px; } .pagebanner .textwrap .text{ max-width: 1380px !important; } .new-overlay { position: relative !important; overflow: hidden !important; } .new-overlay:before { content: "" !important; position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; background:#0a1229; opacity: 0.5; z-index: 10 !important; } .new-overlay .wpb_column, .new-overlay .vc_column-inner, .new-overlay .wpb_wrapper { position: relative !important; z-index: 20 !important; } header.mkdf-page-header .mkdf-menu-area .mkdf-logo-wrapper a{ max-height: inherit !important; height: auto !important; display: flex; } .mkdf-sticky-header .mkdf-logo-wrapper a{ max-height: inherit !important; height: auto !important; display: flex; } .kenniscentrum-menu.menu-item .blogs-sub-menu .outside-div { margin-top: 10px !important; } .mkdf-drop-down .second .inner ul li a { padding: 7px 17px 5px 17px; } /*-------Portfolio CSS---------*/ @media(max-width: 767px){ .load-more-portfolio{ margin-bottom: 12px!important; margin-left: 20px!important; } .sliderwrap .slider h2 strong { font-weight: 600; font-size: 38px; } .sliderwrap .slider p{ margin-top:0px; } .sliderwrap .slider { height: 350px!important; } .custom-project-detail .mkdf-page-content-holder { padding-left: 25px!important; padding-right: 25px!important; } .form-wraper .form-wpb_wrapper .form-section { justify-content: center; display: flex; flex-direction: column; } .form-wraper { padding: 50px 20px !important; display: flex; justify-content: center; } .form-wraper .form-wpb_wrapper .form-section .col-md-6.right-section { width: 100% !important; } .form-wraper .form-wpb_wrapper .form-section .col-md-6.right-section .gform_wrapper { padding: 0px 20px 20px; } #mobile-menu-item-18682, #mobile-menu-item-10834, #mobile-menu-item-15306, #mobile-menu-item-20105, #mobile-menu-item-13066, #mobile-menu-item-8370, #mobile-menu-item-21446{ padding-left:0px!important; padding-right:0px!important; } .vc_col-sm-12 .vc_column_container>.vc_column-inner{ padding-left:0px!important; padding-right:0px!important; } .sliderwrap .slider .slick-list{ height: 100%; } .sliderwrap .slider .slick-list .slick-track{ height: 100%; } .sliderwrap .slider .bannertext { margin-top:30px; } .two-project .text { margin-left: 25px; margin-right: 25px; } .wpb_wrapper .two-project h2 { font-size: 18px; } .two-project .link { width: 90px; font-size: 16px; } .two-project img { height: 300px !important; object-fit: cover; } .mkdf-row-grid-section-wrapper { background-size: cover; padding-left: 20px; padding-right: 20px; } .mkdf-row-grid-section .vc_custom_1599503808553{ padding-top: 0px !important; } .project-wrap .sliderwrap .slider{ padding: 0px !important; } .gfield--input-type-captcha .ginput_recaptcha{ margin-bottom: 14px; } } @media(min-width: 768px)and (max-width: 1023px){ #mobile-menu-item-18682, #mobile-menu-item-10834, #mobile-menu-item-15306, #mobile-menu-item-20105, #mobile-menu-item-13066, #mobile-menu-item-8370{ padding-left:0px!important; padding-right:0px!important; } .custom-project-detail .mkdf-page-content-holder { padding-left: 25px!important; padding-right: 25px!important; } .form-wraper .form-wpb_wrapper .form-section { justify-content: center; display: flex; flex-direction: column; } .form-wraper { padding: 50px 20px !important; display: flex; justify-content: center; } .form-wraper .form-wpb_wrapper .form-section .col-md-6.right-section { width: 100% !important; } .form-wraper .form-wpb_wrapper .form-section .col-md-6.left-section { width: 100% !important; } .form-wraper .form-wpb_wrapper .form-section .col-md-6.right-section .gform_wrapper { padding: 0px 20px 20px; } .project-wrap .sliderwrap .slider{ padding: 0px !important; } .project-wrap .sliderwrap .slider .bannertext{ top: 48px !important; } } .mkdf-eh-item-content.mkdf-eh-custom-7513 { padding: 28px 26px 28px 26px !important; } .mkdf-eh-item .mkdf-eh-item-content.mkdf-eh-custom-3151 .mkdf-st-inner .mkdf-st-title{ font-size: 34px !important; } .mkdf-eh-item .mkdf-eh-item-content.mkdf-eh-custom-3151 h3{ font-size: 28px !important; } /* new responsive css 17062026 */ .services-section-home .mkdf-iwt-icon a{ width: 100%; } .services-section-home .mkdf-iwt-icon a img{ width: 100%; } .services-section-home .wpb_wrapper h4{ margin-top: 4px !important; } .services-section-home .wpb_wrapper .mkdf-btn{ margin-top:20px !important; } .projecten-animation-sec .image-col .vc_column-inner{ padding-left: 0px !important } .projecten-animation-sec .image-col .wpb_single_image{ margin-left: 0px !important; } .home-hero-slider .inner-hero-section{ padding-left: 12px !important; } .banner-below-section.usp_wrap_box .widget.widget_text{ max-width: 1320px !important; } @media(max-width: 1024px){ .home-hero-slider .vc_column-inner .slick-slider{ padding: 0px !important; } .home-hero-slider .slick-slider .mkdf-st-title{ font-size: 70px !important; } .services-section-home .wpb_wrapper h4{ font-size: 20px; height: 44px; } .mkdf-content .projecten-animation-sec{ padding-top: 30px !important; padding-bottom: 40px !important; } } @media(max-width: 767px){ .home-hero-slider .slick-slider .mkdf-st-title{ font-size: 38px !important; } .services-section-home .wpb_wrapper h4{ font-size: 20px; height: auto; } .services-section-home .vc_column-inner{ padding: 0px !important; } .projecten-animation-sec .image-col .vc_column-inner { padding-left: 10px !important; } .list-items-section .check-icon-title-row{ padding-left: 35px !important; } .list-items-section .check-icon-title-row .mkdf-iwt-icon i{ font-size: 22px !important; } .list-items-section .check-icon-title-row .mkdf-iwt-content h4{ font-size: 20px !important; } .projecten-animation-sec .wpb_single_image .vc_single_image-wrapper{ padding-right: 12px !important; } .banner-below-section .vc_column-inner .textwidget .usp_wrapers{ justify-content: start !important; } .diensten-section + .mkdf-row-grid-section-wrapper, .diensten-section + .mkdf-row-grid-section-wrapper + .mkdf-row-grid-section-wrapper { padding-left: 16px !important; padding-right: 16px !important; } .banner-below-section .textwidget{ padding-left: 8px !important; } .banner-below-section .usp_wrapers .mkdf-iwt-icon{ width: 50px !important; } .home-hero-slider .inner-hero-section .mkdf-btn{ margin-left: 0px !important; } .diensten-section .vc_column-inner{ padding-top: 0px !important; } .diensten-section .vc_column-inner h2{ margin-top: 4px !important; } .blog_sec_home.services-section-home{ padding-top: 24px !important; } .mkdf-drop-down .narrow .second .inner ul{ display:flex; } .mkdf-drop-down .second { top: 172px; } /* .mkdf-content{ padding-top: 0px !important; } */ } @media (min-width: 1720px) { .mkdf-page-header .mkdf-main-menu .over-ons-menu.menu-item .second { transform: translate(-59%, 0%) !important; } } #desktop-view .vc_images_carousel{margin-left:0px !important} .wpb_images_carousel .vc_images_carousel { min-height: 242px; } /* ----------END-------------- */ .home-hero-slider.loaded .slick-active .first-slide .mkdf-st-title { white-space: nowrap; } .onze-werkwijze-section{ display: none !important; } .sven-section p{ font-size: 18px; font-weight: 400; color: #565969; } .onze-kernwaardes-section .mkdf-st-intro-title::after{ top: -11px !important; } /*-----------------END-------*/ /* Each card */ .kernwaardes-section .column-back > .vc_column-inner{ position: relative; height: 100%; } /* Text area */ .kernwaardes-section .wpb_text_column{ padding-bottom: 50px; /* Space reserved for Read More */ } /* Paragraph */ .kernwaardes-section .wpb_text_column p{ margin: 0; } /* Read More fixed 20px from bottom */ .read-more-wrapper{ /* position: absolute; */ left: 25px; right: 25px; bottom: 25px; text-align: right; } .read-more-link{ color: #ff6b35; font-weight: 600; text-decoration: underline; } .eigenaar-landing-wraper .kernwaardes-section .column-back.wpb_column{ height: auto !important; } .eigenaar-landing-wraper .kernwaardes-section .column-back.wpb_column .vc_column-inner{ height: fit-content !important; } .eigenaar-landing-wraper .kernwaardes-section .column-back.wpb_column .vc_column-inner .wpb_wrapper{ height: fit-content !important; } .eigenaar-landing-wraper .kernwaardes-section .column-back.wpb_column .vc_column-inner .wpb_wrapper .core_value_icon{ height: 120px !important; } .kernwaardes-section .wpb_text_column .wpb_wrapper p.line-clamp { display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; overflow: hidden; } .eigenaar-landing-wraper .kernwaardes-section .mkdf-iwt span.mkdf-iwt-title-text { font-size: 18px !important; } .usp_wrapers h4.mkdf-iwt-title{ margin: 0px !important; font-size: 15px !important; } .usp_wrap_box .mkdf-iwt-icon img{ height: 35px !important; width: 46px !important; } .checkmark-list.usp_vacatures{ padding-top: 12px; padding-bottom: 12px; } .usp_vacatures .usp_wrapers{ display: flex; align-items: center; gap: 12px; } .usp_vacatures .usp_wrapers .mkdf-iwt-icon img{ width: 35px !important; } .usp_vacatures .usp_wrapers .mkdf-iwt-title{ font-weight: 400 !important; color: #565969 !important; } @media only screen and (max-width: 1024px) { .eigenaar-landing-wraper .kernwaardes-section .wpb_text_column { padding-bottom: 0 !important; } .eigenaar-landing-wraper .kernwaardes-section .column-back.wpb_column .vc_column-inner { padding-bottom: 10px !important; } } #gform_next_button_2_43, #gform_previous_button_2_44, #gform_next_button_2_44, #gform_previous_button_2, #gform_submit_button_2{ width: 100px; border-radius: 0px; height: 45px; } .wpb-content-wrapper .inner-hero-section.bg-cb{ background-position: center 38% !important; } #desktop-view #mobile-carousel{ display:none; } #desktop-view #tablet-carousel{ display:none; } .honeycombs .honeycombs-inner-wrapper .wrapper:has(a.gallery img[src*="/review_hexa-1.png"]) .text { display: flex !important; opacity: 1 !important; } .wpb_wrapper .project-wrap .two-project h2{ min-height: 125px; } /* carousel fix css */ .wb4u-simple-carousel { position: relative; overflow: hidden; } .wb4u-simple-track { display: flex; transition: transform 0.4s ease; } .wb4u-simple-slide { box-sizing: border-box; padding: 0 6px; } .wb4u-simple-slide img { width: 100%; height: auto; display: block; } .wb4u-simple-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color: #fff; border: none; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; z-index: 2; } .wb4u-simple-prev { left: 8px; } .wb4u-simple-next { right: 8px; } .wb4u-simple-dots { display: flex; justify-content: center; gap: 6px; margin-top: 10px; } .wb4u-simple-dot { width: 8px; height: 8px; border-radius: 50%; background: #ccd3dc; cursor: pointer; } .wb4u-simple-dot.is-active { background: #14213d; } /* carousel fix css */ @media(min-width: 1820px){ .wpb_wrapper .project-wrap .two-project h2 { min-height: 84px !important; font-size: 46px !important; } } @media(max-width: 1520px){ .wpb_wrapper .project-wrap .two-project h2{ } } @media(max-width: 1300px){ .wpb_wrapper .project-wrap .two-project h2{ min-height: 102px; } } @media(max-width: 1024px){ #desktop-view #tablet-carousel{ display:block; } #desktop-view #desktop-carousel{ display:none; } .wpb_wrapper .project-wrap .two-project h2{ min-height: 70px; } } @media (min-width: 1140px) and (max-width: 1500px) { .wpb_wrapper .project-wrap .two-project .right-project h2 { padding-left: 120px; } } @media (min-width: 924px) and (max-width: 1100px) { .wpb_wrapper .project-wrap .two-project .left-project h2 { padding-right: 120px; } .wpb_wrapper .project-wrap .two-project .right-project h2 { padding-left: 120px; } } @media(max-width: 990px){ .wpb_wrapper .project-wrap .two-project h2{ min-height: 44px; } } @media(max-width: 767px){ #mobile-view.wb4u-posrtfolio-slider{ display: none !important; } #desktop-view.wb4u-posrtfolio-slider{ display: block !important; } #desktop-view #tablet-carousel{ display:none; } #desktop-view #desktop-carousel{ display:none; } #desktop-view #mobile-carousel{ display:block; } .banner-below-section .vc_column-inner .textwidget .usp_wrapers { width: auto !important; } .home-hero-slider.loaded .slick-active .first-slide .mkdf-st-title { white-space: pre-wrap; } } @media(max-width: 620px){ .wpb_wrapper .project-wrap .two-project h2{ min-height: 41px; } } @media(max-width: 400px){ .wpb_wrapper .two-project h2 { font-size: 17px; } } .hide-section{ display: none !important; } .mkdf-main-menu .kenniscentrum-menu.menu-item .second .inner{ background-color: #fff !important; } .step-section{ display: flex !important; align-items: start; } .step-section .vc_column_container{ height: -webkit-fill-available !important; display: flex !important; } .step-section .vc_column_container .wpb_wrapper{ height: 100% !important; } .step-section .vc_column_container .wpb_wrapper .mkdf-iwt.mkdf-iwt-boxed{ height:100% !important; } aside.mkdf-sidebar .widget .tagcloud a { letter-spacing:0px !important; font-size: 13px !important; padding: 11px 15px !important; } .mkdf-blog-holder article .mkdf-post-image img{ height: 200px; object-fit: cover; } .tablepress>:where(thead,tfoot)>tr>*{ background-color: #f1f3f4 !important; } .tablepress thead .dt-orderable-asc:hover, .tablepress thead .dt-orderable-desc:hover, .tablepress thead .dt-ordering-asc, .tablepress thead .dt-ordering-desc{ background-color: #f1f3f4 !important; } .mkdf-post-info-bottom-left .mkdf-tags-holder .mkdf-tags{ display: flex; align-items: center; flex-wrap: wrap; gap: 9px; } .mkdf-related-post .mkdf-related-post-image img{ height: 200px !important; width: 100%; object-fit: cover; } /* Ajax Life (21750): mobile hero fix - image was auto-width (background-size: auto 100%) which left a white gap on the left at phone aspect ratios; force full-width cover instead. !important needed to beat the row inline style/theme default at this breakpoint. */ @media only screen and (max-width: 768px) { .page-id-21750 .inner-hero-section.bg-cb { background-size: cover !important; } .page-id-21750 .inner-hero-section.bg-cb::before { display: none !important; } } /* Fix: Kenniscentrum (and other left_position) megamenu dropdown was rendering at ~110px width instead of full-width. Cause: .mkdf-main-menu ul li gets position:relative from the theme, making the left_position li itself the containing block for its .second dropdown (width:100% !important), which then sizes to the li own (narrow) width instead of the full nav bar. Fix (ported from staging, already verified working there): reset these elements to position:initial so width:100% resolves against the correct full-width ancestor instead. Added 2026-09-20. */ .mkdf-main-menu ul li.left_position, .mkdf-main-menu, .mkdf-main-menu > ul, .mkdf-main-menu > ul > li.left_position { position: initial; } .mkdf-main-menu > ul > li.menu-btn.blue-btn > a > span.item_outer .item_text { background: #131c46 !important; } .mkdf-main-menu > ul > li.menu-btn > a > span.item_outer .item_text { background: #2c7217 !important; } form .gform_next_button{ background-color: #ff7503 !important; border: 1px solid #ff7503 !important; color: #fff !important; border-radius: 2px !important; cursor: pointer; } form .gform_previous_button{ border-radius: 2px !important; cursor: pointer; border: 1px #efefef solid !important; }