/* Theme Name: Gevaert Makelaars theme Theme URI: https://www.gevaertmakelaars.nl Author: Goes & Roos Author URI: https://www.goesenroos.nl Description: Goes & Roos starter theme Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: gevaertmakelaars-theme Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready */ @font-face { font-family: "Brooklyn Samuels No5"; src: url("https://www.gevaertmakelaars.nl/wp-content/themes/gevaertmakelaars/fonts/BrooklynSamuelsFive-Light.eot"); src: url("https://www.gevaertmakelaars.nl/wp-content/themes/gevaertmakelaars/fonts/BrooklynSamuelsFive-Light.eot?#iefix") format("embedded-opentype"),url("https://www.gevaertmakelaars.nl/wp-content/themes/gevaertmakelaars/fonts/BrooklynSamuelsFive-Light.woff2") format("woff2"),url("https://www.gevaertmakelaars.nl/wp-content/themes/gevaertmakelaars/fonts/BrooklynSamuelsFive-Light.woff") format("woff"),url("https://www.gevaertmakelaars.nl/wp-content/themes/gevaertmakelaars/fonts/BrooklynSamuelsFive-Light.ttf") format("truetype"),url("https://www.gevaertmakelaars.nl/wp-content/themes/gevaertmakelaars/fonts/BrooklynSamuelsFive-Light.svg#BrooklynSamuelsFive-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Brooklyn Samuels No5"; src: url("https://www.gevaertmakelaars.nl/wp-content/themes/gevaertmakelaars/fonts/BrooklynSamuelsFive-Medium.eot"); src: url("https://www.gevaertmakelaars.nl/wp-content/themes/gevaertmakelaars/fonts/BrooklynSamuelsFive-Medium.eot?#iefix") format("embedded-opentype"),url("https://www.gevaertmakelaars.nl/wp-content/themes/gevaertmakelaars/fonts/BrooklynSamuelsFive-Medium.woff2") format("woff2"),url("https://www.gevaertmakelaars.nl/wp-content/themes/gevaertmakelaars/fonts/BrooklynSamuelsFive-Medium.woff") format("woff"),url("https://www.gevaertmakelaars.nl/wp-content/themes/gevaertmakelaars/fonts/BrooklynSamuelsFive-Medium.ttf") format("truetype"),url("/fonts/BrooklynSamuelsFive-Medium.svg#BrooklynSamuelsFive-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap } body { font-family: 'Poppins', sans-serif; font-size: 0.9rem; -webkit-font-smoothing: antialiased; background-color: var(--donkerblauw); color: #222; font-weight: 300; overflow-x: hidden; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) p:nth-child(2), h1, h2, h3, h4, h5, h6 { margin-bottom: 2rem; font-family: 'Cormorant Garamond', serif; color: var(--donkerblauw); font-weight: 300; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column h3 { color: var(--light); } @media (min-width: 1200px) { .h2, h2 { font-size: 3rem; } } a { color: #222; text-decoration: none; } .wp-block-column a { color:#fff; } a:hover, a:focus { color: var(--oranje); } ::-moz-selection { background: var(--blauw); color: #fff; } ::selection { background: var(--blauw); color: #fff; } :root { --blauw : #1e90af; --oranje : #ff7610; --donkerblauw : #00224a; --blauwtint : #00224a; /* --light : #f2f3f6;*/ --light : #f1f5f8; } p, li { line-height: 1.8; } /* Default */ .wp-block-group { position: relative; padding-top: 5rem; padding-bottom: 5rem; } .wp-block-group .wp-block-group__inner-container { max-width: 1520px; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .wp-block-group .wp-block-columns { margin-bottom: 0; } .wp-block-group .wp-block-image { margin-bottom: 0; } .wp-block-image img { width: 100%; height: 100%; object-fit: cover; } .wp-block-columns .wp-block-column p:last-of-type:not(:first-of-type), .wp-block-group .wp-block-group__inner-container > p:last-of-type:not(:first-of-type) { margin-bottom: 0; } .wp-block-group-background { background-color: var(--donkerblauw); } .container { max-width: 1520px; } /* Buttons */ a.page-button, .page-slider .page-slider-text p:last-of-type a, .wp-block-columns .wp-block-column p:last-of-type a, .wp-block-group .wp-block-group__inner-container > p:last-of-type a, .wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-button a { position: relative; margin-top: 2rem; padding: .65rem 5rem .65rem 1.5rem; background-color: var(--donkerblauw); border: 1px solid rgba(255, 255, 255, .2); border-radius: 50px; font-weight: 700; color: #fff; text-decoration: none!important; display: table; } a.page-button { margin-top: 0.25rem !important; } a.page-button:after, .page-slider .page-slider-text p:last-of-type a:after, .wp-block-columns .wp-block-column p:last-of-type a:after, .wp-block-group .wp-block-group__inner-container > p:last-of-type a:after, .wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-button a:after { width: calc(21px + 2rem); height: 100%; position: absolute; top: 0; right: 0; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve' fill='%23ef7536'%3E%3Cpath d='M15,180h263.787l-49.394,49.394c-5.858,5.857-5.858,15.355,0,21.213C232.322,253.535,236.161,255,240,255s7.678-1.465,10.606-4.394l75-75c5.858-5.857,5.858-15.355,0-21.213l-75-75c-5.857-5.857-15.355-5.857-21.213,0c-5.858,5.857-5.858,15.355,0,21.213L278.787,150H15c-8.284,0-15,6.716-15,15S6.716,180,15,180z'/%3E%3C/svg%3E"); background-position: center; background-size: 37px 20px; background-repeat: no-repeat; border-left: 1px solid rgba(255, 255, 255, .2); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; display: inline-block; content: ''; } .page-slider .page-slider-text p:last-of-type a:hover, .wp-block-columns .wp-block-column p:last-of-type a:hover, .wp-block-group .wp-block-group__inner-container > p:last-of-type a:hover, .wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-button a:hover { background-color: var(--oranje); color: #fff; border-left: 1px solid var(--oranje); } .page-slider .page-slider-text p:last-of-type a:hover:after, .wp-block-columns .wp-block-column p:last-of-type a:hover:after, .wp-block-group .wp-block-group__inner-container > p:last-of-type a:hover:after, .wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-button a:hover:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve' fill='%23ffffff'%3E%3Cpath d='M15,180h263.787l-49.394,49.394c-5.858,5.857-5.858,15.355,0,21.213C232.322,253.535,236.161,255,240,255s7.678-1.465,10.606-4.394l75-75c5.858-5.857,5.858-15.355,0-21.213l-75-75c-5.857-5.857-15.355-5.857-21.213,0c-5.858,5.857-5.858,15.355,0,21.213L278.787,150H15c-8.284,0-15,6.716-15,15S6.716,180,15,180z'/%3E%3C/svg%3E"); } .wp-block-group.wp-block-group-content-image.nostyle .wp-block-columns .wp-block-column:nth-child(1) p a { position: relative; margin-top: 0; padding: 0; background-color: transparent; border-radius: 0; font-weight: 300; color: var(--light); border:0; text-decoration: none !important; display: inline; } .page-slider .page-slider-text p:last-of-type a { font-size: 1rem; } .wp-block-group.wp-block-group-content-image.nostyle .wp-block-columns .wp-block-column:nth-child(1) p a:after { display: none; } .wp-block-group.wp-block-group-content-image.nostyle h2 { color: #fff; } .wp-block-group.wp-block-group-content-image.nostyle .wp-block-columns .wp-block-column:nth-child(1) p a:hover:after { color: var(--oranje); } .wp-block-group.wp-block-group-content .wp-block-columns .wp-block-column.nostyle p a { position: relative; margin-top: 0; padding: 0; background-color: transparent; border-radius: 0; font-weight: 300; border:0px; color: var(--light); text-decoration: none !important; display: inline; } .wp-block-group.wp-block-group-content .wp-block-columns .wp-block-column.nostyle p a:after { display: none; } .wp-block-group.wp-block-group-content a { color: #fff; } /* Forms */ div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"] { height: 58px!important; padding-top: 1rem!important; padding-bottom: 1rem!important; background-color: #fff!important; border: 1px solid #cbd2d9!important; border-radius: .25rem!important; font-size: 1rem!important; color: #6f6f6f!important; font-weight: 400!important; } /* Forms */ .woningen-template-default div.wpforms-container-full .wpforms-form input[type="date"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="datetime"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="datetime-local"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="email"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="month"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="number"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="password"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="range"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="search"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="tel"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="text"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="time"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="url"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="week"] { color: #222!important; } div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea { padding-top: .5rem!important; padding-bottom: .5rem!important; background-color: #fff!important; border: 1px solid #cbd2d9!important; border-radius: .25rem!important; font-size: 1rem!important; color: #6f6f6f!important; font-weight: 400!important; } div.wpforms-container-full .wpforms-form input[type="submit"], div.wpforms-container-full .wpforms-form button[type="submit"], div.wpforms-container-full .wpforms-form .wpforms-page-button { padding: .75rem 2rem!important; background-color: var(--oranje)!important; border: 0!important; border-radius: .25rem!important; font-size: 1.1rem!important; color: #fff!important; font-weight: 700!important; } div.wpforms-container-full .wpforms-form input[type="submit"]:hover, div.wpforms-container-full .wpforms-form button[type="submit"]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover { background-color: #00a3b7!important; } div.wpforms-container-full .wpforms-form .wpforms-field-label, div.wpforms-container-full .wpforms-form .wpforms-field-label-inline, div.wpforms-container-full .wpforms-form .wpforms-field-description, div.wpforms-container-full .wpforms-form .wpforms-field-limit-text { font-size: 1rem!important; color: #222!important; } .woningen-template-default div.wpforms-container-full .wpforms-form .wpforms-field-label { color: #222!important; } div.wpforms-container-full .wpforms-form .wpforms-field-description { margin-top: 5px!important; } /*.wpforms-container .wpforms-form .wpforms-field-privacy-checkbox a, div.wpforms-container-full .wpforms-form .wpforms-field-label, .wpforms-container .wpforms-form .wpforms-field-privacy-checkbox .wpforms-field-description { color: #fff !important; } */ .wpforms-container .wpforms-form .wpforms-field-privacy-checkbox a:hover { color: var(--oranje) !important; } /* Contact */ .extra-contact { top: 30%; right: 0; z-index: 999; } .extra-contact .extra-contact-item { right: calc(-100% + 50px); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .extra-contact .extra-contact-item a { line-height: 50px; background-color: var(--oranje); color: #fff; } .extra-contact .extra-contact-item:not(:last-of-type) a { border-bottom: 1px solid rgba(255, 255, 255, .2); } .extra-contact .extra-contact-item .extra-contact-item-icon { width: 50px; height: 50px; } .extra-contact .extra-contact-item .extra-contact-item-icon svg { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .extra-contact .extra-contact-item:hover, .extra-contact .extra-contact-item:focus { right: 0; } .extra-contact .extra-contact-item:hover a, .extra-contact .extra-contact-item:focus a { background-color: var(--oranje); } @media (max-width: 767.98px) { .extra-contact { width: 100%; height: 50px; top: auto; bottom: 0; } .extra-contact .extra-contact-item:nth-of-type(1) { width: 37%!important; position: absolute!important; } .extra-contact .extra-contact-item:nth-of-type(2) { width: 63%!important; position: absolute!important; } .extra-contact .extra-contact-item:nth-of-type(1) { left: 0; right: auto; } .extra-contact .extra-contact-item:nth-of-type(2) { right: 0; } .extra-contact .extra-contact-item:not(:last-of-type) a { border-right: 1px solid rgba(255, 255, 255, .2); border-bottom: 0; } .extra-contact-item-info { font-size: 0.7rem; } } /* Header */ .header { background-color: transparent; position: absolute; color: var(--donkerblauw); z-index: 99999; top: 0px; height: auto; width: 100%; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .header .header-navigation a { border-bottom-left-radius: .25rem; border-bottom-right-radius: .25rem; font-size: .9rem; color: #fff; background-color: rgba(255,255,255,0.2); } .header .header-navigation a:hover, .header .header-navigation a.active { background-color: var(--oranje); color: #fff; } @media (max-width: 1199.98px) { .header .container { max-width: 100%; } } /* Navigation */ .navbar { background-color:rgba(255,255,255, 0.0); z-index: 9999; position: fixed; width: 100%; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .navbar .st0 { fill: #fff; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .navbar.navbar-scroll .st0 { fill: var(--donkerblauw); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .navbar.navbar-scroll { background-color:rgba(255,255,255, 1.0); z-index: 9999; -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.075); -moz-box-shadow: 0 0 40px 0 rgba(0,0,0,0.075); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .navbar .container { position: relative; } .navbar .navbar-brand { padding: 1rem 0; position: absolute; } .navbar .navbar-brand svg, .navbar .navbar-brand svg image { height: 76px; width: auto; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .navbar.navbar-scroll .navbar-brand svg, .navbar.navbar-scroll .navbar-brand svg image { height: 66px; width: auto; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .navbar .navbar-nav .nav-link { margin-right: .3rem; color: #fff; font-weight: 700; line-height: 40px; font-size: 1.1rem; padding-top: 20px; padding-bottom: 20px; } .navbar.navbar-scroll .navbar-nav .nav-link { margin-right: .5rem; color: var(--donkerblauw); font-weight: 700; line-height: 70px; margin-top: 0; padding-top: 0px; padding-bottom: 0px; } .navbar .navbar-nav .nav-link.current-menu-item, .navbar .navbar-nav .nav-link.current-menu-parent, .navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus { color: var(--oranje); } .navbar .nav-link.show:before { width: 0; height: 0; position: absolute; bottom: -2px; left: 2rem; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; content: ''; display: block; z-index: 1001; } .navbar .navbar-nav .dropdown-toggle:after { margin-left: 6px; padding: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); /*border: solid #fff;*/ border: solid var(--donkerblauw); border-width: 0 1px 1px 0; } .navbar .navbar-nav .nav-link.current-menu-item.dropdown-toggle:after, .navbar .navbar-nav .nav-link.current-menu-parent.dropdown-toggle:after, .navbar .navbar-nav .nav-link.dropdown-toggle:hover:after, .navbar .navbar-nav .nav-link.dropdown-toggle:focus:after { border: solid var(--oranje); border-width: 0 1px 1px 0; } .navbar .dropdown-menu { padding: .75rem; position: absolute; background-color: #fff; border: 0; border-radius: 0; } .navbar .dropdown-menu li { margin-right: 0; float: none!important; } .navbar .dropdown-item { width: 100%; margin-left: 0; margin-right: 0; padding-top: .5rem; padding-bottom: .5rem; border-bottom: 1px solid #ececec; font-size: .9em; color: #222; text-transform: none; font-weight: 300; } .navbar .dropdown-item span { font-size: .7rem; opacity: .7; display: block; } .navbar .dropdown-item span:before { width: 15px; height: 15px; position: relative; top: 2px; margin-right: .25rem; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.97 18.33C21.97 18.69 21.89 19.06 21.72 19.42C21.55 19.78 21.33 20.12 21.04 20.44C20.55 20.98 20.01 21.37 19.4 21.62C18.8 21.87 18.15 22 17.45 22C16.43 22 15.34 21.76 14.19 21.27C13.04 20.78 11.89 20.12 10.75 19.29C9.6 18.45 8.51 17.52 7.47 16.49C6.44 15.45 5.51 14.36 4.68 13.22C3.86 12.08 3.2 10.94 2.72 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.6 4 2.98 3.44 3.51 2.94C4.15 2.31 4.85 2 5.59 2C5.87 2 6.15 2.06 6.4 2.18C6.66 2.3 6.89 2.48 7.07 2.74L9.39 6.01C9.57 6.26 9.7 6.49 9.79 6.71C9.88 6.92 9.93 7.13 9.93 7.32C9.93 7.56 9.86 7.8 9.72 8.03C9.59 8.26 9.4 8.5 9.16 8.74L8.4 9.53C8.29 9.64 8.24 9.77 8.24 9.93C8.24 10.01 8.25 10.08 8.27 10.16C8.3 10.24 8.33 10.3 8.35 10.36C8.53 10.69 8.84 11.12 9.28 11.64C9.73 12.16 10.21 12.69 10.73 13.22C11.27 13.75 11.79 14.24 12.32 14.69C12.84 15.13 13.27 15.43 13.61 15.61C13.66 15.63 13.72 15.66 13.79 15.69C13.87 15.72 13.95 15.73 14.04 15.73C14.21 15.73 14.34 15.67 14.45 15.56L15.21 14.81C15.46 14.56 15.7 14.37 15.93 14.25C16.16 14.11 16.39 14.04 16.64 14.04C16.83 14.04 17.03 14.08 17.25 14.17C17.47 14.26 17.7 14.39 17.95 14.56L21.26 16.91C21.52 17.09 21.7 17.3 21.81 17.55C21.91 17.8 21.97 18.05 21.97 18.33Z' stroke='%23eb5c24' stroke-width='1.5' stroke-miterlimit='10'%3E%3C/path%3E%3C/svg%3E"); display: inline-block; content: ''; } .navbar .dropdown-item:hover, .navbar .dropdown-item:focus { background-color: transparent; color: var(--oranje); } .navbar .dropdown-menu li { margin-right: 0!important; } .navbar .dropdown-menu li:last-of-type .dropdown-item { border-bottom: 0; } /*.page-template-gnr-plugin-public-properties-page .navbar, .woningen-template-default .navbar { background-color: #fff; border-bottom: 1px solid var(--light); }*/ .navbar.navbar-scroll .navbar-nav .nav-link.current-menu-item, .navbar.navbar-scroll .navbar-nav .nav-link.current-menu-parent, .navbar.navbar-scroll .navbar-nav .nav-link:hover, .navbar.navbar-scroll .navbar-nav .nav-link:focus, .page-template-gnr-plugin-public-properties-page .navbar .navbar-nav .nav-link.current-menu-item, .page-template-gnr-plugin-public-properties-page .navbar .navbar-nav .nav-link.current-menu-parent, .page-template-gnr-plugin-public-properties-page .navbar .navbar-nav .nav-link:hover, .page-template-gnr-plugin-public-properties-page .navbar .navbar-nav .nav-link:focus, .woningen-template-default .navbar .navbar-nav .nav-link.current-menu-item, .woningen-template-default .navbar .navbar-nav .nav-link.current-menu-parent, .woningen-template-default .navbar .navbar-nav .nav-link:hover, .woningen-template-default .navbar .navbar-nav .nav-link:focus { color: var(--oranje); } .navbar.navbar-scroll .navbar-nav .dropdown-toggle:after { border: solid #222; border-width: 0 1px 1px 0; } @media (max-width: 991.98px) { .navbar:before { top: 0; } .navbar:not(.navbar-scroll) .navbar-brand svg path:nth-of-type(1), .navbar:not(.navbar-scroll) .navbar-brand svg path:nth-of-type(3) { fill: #fff; } .navbar:not(.navbar-scroll) .navbar-brand svg path:nth-of-type(2), .navbar:not(.navbar-scroll) .navbar-brand svg path:nth-of-type(4) { fill: #fff; } .navbar .navbar-nav .nav-link { margin-right: .5rem; color: var(--donkerblauw); } .navbar .navbar-nav .nav-link.current-menu-item, .navbar .navbar-nav .nav-link.current-menu-parent, .navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus { color: var(--oranje); } .navbar .navbar-nav .dropdown-toggle:after { border: solid #222; border-width: 0 1px 1px 0; } .navbar .nav-link.show:before { display: none; } .navbar .dropdown-menu { padding: 0; position: relative; background-color: transparent; border: 0; border-radius: 0; } .navbar .dropdown-item { border-bottom: 0; color: #8f9192; } } @media (min-width: 992px) and (max-width: 1199.98px) { } /* Slider */ .page-slider { height: 800px; } .home .page-slider, .page-id-273 .page-slider { height: 100vh; } .page-slider .carousel .img-cover-top { object-position: top; } .page-slider .carousel .img-cover-center { object-position: center; } .page-slider .carousel .img-cover-bottom { object-position: bottom; } .page-slider .carousel .carousel-item:before { width: 100%; height: 25%; position: absolute; top: 0; left: 0; background: -moz-linear-gradient(top, rgba(0,34,74,0) 0%, rgba(0,34,74,1) 100%); background: -webkit-linear-gradient(top, rgba(0,34,74,0) 0%,rgba(0,34,74,1) 100%); background: linear-gradient(to top, rgba(0,34,74,0) 0%,rgba(0,34,74,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b2b2b', endColorstr='#2b2b2b',GradientType=0 ); opacity: 1; content: ''; } .home .page-slider .carousel .carousel-item:after { width: 100%; height: 70%; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(0,34,74,0) 0%, rgba(0,34,74,1) 100%); background: -webkit-linear-gradient(top, rgba(0,34,74,0) 0%,rgba(0,34,74,1) 100%); background: linear-gradient(to bottom, rgba(0,34,74,0) 0%,rgba(0,34,74,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b2b2b', endColorstr='#2b2b2b',GradientType=0 ); opacity: 0.5; content: ''; } .page-slider .carousel .carousel-item:after { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(0,34,74,0) 0%, rgba(0,34,74,1) 100%); background: -webkit-linear-gradient(top, rgba(0,34,74,0) 0%,rgba(0,34,74,1) 100%); background: linear-gradient(to left, rgba(0,34,74,0) 0%,rgba(0,34,74,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b2b2b', endColorstr='#2b2b2b',GradientType=0 ); opacity: 1; content: ''; } .page-slider .page-slider-info { top: 0; left: 0; z-index: 3; } .page-slider .page-slider-info .page-slider-text { z-index: 5; } .page-slider .page-slider-info .page-slider-text h1 { line-height: 1.1; font-size: 3rem; color: #fff; } .home .page-slider .page-slider-info .page-slider-text h1, .page-id-273 .page-slider .page-slider-info .page-slider-text h1 { font-size: 4rem; } .page-slider .page-slider-info .page-slider-text p { color: #f0f0f0; font-weight: 300; } .page-slider .page-slider-info .page-slider-text p.p-subtitle { background-color: var(--blauw); font-size: .9rem; clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%); } .home .page-slider .page-slider-info .page-slider-text p, .page-id-273 .page-slider .page-slider-info .page-slider-text p { line-height: 1.4; font-size: 1.25rem; } @media (max-width: 767.98px) { .page-slider .page-slider-info .page-slider-text h1 { font-size: 2rem; } .page-slider .page-slider-info .page-slider-text p { font-size: 1rem; } } .wp-block-group.wp-block-group-objects h2 { color: var(--light); } /* Slider CTA */ .wp-block-group.wp-block-group-slider-cta { width: 100%; /* position: absolute; bottom: 0; left: 0; */ margin-top: -50px; padding-top: 0; padding-bottom: 2rem; z-index: 4; color: var(--donkerblauw); } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) { padding: 3rem; background-color: transparent; } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column.no-pad { padding: 0; } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) h1 { line-height: 1.2; margin-bottom: 1rem; font-size: 2rem; color: var(--light); } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) p { margin-bottom: 2rem; color: var(--light); } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) a { line-height: 24px; padding-left: 1.8rem; padding-right: 1rem; border: 1px solid rgba(255,255,255,0.2); background-color: var(--donkerblauw); border-radius: 50px; font-size: .8rem; color: #fff; } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) a svg { top: 50%; left: .3rem; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) a span { font-size: .6rem; } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) a span svg path { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) a:hover, .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) a:focus { background-color: var(--oranje); } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) a:hover svg path, .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) a:focus svg path { fill: #fff; } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(3) { width: 400px; height: 330px; position: absolute; top: -280px; right: 0; padding: 3rem; background-color: rgba(0, 34, 74,.6); } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(3) p:nth-of-type(1) { position: relative; margin-bottom: 5rem; padding: .5rem 1rem; background-color: var(--oranje); border-radius: 50px; font-size: .8rem; color: #fff; text-transform: uppercase; display: table; } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(3) p:nth-of-type(1):hover { cursor: pointer; } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(3) h3 { position: relative; margin-bottom: 1rem; font-size: 1.8rem; color: #fff; } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(3) p:last-of-type { margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed rgba(255, 255, 255, .8); } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(3) p:last-of-type a { position: relative; margin-top: 0; padding: 0!important; background-color: transparent; border: 0; border-radius: 0; color: #fff; font-weight: 500; display: block; } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(3) p:last-of-type a:hover { cursor: pointer; } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(3) p:last-of-type a:after { width: 20px; height: 19px; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='19px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M19.579,14.321 L17.634,14.321 L17.634,3.537 L2.343,18.829 L0.929,17.414 L16.192,2.151 L5.949,2.151 L5.949,0.151 L19.949,0.151 L19.579,14.321 Z'/%3E%3C/svg%3E"); background-size: auto; border-left: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; content: ''; display: block; } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(3) p:last-of-type a:hover, .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(3) p:last-of-type a:focus { background-color: transparent; color: var(--oranje); } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(3) p:last-of-type a:hover:after, .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(3) p:last-of-type a:focus:after { -webkit-transform: translate(0, -50%) rotate(45deg); -ms-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) { padding: 2rem; } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column.no-pad:nth-of-type(1) { padding: 0rem; } } /* Steps */ .wp-block-group.wp-block-group-steps > .wp-block-group__inner-container > h2 { margin-bottom: 2rem; color: #fff; } .wp-block-group.wp-block-group-steps > .wp-block-group__inner-container > p:nth-of-type(2) { margin-bottom: 2rem; } .wp-block-group.wp-block-group-steps .carousel { width: calc(100vw - ((100vw - 1520px) / 2)); margin-left: auto; box-sizing: border-box; } .wp-block-group.wp-block-group-steps .carousel .carousel-item { margin-left: -1rem; } .wp-block-group.wp-block-group-steps .carousel .carousel-item .col-12 { padding-right: 1rem; } .wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-inside { background-color: var(--light); } .wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-image { width: 100%; height: 300px; overflow: hidden; transition: all ease 0.5s; } .wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-image img { width: 100%; height: 100%; object-fit: cover; transition: all ease 0.5s; } .wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-image:hover img { transform: scale(1.1); } .wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-title h3 { margin-bottom: 1rem; font-size: 1.75rem; color: var(--donkerblauw); } .wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-content { flex-grow: 1; } .wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-content p { line-height: 1.4; color: #222; } .wp-block-group.wp-block-group-steps .carousel .carousel-control-prev, .wp-block-group.wp-block-group-steps .carousel .carousel-control-next { width: 40px; height: 40px; top: -100px; cursor: pointer; opacity: 1; } .wp-block-group.wp-block-group-steps .carousel .carousel-control-prev { left: auto; right: 75px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E"); background-size: 16px 16px; background-repeat: no-repeat; background-position: center; } .wp-block-group.wp-block-group-steps .carousel .carousel-control-next { right: 35px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E"); background-size: 16px 16px; background-repeat: no-repeat; background-position: center; } .wp-block-group.wp-block-group-steps .carousel .carousel-control-prev:before, .wp-block-group.wp-block-group-steps .carousel .carousel-control-prev:after, .wp-block-group.wp-block-group-steps .carousel .carousel-control-next:before, .wp-block-group.wp-block-group-steps .carousel .carousel-control-next:after { display: none; } .wp-block-group.wp-block-group-steps .carousel .carousel-control-prev:hover, .wp-block-group.wp-block-group-steps .carousel .carousel-control-next:hover { background-color: transparent; } .wp-block-group.wp-block-group-steps.wp-block-group-background .carousel .carousel-item .carousel-item-inside { background-color: #fff; } /* .wp-block-group.wp-block-group-steps.wp-block-group-background { background-color: #fff; border-bottom: 1px solid #f5f1eb; } .wp-block-group.wp-block-group-steps.wp-block-group-background .carousel .carousel-item .carousel-item-inside { background-color: #f5f1eb; } */ /* Scroll fix */ @media (max-width: 767px) { .wp-block-group.wp-block-group-steps .carousel-inner .carousel-item > div { display: none; } .wp-block-group.wp-block-group-steps .carousel-inner .carousel-item > div:first-child { margin-bottom: 2rem; margin-left: auto; margin-right: auto; display: block; } } .wp-block-group.wp-block-group-steps .carousel-inner .carousel-item.active, .wp-block-group.wp-block-group-steps .carousel-inner .carousel-item-next, .wp-block-group.wp-block-group-steps .carousel-inner .carousel-item-prev { display: flex; } @media (min-width: 768px) and (max-width: 1199.98px) { .wp-block-group.wp-block-group-steps .carousel-inner .carousel-item-end.active, .wp-block-group.wp-block-group-steps .carousel-inner .carousel-item-next { transform: translateX(50%); } .wp-block-group.wp-block-group-steps .carousel-inner .carousel-item-start.active, .wp-block-group.wp-block-group-steps .carousel-inner .carousel-item-prev { transform: translateX(-50%); } } @media (min-width: 1200px) { .wp-block-group.wp-block-group-steps .carousel-inner .carousel-item-end.active, .wp-block-group.wp-block-group-steps .carousel-inner .carousel-item-next { transform: translateX(33.3333333333%); } .wp-block-group.wp-block-group-steps .carousel-inner .carousel-item-start.active, .wp-block-group.wp-block-group-steps .carousel-inner .carousel-item-prev { transform: translateX(-33.3333333333%); } } .wp-block-group.wp-block-group-steps .carousel-inner .carousel-item-end, .wp-block-group.wp-block-group-steps .carousel-inner .carousel-item-start { transform: translateX(0); } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-steps .wp-block-group__inner-container { padding-left: 1rem; padding-right: 1rem; } .wp-block-group.wp-block-group-steps .carousel { width: 100%; } .wp-block-group.wp-block-group-steps .carousel .carousel-item { margin-left: 0; margin-right: 0; display: block; } .wp-block-group.wp-block-group-steps .carousel .carousel-item .col-12 { padding-right: 0; } .wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-inside { height: auto!important; min-height: 10px; } .wp-block-group.wp-block-group-steps .carousel .carousel-control-prev, .wp-block-group.wp-block-group-steps .carousel .carousel-control-next { display: none; } .wp-block-group.wp-block-group-steps .wp-block-group__inner-container p:last-of-type a { margin-right: auto; float: none; } .wp-block-group.wp-block-group-steps .wp-block-group__inner-container p:last-of-type a:last-of-type { margin-right: auto; } } @media (min-width: 768px) and (max-width: 1199.98px) { .wp-block-group.wp-block-group-steps .carousel { width: calc(100% + 30px); } } @media (min-width: 1200px) and (max-width: 1399.98px) { .wp-block-group.wp-block-group-steps .carousel { width: calc(100% + 30px); } } /* Content image image */ @media(min-width: 768px){ .wp-block-group.wp-block-group-content-image-image:before { width: calc(100vw - ((100vw - 1290px) / 2)); height: 100%; position: absolute; top: 0; left: 0; /* background-color: var(--light);*/ background-color: var(--blauwtint); content: ''; z-index: -1; } } .wp-block-group.wp-block-group-content-image-image h3, .wp-block-group.wp-block-group-content-image-image h4, .wp-block-group.wp-block-group-content-image-image h2, .wp-block-group.wp-block-group-content-image-image { color: var(--light); } .wp-block-group.wp-block-group-content-image-image { /* margin-top: 5rem;*/ } .wp-block-group.wp-block-group-content-image-image .wp-block-columns { /* gap: 8em;*/ gap: 5em; } .wp-block-group.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image, .wp-block-group.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image img { height: 450px; } .wp-block-group.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(3) { display: flex; align-content: flex-end; flex-wrap: wrap; } .wp-block-group.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(3) .wp-block-image, .wp-block-group.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(3) .wp-block-image img { position: relative; height: 350px; } .wp-block-group.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(3) .wp-block-image:after { background-image: url('data:image/svg+xml,'); width: 1123px; height: 100px; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 15px; left: 15px; content: ''; opacity: 0.5; } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-content-image-image .wp-block-columns { gap: 2em; } .wp-block-group.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(1) { padding-top: 0; padding-bottom: 0; } .wp-block-group.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(3) .wp-block-image:after { width: 100%; } } @media (min-width: 768px) and (max-width: 991.98px) { .wp-block-group.wp-block-group-content-image-image .wp-block-columns { gap: 2em; } .wp-block-group.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(1) { padding-top: 0; padding-bottom: 0; } .wp-block-group.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(3) { align-content: flex-start; } } @media (min-width: 992px) and (max-width: 1199.98px) { .wp-block-group.wp-block-group-content-image-image .wp-block-columns { gap: 2em; } .wp-block-group.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(1) { padding-top: 0; padding-bottom: 0; } } /* content */ .wp-block-group.wp-block-group-content { background-color: var(--blauwtint); color: var(--light); } .wp-block-group.wp-block-group-content h2, .wp-block-group.wp-block-group-content h3, .wp-block-group.wp-block-group-content h4 { color: var(--light); } .wp-block-group.wp-block-group-content .wp-block-columns .wp-block-column ul li a { color: var(--light); } .wp-block-group.wp-block-group-content .wp-block-columns { gap: 6rem; } /* Content image */ .wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(1) { padding-right: 2rem; } .wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-child(2) { padding-left: 2rem; } .wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(1) ul, .wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-child(2) ul { margin: 0; padding: 0; list-style: none; } .wp-block-group.wp-block-group-content-image p { color: var(--light); } .wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(1) ul li:not(.choice-1), .wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-child(2) ul li:not(.choice-1) { position: relative; margin-bottom: 1rem; padding-left: 40px; display: block; } .wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(1) ul li:not(.choice-1):before, .wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-child(2) ul li:not(.choice-1):before { width: 26px; height: 26px; position: absolute; top: 1px; left: 0; margin-right: .75rem; background-color: var(--oranje); border-radius: 50%; content: ''; display: inline-block; } .wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(1) ul li:not(.choice-1):after, .wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-child(2) ul li:not(.choice-1):after { width: 5px; height: 10px; position: absolute; top: 8px; left: 11px; transform: rotate(45deg); border-bottom: 2px solid #fff; border-right: 2px solid #fff; display: inline-block; content: ''; } .wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(1) p a, .wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-child(2) p a { text-decoration: underline; } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(2) { padding-right: 0; } } @media (min-width: 768px) and (max-width: 991.98px) { .wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(2) { padding-right: 0; } } /* Info */ .wp-block-group.wp-block-group-info .wp-block-image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .wp-block-group.wp-block-group-info .wp-block-columns { position: relative; z-index: 2; } .wp-block-group.wp-block-group-info .wp-block-columns .wp-block-column { padding: 2rem; background-color: #fff; display: flex; flex-direction: column; color: #222; } .wp-block-group.wp-block-group-info .wp-block-columns .wp-block-column h3 { color: var(--donkerblauw); } .wp-block-group.wp-block-group-info .wp-block-columns .wp-block-column p:nth-of-type(1) { flex-grow: 1; } /* .wp-block-group.wp-block-group-info .wp-block-columns { gap: 0; } .wp-block-group.wp-block-group-info .wp-block-group__inner-container > .wp-block-columns:nth-of-type(2) > .wp-block-column:nth-of-type(2) { position: relative; padding: 3rem; } .wp-block-group.wp-block-group-info .wp-block-group__inner-container > .wp-block-columns:nth-of-type(2) > .wp-block-column:nth-of-type(2):before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: var(--light); content: ''; z-index: -1; } .wp-block-group.wp-block-group-info.wp-block-group-background .wp-block-group__inner-container > .wp-block-columns:nth-of-type(2) > .wp-block-column:nth-of-type(2) { background-color: #fff; } .home .wp-block-group.wp-block-group-info .wp-block-group__inner-container > .wp-block-columns:nth-of-type(2) > .wp-block-column:nth-of-type(2):before { height: calc(100% - 100px); z-index: 1; } .home .wp-block-group.wp-block-group-info .wp-block-group__inner-container > .wp-block-columns:nth-of-type(2) > .wp-block-column:nth-of-type(2) { padding: 3rem 3rem 0 3rem; } .wp-block-group.wp-block-group-info .wp-block-group__inner-container > .wp-block-columns:nth-of-type(2) > .wp-block-column:nth-of-type(2) .wp-block-columns { margin-top: 2rem; gap: 2em; } .wp-block-group.wp-block-group-info .wp-block-group__inner-container > .wp-block-columns:nth-of-type(2) > .wp-block-column:nth-of-type(2) .wp-block-columns .wp-block-column { padding: 2rem; background-color: #fafafa; display: flex; flex-direction: column; z-index: 4; } .wp-block-group.wp-block-group-info .wp-block-group__inner-container > .wp-block-columns:nth-of-type(2) > .wp-block-column:nth-of-type(2) .wp-block-columns .wp-block-column h3 { margin-bottom: 1rem; font-size: 1.3rem; } .wp-block-group.wp-block-group-info .wp-block-group__inner-container > .wp-block-columns:nth-of-type(2) > .wp-block-column:nth-of-type(2) .wp-block-columns .wp-block-column p:nth-of-type(1) { flex-grow: 1; } */ /* Content banner */ .wp-block-group.wp-block-group-content-banner .wp-block-image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .wp-block-group.wp-block-group-content-banner .wp-block-columns { position: relative; } .wp-block-group.wp-block-group-content-banner .wp-block-columns .wp-block-column:nth-of-type(1) { padding: 3rem; background-color: #fff; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column p:last-of-type a { float: left; margin-right: 15px; background-color: var(--oranje); } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column .cta-heading { color: #FFF; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column p:last-of-type a:after { width: calc(21px + 2rem); height: 100%; position: absolute; top: 0; right: 0; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve' fill='%23ffffff'%3E%3Cpath d='M15,180h263.787l-49.394,49.394c-5.858,5.857-5.858,15.355,0,21.213C232.322,253.535,236.161,255,240,255s7.678-1.465,10.606-4.394l75-75c5.858-5.857,5.858-15.355,0-21.213l-75-75c-5.857-5.857-15.355-5.857-21.213,0c-5.858,5.857-5.858,15.355,0,21.213L278.787,150H15c-8.284,0-15,6.716-15,15S6.716,180,15,180z'/%3E%3C/svg%3E"); background-position: center; background-size: 37px 20px; background-repeat: no-repeat; border-left: 1px solid rgba(255, 255, 255, .2); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; display: inline-block; content: ''; } .wp-block-group.wp-block-group-banner { position: relative; background-color: var(--donkerblauw); /* background-color: rgba(255,118,16, 0.5);*/ background-image: url('data:image/svg+xml,image/svg+xml'); /* background-image: url('data:image/svg+xml,image/svg+xml');*/ background-size: 300px; background-repeat: no-repeat; background-position: bottom left; padding-top: 0 !important; padding-bottom: 0 !important; } .wp-block-group.wp-block-group-banner .wp-block-group__inner-container { position: relative; padding-left: 5rem; padding-right: 5rem; } .wp-block-group.wp-block-group-banner .wp-block-columns { margin-bottom: 0; gap: 0; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) { padding: 10rem 15rem 10rem 5rem; } @media (min-width: 992px) and (max-width: 1880px) { .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) { padding: 10rem 5rem 10rem 17rem; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) p:nth-child(2) { font-size: 2.5vw !important; } } @media (min-width: 767px) and (max-width: 991px) { .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) { padding: 5rem 5rem 10rem 17rem; flex-basis: 100% !important; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) p:nth-child(2) { font-size: 2.5vw !important; } .wp-block-group.wp-block-group-banner { background-size: 75px; } .wp-block-group.wp-block-group-banner .wp-block-group__inner-container { padding-right: 0; } } @media (max-width: 767px) { .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image { height: 320px !important; position: relative !important; } .wp-block-group.wp-block-group-banner .wp-block-group__inner-container { position: relative; padding-left: 0.5rem; padding-right: 0.55rem; } .wp-block-group.wp-block-group-banner { background-size: 0px; } } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) p:nth-child(1) { line-height: 1.2; position: relative; margin-bottom: 2rem; padding-bottom: 2rem; font-size: 3rem; color: #fff; font-weight: 300; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) p:nth-child(1):after { width: 300px; height: 1px; position: absolute; bottom: 0; left: 0; background-color: var(--donkerblauw); content: ''; } /* .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) p:nth-child(2) { margin-bottom: 0; font-size: 2.5rem; color: #fff; }*/ .wp-block-group-banner h2 { color: #fff; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) p:nth-child(2) a { color: #fff; position: relative; margin-top: 2rem; padding: .65rem 5rem .65rem 1.5rem; border-radius: 50px; font-weight: 700; color: #fff; text-decoration: none !important; display: table; font-family: 'Poppins', sans-serif; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(2) { position: relative; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image { height: 100%; position: absolute; top: 0; left: 0; margin-bottom: 0; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 991.98px) { .home .wp-block-group.wp-block-group-banner { margin-top: 0; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) { padding: 5rem 1rem; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) p:nth-child(1) { font-size: 2rem; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) p:nth-child(2) { font-size: 0.9rem; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column p:last-of-type a { margin-right: -16px; } } @media (max-width: 896px) { .home .wp-block-group.wp-block-group-banner { margin-top: 8rem; } } @media (min-width: 992px) and (max-width: 1199.98px) { .home .wp-block-group.wp-block-group-banner { margin-top: 8rem; } } /* Medewerkers */ .wp-block-group.wp-block-group-team .medewerker { background-color: var(--light); } .wp-block-group.wp-block-group-team .medewerker .medewerker-image { background-color: #fff; } .wp-block-group.wp-block-group-team .medewerker img { width: 100%; height: 520px; object-fit: cover; } @media(min-width: 1561px) { .wp-block-group.wp-block-group-team .medewerker { min-height: 630px; } } @media(min-width: 1201px) and (max-width: 1560px) { .wp-block-group.wp-block-group-team .medewerker { min-height: 41vw; } } @media(min-width: 992px) and (max-width: 1200px) { .wp-block-group.wp-block-group-team .medewerker { min-height: 460px; } } .wp-block-group.wp-block-group-team .medewerker .medewerker-function { font-size: .8rem; } .wp-block-group-team h2 { color: #fff; } /* Search */ .properties-filter-v-search { margin-bottom: 1rem; padding: .5rem; background-color: #efefef; border-radius: 50px; } /* Aangekocht filter uit */ body.page-id-376 .properties-filter { display: none; } .properties-filter-v-search .row { --bs-gutter-y: 0; --bs-gutter-x: 0; } .properties-filter-v-search .facetwp-facet { margin-bottom: 0; } .properties-filter-v-search .facetwp-facet { height: 40px; } .properties-filter-v-search .facetwp-facet-zoeken .fs-search { position: relative; } .properties-filter-v-search .facetwp-facet-zoeken .fs-search:before { width: 15px; height: 15px; position: absolute; top: 50%; left: 15px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ff7610'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 15px 15px; content: ''; } .properties-filter-v-search .facetwp-facet-zoeken .fs-search input { height: 40px; line-height: 40px; padding-left: 50px; background-color: transparent; border: 0!important; font-weight: 300; } .properties-filter-v-search .facetwp-facet-zoeken .fs-dropdown { background-color: transparent; } .properties-filter-v-search .fs-no-results, .properties-filter-v-search .facetwp-facet-zoeken .fs-options { background-color: #efefef; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; } .properties-filter-v-search .properties-filter-btn { height: 40px; line-height: 40px; background-color: var(--donkerblauw); border-radius: 50px; font-size: .8rem; } .properties-filter-v-search .properties-filter-btn:hover, .properties-filter-v-search .properties-filter-btn:focus { background-color: var(--oranje); } /* Properties / specials */ .facetwp-template .row .col-12 p { color: #FFF; margin-left: 1rem; } .properties-title h1, .properties-title h2, .properties-title h3, .properties-title h4, .properties-title h5, .properties-title h6 { color: var(--light); } .properties-filter-extra, .properties-filter-v-1, .properties-filter-selections, .properties { position: relative; } .properties-filter-extra { margin-top: 110px; } .properties-filter-extra .properties-title { margin-bottom: 0!important; padding-left: 15px; } .properties-filter-extra .properties-filter-show, .properties-filter-extra .facetwp-sort .facetwp-sort-select, .properties-filter-extra .facetwp-per-page .facetwp-per-page-select { background-color: var(--donkerblauw); font-size: .9rem; color: var(--light); } .properties-filter-extra .properties-filter-extra-main { position: relative; } .properties-title .facetwp-counts, .properties-filter-v-1 .fs-wrap.multiple .fs-option.selected .fs-checkbox i, .properties-filter-v-search .fs-wrap.multiple .fs-option.selected .fs-checkbox i, .properties-filter-v-1 .fs-wrap.multiple .fs-option.selected .fssearchcheckbox i, .properties-filter-v-search .fs-wrap.multiple .fs-option.selected .fssearchcheckbox i, .properties-filter-selections .facetwp-selections .facetwp-selection-value:before, .properties-filter-more-close a { background-color: var(--blauw); } .properties-filter-v-1 .fs-label-wrap .fs-label, .properties-filter-v-search .fs-label-wrap .fs-label, .properties-filter-v-1 .fs-wrap.multiple .fs-option, .properties-filter-v-search .fs-wrap.multiple .fs-option, .properties-filter-v-1 .fsearch-wrap.multiple .fs-option, .properties-filter-v-search .fsearch-wrap.multiple .fs-option { text-transform: capitalize; } .properties-filter .facetwp-checkbox.checked:before, .properties-filter .facetwp-radio.checked:before { background-color: var(--blauw); border-color: var(--blauw); } .properties-filter-extra .facetwp-per-page { margin-bottom: 0; } .properties-filter-v-1 { padding-top: 2rem; padding-bottom: 2rem; background-color: var(--donkerblauw); } .properties-filter-v-1 .fs-search { border-top: 0; } .properties-filter-v-1 .properties-filter-default { position: relative; margin-left: 1rem; margin-right: 1rem; padding-top: .75rem!important; padding-bottom: .75rem!important; background-color: #fff; font-size: 1rem; } .properties-filter-v-1 .properties-filter-range-list { margin-bottom: 0; } .properties-filter-v-1 .facetwp-facet, .properties-filter-v-1 .facetwp-facet-zoeken.facetwp-type-fselect { margin-bottom: 0; border-right: 1px solid #ebebeb; } .properties-filter-v-1 .facetwp-facet-zoeken.facetwp-type-fselect .fs-search { padding-top: 17px; padding-bottom: 17px; } .properties-filter-v-1 .facetwp-facet-zoeken.facetwp-type-fselect .fs-dropdown { border-radius: 50px; } .properties-filter-v-1 .col-properties-filter-price-from .properties-filter-range-list { border-right: 1px solid #ebebeb; } .properties-filter-v-1 .properties-filter-more { position: absolute; top: 20px; left: 0; background-color: transparent; color: #222; } .properties-filter-v-1 .properties-filter-more a { font-size: 1.1rem; font-weight: 600; color: #222!important; text-transform: capitalize!important; text-align: left!important; text-decoration: underline; } .properties-filter-v-1 .properties-filter-more a:before { width: 18px; height: 18px; position: relative; top: 4px; margin-right: .5rem; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.6009 4.10156V6.30156C20.6009 7.10156 20.1009 8.10156 19.6009 8.60156L15.3009 12.4016C14.7009 12.9016 14.3009 13.9016 14.3009 14.7016V19.0016C14.3009 19.6016 13.9009 20.4016 13.4009 20.7016L12.0009 21.6016C10.7009 22.4016 8.90086 21.5016 8.90086 19.9016V14.6016C8.90086 13.9016 8.50086 13.0016 8.10086 12.5016L7.63086 12.0116C7.32086 11.6816 7.26086 11.1816 7.51086 10.7916L12.6309 2.57156C12.8109 2.28156 13.1309 2.10156 13.4809 2.10156H18.6009C19.7009 2.10156 20.6009 3.00156 20.6009 4.10156Z' fill='%23222222'/%3E%3Cpath d='M10.3504 3.63156L6.80039 9.32156C6.46039 9.87156 5.68039 9.95156 5.23039 9.48156L4.30039 8.50156C3.80039 8.00156 3.40039 7.10156 3.40039 6.50156V4.20156C3.40039 3.00156 4.30039 2.10156 5.40039 2.10156H9.50039C10.2804 2.10156 10.7604 2.96156 10.3504 3.63156Z' fill='%23222222'/%3E%3C/svg%3E%0A"); content: ''; display: inline-block; } .properties-filter-v-1 .properties-filter-more-close { display: none; } .properties-filter .properties-filter-range-list .facetwp-counter { display: none; } .properties-filter .properties-filter-more-options .properties-filter-range-list { border-radius: 50px; } .properties-filter .properties-filter-more-options { padding-top: 130px!important; background-color: #f4f4f4; } .properties-filter .properties-filter-more-options .container { padding-left: 0; padding-right: 0; } .properties-filter-v-1 .properties-filter-reset { top: 19px; right: 52px; background-color: var(--donkerblauw); } .properties-filter-selections { padding-top: 2rem; } .properties-filter-selections .facetwp-selections .facetwp-selection-value { background-color: #fff; border-color: var(--light); color: var(--donkerblauw); } .properties-filter .properties-filter-range-list .facetwp-type-radio .facetwp-radio, .properties-filter.properties-filter-v-1 .properties-filter-range-list .facetwp-type-checkboxes .facetwp-checkbox { padding-left: 45px; } .properties-filter .properties-filter-range-list .facetwp-type-radio .facetwp-radio:before, .properties-filter .properties-filter-range-list .facetwp-type-radio .facetwp-radio:after { left: 12px; } @media (min-width: 768px) { .properties-filter-extra .col-12.col-md-4, .properties-filter-extra .col-12.col-md-8 { width: 50%; } } .properties-title .facetwp-counts { width: 30px; height: 30px; line-height: 30px; margin-top: 0; padding: 0; border-radius: 50%; text-align: center; } .properties-special { /* width: calc(100vw - ((100vw - 1450px) / 2));*/ width: 1520px; margin-left: auto; box-sizing: border-box; } .properties-special .carousel { overflow: hidden; } .properties-special .object, .properties .object { background-color: var(--light); } .properties .object .object-image a, .properties-special .object .object-image a { background-color: var(--donkerblauw); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .properties .object .object-image a:after, .properties-special .object .object-image a:after { width: 100px; height: 92px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url('data:image/svg+xml,image/svg+xml'); background-repeat: no-repeat; background-size: cover; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; content: ''; } .properties .object:hover .object-image a:after, .properties .object:focus .object-image a:after, .properties-special .object:hover .object-image a:after, .properties-special .object:focus .object-image a:after { opacity: 1; } .properties .object:hover .object-image img, .properties-special .object:hover .object-image img { opacity: 0.1; } .properties-special .object .object-image, .properties .object .object-image { -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .properties-special .object .object-image img, .properties .object .object-image img { height: 400px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .properties .object .object-image div.object-status, .properties-special .object .object-image div.object-status, .properties-item .object-detail-photo div.object-status { top: 1.5rem; left: 1.5rem; } .properties .object .object-image div.object-status, .properties-special .object .object-image div.object-status, .properties-item .object-detail-photo div.object-status { background-color: var(--oranje); text-transform: uppercase; font-size: .7rem; font-weight: 600; } .properties-special .object .object-info, .properties .object .object-info { position: relative; padding-bottom: 5rem; padding-left: 1.5rem; padding-right: 1.5rem; } .properties-special .object .object-address .object-street, .properties .object .object-address .object-street, .properties-special .object .object-address .object-housenumber, .properties .object .object-address .object-housenumber, .properties-special .object .object-address .object-housenumber-addition, .properties .object .object-address .object-housenumber-addition { font-size: 1.7rem; font-weight: 300; color: var(--oranje); font-family: 'Cormorant Garamond',serif } .properties-special .object .object-address .object-zipcode { color: var(--donkerblauw); opacity: .6; } .properties-special .object .object-address .object-place, .properties .object .object-address .object-place { color: var(--donkerblauw); opacity: .6; } .properties-special .object .object-price, .properties .object .object-price { position: absolute; bottom: 1.5rem; left: 1.5rem; margin-bottom: 0!important; color: var(--donkerblauw); font-weight: 300; } .properties-special .object .object-features, .properties .object .object-features { width: 100%; min-height: 44px; margin-bottom: 0!important; padding-bottom: 1rem; border-bottom: 1px solid #dadada; display: -ms-flexbox; display: inline-flex; flex-direction: row; } .properties-special .object .object-features { min-height: 56px; } .properties-special .object .object-feature, .properties .object .object-feature { width: 25%; font-size: .9rem; color: #565656; } @media(min-width) and (max-width: 1336px) { .properties .object .object-feature { width: 50%; } } .properties-special .object .object-feature > .row > .col-3, .properties .object .object-feature > .row > .col-5 { display: none; } .properties-special .object .object-feature > .row > .col-9, .properties .object .object-feature > .row > .col-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .properties-special .object-features .object-feature .object-feature-info:before, .properties .object-features .object-feature .object-feature-info:before { width: 25px; height: 22px; background-repeat: no-repeat; background-position: left 2px; background-size: auto 18px; display: table; float: left; content: ""; } .properties-special .object-features .object-feature-totalekadestraleoppervlakte .object-feature-info:before, .properties .object-features .object-feature-totalekadestraleoppervlakte .object-feature-info:before { background-image: url(images/perceel-oppervlakte.svg); } .properties-special .object-features .object-feature-woonoppervlakte .object-feature-info:before, .properties .object-features .object-feature-woonoppervlakte .object-feature-info:before { background-image: url(images/woon-oppervlakte.svg); } .properties-special .object-features .object-feature-aantalkamers .object-feature-info:before, .properties .object-features .object-feature-aantalkamers .object-feature-info:before { background-image: url(images/aantal-kamers.svg); } .properties-special .object-features .object-features-energy .object-feature-info:before, .properties .object-features .object-features-energy .object-feature-info:before { width: 20px; background-image: url(images/energy.svg); } .properties-special .object .object-view, .properties .object .object-view { position: absolute; bottom: .5rem; right: 1.5rem; margin-bottom: .5rem!important; } .properties-special .object .object-view a, .properties .object .object-view a { width: 50px; height: 50px; padding: 0!important; background-color: var(--donkerblauw); border: 0; border-radius: 100%; text-indent: -9999px; display: table!important; } .properties-special .object .object-view a:after, .properties .object .object-view a:after { width: 37px; height: 20px; position: relative; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve' fill='%23ffffff' %3E%3Cpath d='M15,180h263.787l-49.394,49.394c-5.858,5.857-5.858,15.355,0,21.213C232.322,253.535,236.161,255,240,255s7.678-1.465,10.606-4.394l75-75c5.858-5.857,5.858-15.355,0-21.213l-75-75c-5.857-5.857-15.355-5.857-21.213,0c-5.858,5.857-5.858,15.355,0,21.213L278.787,150H15c-8.284,0-15,6.716-15,15S6.716,180,15,180z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 37px 20px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; display: inline-block; content: ''; } .properties-special .object .object-view a:hover, .properties .object .object-view a:hover, .properties-special .object .object-view a:focus, .properties .object .object-view a:focus { background-color: var(--oranje); } .properties-special .object .object-view a:hover:after, .properties .object .object-view a:hover:after, .properties-special .object .object-view a:focus:after, .properties .object .object-view a:focus:after { -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } .properties-pagination .facetwp-pager a.facetwp-page:first-of-type { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .properties-pagination .facetwp-pager a.facetwp-page:last-of-type { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .properties-special .carousel-control-prev, .properties-special .carousel-control-next { width: 40px; height: 40px; top: -100px; cursor: pointer; opacity: 1; background-color: #fff; border-radius: 50%; z-index: 9999; } .properties-special .carousel-control-prev { left: auto; right: 80px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ff7610'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E"); background-size: 16px 16px; background-repeat: no-repeat; background-position: center; } .properties-special .carousel-control-next { right: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ff7610'%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E"); background-size: 16px 16px; background-repeat: no-repeat; background-position: center; } .properties-special .carousel-control-prev:before, .properties-special .carousel-control-prev:after, .properties-special .carousel-control-next:before, .properties-special .carousel-control-next:after { display: none; } .properties-special .carousel-control-prev:hover, .properties-special .carousel-control-next:hover { background-color: transparent; } /* Scroll fix */ .properties-special .carousel-item { margin-left: -1rem; } .properties-special .carousel-item > .row { width: 33.333333%; --bs-gutter-x: 0; --bs-gutter-y: 0; display: block; flex-wrap: nowrap; margin-top: 0; margin-right: 0; margin-left: 0; padding-left: 1rem; padding-right: 1rem; } .properties-special > .row > * { flex-shrink: 0; width: auto; max-width: auto; padding-right: 0; padding-left: 0; margin-top: 0; } .properties-special .carousel-inner { /* width: calc(100% + 2rem);*/ max-width: 1520px; } @media (max-width: 767px) { .properties-special .carousel-inner .carousel-item > div { display: none; } .properties-special .carousel-inner .carousel-item > div:first-child { margin-bottom: 2rem; margin-left: auto; margin-right: auto; display: block; } } .properties-special .carousel-inner .carousel-item.active, .properties-special .carousel-inner .carousel-item-next, .properties-special .carousel-inner .carousel-item-prev { display: flex; } @media (min-width: 768px) and (max-width: 1199.98px) { .properties-special .carousel-inner .carousel-item-end.active, .properties-special .carousel-inner .carousel-item-next { transform: translateX(50%); } .properties-special .carousel-inner .carousel-item-start.active, .properties-special .carousel-inner .carousel-item-prev { transform: translateX(-50%); } } @media (min-width: 1200px) { .properties-special .carousel-inner .carousel-item-end.active, .properties-special .carousel-inner .carousel-item-next { transform: translateX(33.3333333333%); } .properties-special .carousel-inner .carousel-item-start.active, .properties-special .carousel-inner .carousel-item-prev { transform: translateX(-33.3333333333%); } } .properties-special .carousel-inner .carousel-item-end, .properties-special .carousel-inner .carousel-item-start { transform: translateX(0); } @media (max-width: 767.98px) { .properties-special, .properties-special .carousel-item > .row { width: 100%; } .properties-special { padding-top: 5rem; } .properties-special .carousel-item > .row { padding-left: 0; padding-right: 0; } .properties-special .carousel-item { margin-left: 0; } .properties-special .carousel-control-prev, .properties-special .carousel-control-next { top: 0; } .properties-special .carousel-control-prev { right: 40px; } .properties-special .carousel-control-next { right: 0; } } @media (min-width: 768px) and (max-width: 1199.98px) { .properties-special { width: 100%; } .properties-special .carousel-item > .row { width: 50%; } .properties-special .object .object-image img { height: 300px; } .properties-special .carousel-control-prev { right: 40px; } .properties-special .carousel-control-next { right: 0; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .properties-special { width: 100%; } } /* Properties item */ .object-detail-extra { display: none; } .properties-item { margin-top: 100px; background-color: var(--donkerblauw); color: var(--light); } .properties-item .object-detail-adres h1 { color: var(--light); } .properties-item .object-detail-extra { padding-bottom: 1rem!important; } .properties-item .object-detail-photos .container { max-width: none; } .properties-item .object-detail-features .object-detail-features-small:after, .properties-item .object-detail-information .object-detail-description-small:after { width: 100%; height: 75px; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(0,34,74, 0) 0, rgba(0,34,74, 1) 100%); background: -webkit-linear-gradient(top, rgba(0,34,74, 0) 0, rgba(0,34,74, 1) 100%); background: linear-gradient(to bottom, rgba(0,34,74, 0) 0, rgba(0,34,74, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0); content: ""; display: block; } .properties-item .object-detail-photos .object-detail-photo-large img { height: 700px; } .properties-item .object-detail-photos .object-detail-photo-medium img, .properties-item .object-detail-photos .object-detail-photo-small img { height: 346px; } .properties-item .object-detail-photos > .container > .row > .col-12.col-md-8, .properties-item .object-detail-photos > .container > .row > .col-12.col-md-4 { width: 50%; } .properties-item .object-detail-information .object-detail-title, .properties-item .object-detail-features .object-detail-title, .properties-item .object-detail-photos-full .object-detail-title { display: none; } .properties-item .object-detail-features .object-detail-features-more, .properties-item .object-detail-information .object-detail-description-more, .properties-item .object-detail-photos-full .object-detail-photos-more, .properties-item .object-detail-maps .object-detail-maps-more { margin-top: 2rem; padding: 0!important; border: 0!important; } .properties-item .object-detail-features .object-detail-features-more:hover, .properties-item .object-detail-information .object-detail-description-more:hover, .properties-item .object-detail-photos-full .object-detail-photos-more:hover, .properties-item .object-detail-maps .object-detail-maps-more:hover { background-color: transparent; } .properties-item .object-detail-extra li a, .properties-item .object-detail-extra li div.object-favorite { background-color: var(--light); } .properties-item .object-detail-navigation li a { background-color: transparent; border: 1px solid var(--light); color: var(--light); font-size: .9rem; } .properties-item .object-detail-navigation li a:hover, .properties-item .object-detail-navigation li a:focus { background-color: var(--light); color: var(--light); } .properties-item .object-detail-features .object-detail-features-more span:after, .properties-item .object-detail-features .object-detail-features-more span:before, .properties-item .object-detail-information .object-detail-description-more span:before, .properties-item .object-detail-information .object-detail-description-more span:after, .properties-item .object-detail-photos-full .object-detail-photos-more span:before, .properties-item .object-detail-photos-full .object-detail-photos-more span:after { background-color: var(--light); } .properties-item .object-detail-header .object-detail-adres h1 span.object-street, .properties-item .object-detail-header .object-detail-adres h1 span.object-housenumber, .properties-item .object-detail-header .object-detail-adres h1 span.object-housenumber-addition { font-size: 3rem; font-weight: 300; } .properties-item .object-detail-header .object-detail-adres h1 span.object-place { font-size: 1.5rem; } .properties-item .object-detail-information .object-information { padding-right: 5rem; } .properties-item .object-detail-contact { padding: 0!important; border: 0; } .properties-item .object-detail-contact .object-detail-title { display: block; } .properties-item .object-detail-contact .contact-info-appointment a, .properties-item .object-detail-contact .contact-info-website a, .properties-item .object-detail-contact .contact-info-brochure a, .properties-item .object-detail-contact .contact-info-custom-button a { background-color: var(--oranje); border: 1px solid var(--oranje); font-size: .9rem; color: #fff!important; } .properties-item .object-detail-contact .contact-info-appointment a:hover, .properties-item .object-detail-contact .contact-info-website a:hover, .properties-item .object-detail-contact .contact-info-brochure a:hover, .properties-item .object-detail-contact .contact-info-custom-button a:hover { background-color: var(--blauw); border: 1px solid var(--blauw); } .properties-item .object-detail-contact .object-share li a { background-color: transparent; border: 1px solid var(--light); } .properties-item .object-detail-contact .object-share li a svg { fill: var(--light); } .properties-item-scroll li a { background-color: transparent; border: 1px solid var(--light); } .properties-item-scroll li a.modal-appointment { background-color: var(--oranje); border: 1px solid var(--oranje); color: #fff; } .properties-item-scroll li a svg path { fill: #222; } .properties-item-scroll li:hover a svg path { fill: #fff; } .properties-item-scroll li a:hover, .properties-item-scroll li a:focus { background-color: var(--blauw); border: 1px solid var(--blauw); } .properties-item-scroll li.li-scroll-favorite { display: none!important; } @media (min-width: 768px) { .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-child(1) { width: 100%; } .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-child(1) .object-detail-photos-item { height: 700px; } .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-of-type(2), .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-child(3), .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-child(7), .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-child(8) { width: 50%; } .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-of-type(2) .object-detail-photos-item, .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-child(3) .object-detail-photos-item, .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-child(7) .object-detail-photos-item, .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-child(8) .object-detail-photos-item { height: 450px; } .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-child(4), .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-child(5), .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-child(6) { width: 33.3333333333%; } .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-child(4) .object-detail-photos-item, .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-child(5) .object-detail-photos-item, .properties-item .object-detail-photos-full .col-12.col-lg-3:nth-child(6) .object-detail-photos-item { height: 450px; } } .properties-item .object-detail-photos-full .object-detail-photos-item a { background-color: var(--donkerblauw); } .properties-item .object-detail-photos-full .object-detail-photos-item a:before, .properties-item .object-detail-photos-full .object-detail-photos-item a:after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color: #fff; z-index: 2; content: ''; opacity: 0; } .properties-item .object-detail-photos-full .object-detail-photos-item a:before { width: 1px; height: 70px; } .properties-item .object-detail-photos-full .object-detail-photos-item a:after { width: 70px; height: 1px; } .properties-item .object-detail-photos-full .object-detail-photos-item a img { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .properties-item .object-detail-photos-full .object-detail-photos-item a:hover img { opacity: .3; } .properties-item .object-detail-photos-full .object-detail-photos-item a:hover:before, .properties-item .object-detail-photos-full .object-detail-photos-item a:hover:after { opacity: 1; } @media (max-width: 767.98px) { .properties-item { margin-top: 100px; } .properties-item .object-detail-photos .object-detail-photo-large img { height: 300px; } .properties-item .object-detail-header .object-detail-adres h1 span.object-street, .properties-item .object-detail-header .object-detail-adres h1 span.object-housenumber, .properties-item .object-detail-header .object-detail-adres h1 span.object-housenumber-addition { font-size: 2rem; } } /* Footer */ .footer { background-color: var(--blauwtint); font-size: 1rem; color: var(--light); border-top: 1px solid var(--donkerblauw); } .footer a { color: var(--light); } .footer h5 { font-size: 1.5rem; color: var(--light); } .footer li { line-height: 2; } .footer ul.list-navigation li a:before { position: relative; top: -2px; margin-right: .75rem; padding: 3px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border: solid var(--oranje); border-width: 0 2px 2px 0; display: inline-block; content: ''; } .footer svg.svg-brand, .footer img.img-brand { height: 30px; } .footer svg.svg-brand .svg-nvm-1, .footer svg.svg-brand .svg-nvm-business-1, .footer svg.svg-brand .svg-mva-1, .footer svg.svg-brand .svg-mva-expats-1, .footer svg.svg-brand .svg-funda-1, .footer svg.svg-brand .svg-funda-ib-1, .footer svg.svg-brand .svg-funda-3, .footer svg.svg-brand .svg-funda-ib-3, .footer svg.svg-brand .svg-funda-ib-4, .footer svg.svg-brand .svg-pararius-1, .footer svg.svg-brand .svg-pararius-2, .footer svg.svg-brand .svg-vbo-2, .footer svg.svg-brand .svg-vastgoedcert-1, .footer svg.svg-brand .svg-vastgoedcert-2, .footer svg.svg-brand .svg-nwwi-2, .footer svg.svg-brand .svg-tmi-1, .footer svg.svg-brand .svg-tmi-2, .footer svg.svg-brand .svg-nrvt-2, .footer svg.svg-brand .svg-scvm-1, .footer svg.svg-brand .svg-scvm-2, .footer svg.svg-brand .svg-scvm-3, .footer svg.svg-brand .svg-scvm-4, .footer svg.svg-brand .svg-vastgoedpro-1, .footer svg.svg-brand .svg-vastgoedpro-2, .footer svg.svg-brand .svg-qualis-1, .footer svg.svg-brand .svg-qualis-2, .footer svg.svg-brand .svg-tophuis-1, .footer svg.svg-brand .svg-regiobank-1 { fill: var(--light); } .footer svg.svg-brand .svg-nwwi-3 { fill: var(--light); opacity: .4; } .footer svg.svg-brand .svg-vbo-1, .footer svg.svg-brand .svg-funda-2, .footer svg.svg-brand .svg-funda-ib-2, .footer svg.svg-brand .svg-nwwi-1, .footer svg.svg-brand .svg-qualis-3 { fill: transparent; } .footer svg.svg-brand .svg-nrvt-1 { fill: var(--donkerblauw); } svg.svg-social .svg-facebook, svg.svg-social .svg-twitter, svg.svg-social .svg-linkedin, svg.svg-social .svg-youtube, svg.svg-social .svg-instagram, svg.svg-social .svg-whatsapp, svg.svg-social .svg-tiktok, svg.svg-social .svg-pinterest { fill: var(--light); } a.svg-rounded, a.svg-square { background-color: #ff7610; } .footer-copyright { background-color: var(--light); padding-top: 2rem; } .footer-copyright-extra { font-size: .8rem; color: var(--blauwtint); } .footer-copyright-extra .container { padding-top: 1rem; border-top: 1px solid var(--light); } .footer-copyright-extra a { color: #a6a6a6; } .footer-copyright { padding-bottom: 1rem; font-size: .8rem; color: #a6a6a6; } .footer-copyright a { color: #a6a6a6; } .footer-copyright .col-12 { padding-top: 0!important; } /* Announcement */ .announcement { max-width: 300px; bottom: 30rem; left: 0rem; font-size: .9rem; z-index: 9999; color: #fff; } .announcement .collapse { max-width: 300px; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); } .announcement .well { background-color: #00224A!important; box-shadow: none; } .announcement .announcement-image img { width: 100%; object-fit: cover; } .announcement-title { } .announcement h4 { line-height: 1.2; font-size: 2rem; color: #fff; font-family: 'Cormorant Garamond', serif; } .announcement a.btn { margin-left: auto; margin-right: auto; display: table; background: #FF7610; color: #fff; margin-bottom: 10px; } .announcement .btn-announcement-close { width: 30px; height: 30px; background-color: #0a1825; position: absolute; top: -15px; right: -15px; } .announcement .btn-announcement-close:before, .announcement .btn-announcement-close:after { width: 13px; height: 1px; position: absolute; top: 50%; left: 50%; background-color: #fff; content: ''; } .announcement .btn-announcement-close:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .announcement .btn-announcement-close:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .announcement-info p{ margin-bottom: 30px; font-size: 1rem; } @media (max-width: 767.98px) { .announcement { max-width: 210px; bottom: 0; left: 4rem; font-size: 13px; } .announcement h4 { font-size: 1.6rem; } .announcement .announcement-image img { max-height: 70px; } .announcement a.btn { padding: .75rem 0.25rem; border-radius: .25rem; font-size: .7rem; color: #fff; } .announcement-info.p-3 { padding: 0.5rem !important; } .announcement-info p { line-height:1.2 !important; } } @media (min-width: 768px) and (max-width: 991.98px) { .announcement { max-width: 310px; bottom: 0; left: 0; } .announcement .announcement-image img { max-height: 150px; } } .download-list { padding-left: 0; } @media(min-width: 768px) { .download-list { column-count: 2; } } .download-list li:before { background-image: url('data:image/svg+xml,'); background-size: 16px; background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; margin-left: -2rem; content: ''; display: inline-block; transition: all ease 0.5s; top: 3px; margin-right: 15px; position: relative; } .download-list li:hover:before { transform: rotate(45deg); } .download-list li { list-style: none; padding-left: 3rem; padding-top: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--light); } @media(max-width: 1351px) { .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1), .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(2) { display: none; } .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(3) { flex-basis: 100% !important; width: 100%; height: 330px; position: relative; top: 0; right: 0; padding: 3rem; background-color: var(--donkerblauw); } } /* css mobile */ @media(max-width: 767px) { .properties-filter .properties-filter-more-options { padding-top: 0; background-color: var(--donkerblauw); } .navbar-toggler { background-color: #fff; } .navbar .navbar-nav .nav-link { line-height: 1; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; background: #fff; margin-top: 10px; padding: 0 15px; } .navbar .navbar-brand { top: 0; padding: 0.5rem 0.0rem 0.0rem 0.0rem; } .navbar.navbar-scroll .navbar-brand svg { height: 40px !important; } .navbar .navbar-brand svg, .navbar .navbar-brand svg image { height: 50px !important; } .navbar.navbar-scroll { left: 0; } .d-none-mob { display: none; } .wp-block-group { position: relative; padding-top: 2rem; padding-bottom: 0rem; } .properties-filter-v-search .properties-filter-btn { font-size: 0.6rem; } .wp-block-group.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image, .wp-block-group.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image img, .wp-block-group.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(3) .wp-block-image, .wp-block-group.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(3) .wp-block-image img { height: auto; } .wp-block-group.wp-block-group-info { padding-bottom: 2rem; } .properties-special .object .object-image img, .properties .object .object-image img { height: auto; } .home .page-slider .page-slider-info .page-slider-text h1, .page-id-273 .page-slider .page-slider-info .page-slider-text h1 { font-size: 3rem; } .properties-filter-extra .facetwp-sort, .properties-filter-v-search .facetwp-sort, .properties-filter-extra .facetwp-per-page, .properties-filter-extra .properties-filter-show, .properties-filter-extra .facetwp-sort .facetwp-sort-select, .properties-filter-extra .facetwp-per-page .facetwp-per-page-select, .properties-filter-extra .facetwp-per-page { margin-bottom: 1rem; width: 100%; } } div.wpforms-container-full { text-align: left } div.wpforms-container-full .wpforms-form input[type=checkbox], div.wpforms-container-full .wpforms-form input[type=radio] { margin: 9px 10px 0 3px !important; } div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title { color: #fff; } body .iti__arrow, div.wpforms-container .wpforms-form .iti__arrow, div.wpforms-container-full .wpforms-form .iti__arrow, #wpforms-conversational-form-page .iti__arrow { border-top: var(--iti-arrow-height) solid #ffffff !important; } div.wpforms-container-full .wpforms-form label.wpforms-error { color: #ff0000 !important; } div.wpforms-container-full .wpforms-form input[type="date"],div.wpforms-container-full .wpforms-form input[type="datetime"],div.wpforms-container-full .wpforms-form input[type="datetime-local"],div.wpforms-container-full .wpforms-form input[type="email"],div.wpforms-container-full .wpforms-form input[type="month"],div.wpforms-container-full .wpforms-form input[type="number"],div.wpforms-container-full .wpforms-form input[type="password"],div.wpforms-container-full .wpforms-form input[type="range"],div.wpforms-container-full .wpforms-form input[type="search"],div.wpforms-container-full .wpforms-form input[type="tel"],div.wpforms-container-full .wpforms-form input[type="text"],div.wpforms-container-full .wpforms-form input[type="time"],div.wpforms-container-full .wpforms-form input[type="url"],div.wpforms-container-full .wpforms-form input[type="week"],div.wpforms-container-full .wpforms-form select,div.wpforms-container-full .wpforms-form textarea { background-color: transparent !important; border: 0!important; border-bottom: 1px solid var(--light) !important; border-radius: 0!important; font-size: .85rem!important; color: var(--light)!important; font-weight: 300!important } .woningen-template-default div.wpforms-container-full .wpforms-form input[type="date"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="datetime"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="datetime-local"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="email"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="month"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="number"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="password"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="range"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="search"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="tel"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="text"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="time"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="url"], .woningen-template-default div.wpforms-container-full .wpforms-form input[type="week"], .woningen-template-default div.wpforms-container-full .wpforms-form select, .woningen-template-default div.wpforms-container-full .wpforms-form textarea { color: #222!important; } .woningen-template-default .div.wpforms-container-full .wpforms-form select, .woningen-template-default div.wpforms-container-full .wpforms-form textarea { color: #222!important; } div.wpforms-container-full .wpforms-form input[type="submit"],div.wpforms-container-full .wpforms-form button[type="submit"],div.wpforms-container-full .wpforms-form .wpforms-page-button { background-color: var(--blauw)!important; border-color: var(--blauw)!important; border-radius: 0!important; font-size: 1rem!important; color: var(--light)!important; font-weight: 300!important } div.wpforms-container-full .wpforms-form input[type="submit"]:hover,div.wpforms-container-full .wpforms-form button[type="submit"]:hover,div.wpforms-container-full .wpforms-form .wpforms-page-button:hover { background-color: #e4714a!important; border-color: #e4714a!important } div.wpforms-container-full .wpforms-form .wpforms-field-label,div.wpforms-container-full .wpforms-form .wpforms-field-label-inline,div.wpforms-container-full .wpforms-form .wpforms-field-description,div.wpforms-container-full .wpforms-form .wpforms-field-limit-text { font-size: .85rem!important; color: var(--light)!important; opacity: 1; } .woningen-template-default div.wpforms-container-full .wpforms-form .wpforms-field-label, .woningen-template-default div.wpforms-container-full .wpforms-form .wpforms-field-label-inline, .woningen-template-default div.wpforms-container-full .wpforms-form .wpforms-field-description, .woningen-template-default div.wpforms-container-full .wpforms-form .wpforms-field-limit-text { color: #222!important; } div.wpforms-container-full .wpforms-form .wpforms-field-description { margin-top: 3px!important } .wpforms-confirmation-container-full p { margin-top: 0!important } .wpforms-container .wpforms-form .wpforms-field-privacy-checkbox a { color: var(--light); } .woningen-template-default .wpforms-container .wpforms-form .wpforms-field-privacy-checkbox a { color: #222!important; } /* Chrome, Safari, Edge */ div.wpforms-container-full input::-webkit-input-placeholder, div.wpforms-container-full textarea::-webkit-input-placeholder { color: var(--light); opacity: 1; } /* Firefox 19+ */ div.wpforms-container-full input::-moz-placeholder, div.wpforms-container-full textarea::-moz-placeholder { color: var(--light); opacity: 1; } /* IE 10-11 */ div.wpforms-container-full input:-ms-input-placeholder, div.wpforms-container-fulltextareat:-ms-input-placeholder { color: var(--light); opacity: 1; } /* Microsoft Edge */ div.wpforms-container-full input::-ms-input-placeholder, div.wpforms-container-full textarea::-ms-input-placeholder { color: var(--light); opacity: 1; } /* Standard */ div.wpforms-container-full input::placeholder, div.wpforms-container-full textarea::placeholder { color: var(--light); opacity: 1; } /* Chrome, Safari, Edge */ .woningen-template-default div.wpforms-container-full input::-webkit-input-placeholder, .woningen-template-default div.wpforms-container-full textarea::-webkit-input-placeholder { color: #222!important; } /* Firefox 19+ */ .woningen-template-default div.wpforms-container-full input::-moz-placeholder, color: #222!important; } /* IE 10-11 */ .woningen-template-default div.wpforms-container-full input:-ms-input-placeholder, .woningen-template-default div.wpforms-container-fulltextareat:-ms-input-placeholder { color: #222!important; } /* Microsoft Edge */ .woningen-template-default div.wpforms-container-full input::-ms-input-placeholder, .woningen-template-default div.wpforms-container-full textarea::-ms-input-placeholder { color: #222!important; } /* Standard */ .woningen-template-default div.wpforms-container-full input::placeholder, .woningen-template-default div.wpforms-container-full textarea::placeholder { color: #222!important; } /* modalbox waardebaling */ .modal { z-index: 99999999; } #waardebepaling, #waardebepaling h3 { color: var(--light); } #waardebepaling div.wpforms-container-full .wpforms-form .wpforms-field-label { color: var(--light) !important; } #waardebepaling .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); justify-content: center; align-items: center; } #waardebepaling .modal-content { background: var(--donkerblauw); color: var(--light); padding: 20px; border-radius: 8px; max-width: 860px; width: 100%; } #waardebepaling .close { background-color: var(--oranje); cursor: pointer; position: absolute; top: 20px; right: 20px; font-size: 20px; color: #fff; width: 30px; height: 30px; border-radius: 30px; } /* carousel indictors */ .carousel-indicators { bottom: -70px; } #waardebepaling .choices__input.choices__input--cloned { display: none; } /* Reviews */ .wp-block-group.wp-block-group-reviews { overflow: hidden; height: 580px; padding-top: 0; padding-bottom: 0; background-color: var(--blauwtint); } @media(min-width: 768px){ .wp-block-group.wp-block-group-reviews:before { width: calc(100vw - ((100vw - 1290px) / 2)); height: 100%; position: absolute; top: 0; right: 0; /* background-color: var(--light);*/ background-color: var(--blauwtint); content: ''; z-index: -1; } } .google-rate, .funda-rate { float: right; margin-top: 3rem; margin-left: 3rem; margin-right: 3rem; } .google-rate svg { text-align: center; margin: 0 auto 10px; } .google-rate i { color: #fff; } .carousel-item-main { background-color: #fff; width: 100%; padding: 2rem; border-radius: 0.25rem; } .wp-block-group.wp-block-group-reviews .ref_cijfer .carousel-item-title span { color: var(--oranje); width:100px; display: block; text-align: center; font-weight: 500; font-size: 4rem; font-style: italic; } .wp-block-group.wp-block-group-reviews .ref_cijfer .carousel-item-title a { width: 100px; margin-top: 0.5rem; } .wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(2) { padding-top: 5rem; padding-bottom: 5rem; } .wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(1) > .wp-block-columns { width: 30%; position: absolute; top: 0; left: 5rem; } .wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(1) > .wp-block-columns .wp-block-column:nth-of-type(1) { margin-top: -100px; } .wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(1) > .wp-block-columns .wp-block-column:nth-of-type(2) { margin-top: -200px; } .wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(1) .wp-block-columns .wp-block-column .wp-block-image { width: 100%; height: 400px; } .wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(1) .wp-block-columns .wp-block-column .wp-block-image:nth-of-type(1) { margin-bottom: 5rem; } .wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(1) .wp-block-columns .wp-block-column .wp-block-image img { width: 100%; height: 100%; object-fit: cover; } .wp-block-group.wp-block-group-reviews .carousel { padding-top: 0rem; padding-bottom: 0rem; } .wp-block-group.wp-block-group-reviews .carousel:before { line-height: 1; position: absolute; top: -20px; left: -20px; font-size: 8rem; content: '“'; color: var(--oranje); z-index: 22; font-family: 'Cormorant Garamond',serif; font-weight: 700; } .wp-block-group.wp-block-group-reviews .carousel .carousel-item .carousel-item-content p { line-height: 1.2; font-family: 'Cormorant Garamond',serif; font-style: italic; font-size: 2.6rem; color: var(--donkerblauw); } .wp-block-group.wp-block-group-reviews .carousel .carousel-item .carousel-item-place, .wp-block-group.wp-block-group-reviews .carousel .carousel-item .carousel-item-address { color: var(--donkerblauw); font-weight: 700; } .wp-block-group.wp-block-group-reviews .carousel .carousel-item .carousel-item-place { font-weight: 300; } .wp-block-group.wp-block-group-reviews .carousel .carousel-item .carousel-item-name { position: relative; padding-left: 25px; font-size: .8rem; color: #fff; text-transform: uppercase; letter-spacing: 1px; } .wp-block-group.wp-block-group-reviews .carousel .carousel-item .carousel-item-name:before { width: 15px; height: 1px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background-color: #fff; content: ''; display: none; } .wp-block-group.wp-block-group-reviews .carousel .carousel-indicators { justify-content: left; } .wp-block-group.wp-block-group-reviews .carousel .carousel-indicators div { width: 8px; height: 8px; margin-left: 0; } .wp-block-group.wp-block-group-reviews .carousel .carousel-indicators div.active:before { width: 14px; height: 14px; position: absolute; top: -3px; left: -3px; border: 1px solid var(--light); border-radius: 50%; content: ''; } .wp-block-group.wp-block-group-reviews .carousel-indicators [data-bs-target] { background-color: var(--light); } .wp-block-group.wp-block-group-reviews .carousel-control-prev, .wp-block-group.wp-block-group-reviews .carousel-control-next { width: 40px; height: 40px; top: -40px; background-color: #fff; border-radius: 50%; cursor: pointer; opacity: 1 } .wp-block-group.wp-block-group-reviews .carousel-control-prev { left: auto; right: 50px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ff7610'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E"); background-size: 16px 16px; background-repeat: no-repeat; background-position: center } .wp-block-group.wp-block-group-reviews .carousel-control-next { right: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ff7610'%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E"); background-size: 16px 16px; background-repeat: no-repeat; background-position: center } .wp-block-group.wp-block-group-reviews .carousel-control-prev:before, .wp-block-group.wp-block-group-reviews .carousel-control-prev:after, .wp-block-group.wp-block-group-reviews .carousel-control-next:before, .wp-block-group.wp-block-group-reviews .carousel-control-next:after { display: none } .wp-block-group.wp-block-group-reviews .carousel-control-prev:hover, .wp-block-group.wp-block-group-reviews .carousel-control-next:hover { background-color: #fff } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(1) { display: none; } .wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(2) { padding-top: 5rem; padding-bottom: 5rem; } } @media (min-width: 768px) and (max-width: 991.98px) { .wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(1) > .wp-block-columns { width: 35%; left: 0; } .wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(2) { padding-top: 5rem; padding-bottom: 5rem; } .wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(1) > .wp-block-columns .wp-block-column:nth-of-type(1) { margin-top: 50px; } .wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(1) > .wp-block-columns .wp-block-column:nth-of-type(2) { margin-top: -100px; } .wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(1) .wp-block-columns .wp-block-column .wp-block-image { height: 270px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(1) > .wp-block-columns { width: 35%; left: 0; } } .complexen{ margin-top:125px; } .complexen .object-info .object-price { left: unset; right: 1.5rem; } .complexen .object-extra{ position: relative; margin-bottom: -16px; margin-top: 15px; } .complexen .object-info a.btn { background-color: #001f5c; border-color: #001f5c; color: #fff; border-radius: 2.5rem !important; padding-right: 2.5rem; background-image: url('data:image/svg+xml,'); background-position: right 0.5rem center; background-repeat: no-repeat; font-size: 0.8rem; } .complexen .object-info a.btn:hover, .complexen .object-info a.btn:focus { background-color: #001f5c; /*nieuw */ } .complexen .swiper-button-prev, .complexen .swiper-button-next, .complexen .swiper-rtl .swiper-button-prev { background-color: #fff; } .complexen .swiper-button-prev:after, .complexen .swiper-rtl .swiper-button-next:after, .complexen .swiper-button-next:after, .complexen .swiper-rtl .swiper-button-prev:after { font-size: 17px; } .complexen .object-image { overflow: hidden; } .complexen.properties .object .object-info { padding-bottom: 1.5rem; } .complexen.properties .object .object-image img { height: 450px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .complexen .properties .object .object-image a { background-color: #212a2b; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .complexen.properties .object:hover .object-image img { opacity: 1; } .complexen .swiper-button-next, .complexen .swiper-button-prev { color: var(--oranje); } .properties-item .object-detail-contact .contact-info, .properties-item .object-detail-contact .contact-info a, .properties-item .object-detail-contact .object-detail-title { color: #fff; } .col-404-title h1 { color: #fff; } .wpforms-confirmation-container-full.wpforms-confirmation-scroll p { color: #333 !important; } @media(max-width: 767px) { .wp-block-group.wp-block-group-reviews { overflow: inherit; height: auto; } .wp-block-group.wp-block-group-reviews .carousel .carousel-item .carousel-item-content p { font-size: 2.0rem; } .carousel-item-main { width: 100%; } .wp-block-group.wp-block-group-reviews .ref_cijfer .carousel-item-title svg.svg-brand { max-height: 20px; margin-left: auto; margin-right: auto; text-align: center; width: auto; display: block; } .properties-filter-show svg, .properties-filter-show path { fill: #fff; } .properties-item .object-detail-photos > .container > .row > .col-12.col-md-8, .properties-item .object-detail-photos > .container > .row > .col-12.col-md-4 { width: 100%; } .single .extra-contact { display: none; } .carousel-indicators { display: none; } .footer-copyright { padding-bottom: 4rem; } .grecaptcha-badge { bottom: 63px !important; } .complexen.properties .object .object-image img { height: 350px; } .google-rate, .funda-rate { margin-top: 1rem; margin-left: 1rem; margin-right: 1rem; } .wp-block-group.wp-block-group-reviews .ref_cijfer .carousel-item-title a { margin-top: 0rem; } } /* faq */ /* faq image image */ @media(min-width: 768px){ .wp-block-group.wp-block-group-faq-image-image:before { width: calc(100vw - ((100vw - 1290px) / 2)); height: 100%; position: absolute; top: 0; left: 0; /* background-color: var(--light);*/ background-color: var(--blauwtint); content: ''; z-index: -1; } } .wp-block-group.wp-block-group-faq-image-image h3, .wp-block-group.wp-block-group-faq-image-image h4, .wp-block-group.wp-block-group-faq-image-image h2, .wp-block-group.wp-block-group-faq-image-image { color: var(--light); } .wp-block-group.wp-block-group-faq-image-image { /* margin-top: 5rem;*/ } .wp-block-group.wp-block-group-faq-image-image .wp-block-columns { /* gap: 8em;*/ gap: 5em; } .wp-block-group.wp-block-group-faq-image-image .wp-block-columns .wp-block-column:nth-of-type(1) { flex-basis: 50% !important; } .wp-block-group.wp-block-group-faq-image-image .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image, .wp-block-group.wp-block-group-faq-image-image .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image img { height: 450px; } .wp-block-group.wp-block-group-faq-image-image .wp-block-columns .wp-block-column:nth-child(3) { display: flex; align-content: flex-end; flex-wrap: wrap; } .wp-block-group.wp-block-group-faq-image-image .wp-block-columns .wp-block-column:nth-child(3) .wp-block-image, .wp-block-group.wp-block-group-faq-image-image .wp-block-columns .wp-block-column:nth-child(3) .wp-block-image img { position: relative; height: 350px; } .wp-block-group.wp-block-group-faq-image-image .wp-block-columns .wp-block-column:nth-child(3) .wp-block-image:after { background-image: url('data:image/svg+xml,'); width: 1123px; height: 100px; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 15px; left: 15px; content: ''; opacity: 0.5; } .wp-block-group.wp-block-group-faq-image-image .faq { margin-bottom: 2rem; } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-faq-image-image .wp-block-columns { gap: 2em; } .wp-block-group.wp-block-group-faq-image-image .wp-block-columns .wp-block-column:nth-child(1) { padding-top: 0; padding-bottom: 0; } .wp-block-group.wp-block-group-faq-image-image .wp-block-columns .wp-block-column:nth-child(3) .wp-block-image:after { width: 100%; } } @media (min-width: 768px) and (max-width: 991.98px) { .wp-block-group.wp-block-group-faq-image-image .wp-block-columns { gap: 2em; } .wp-block-group.wp-block-group-faq-image-image .wp-block-columns .wp-block-column:nth-child(1) { padding-top: 0; padding-bottom: 0; } .wp-block-group.wp-block-group-faq-image-image .wp-block-columns .wp-block-column:nth-child(3) { align-content: flex-start; } } @media (min-width: 992px) and (max-width: 1199.98px) { .wp-block-group.wp-block-group-faq-image-image .wp-block-columns { gap: 2em; } .wp-block-group.wp-block-group-faq-image-image .wp-block-columns .wp-block-column:nth-child(1) { padding-top: 0; padding-bottom: 0; } } .faq .accordion-item h4 { margin-bottom: 0; } .faq .accordion-button { border-bottom: 1px solid rgba(255,255,255, 0.2); } .faq .accordion-button:not(.collapsed):focus, .faq .accordion-button:focus { border-color: transparent!important; box-shadow: none !important; } .faq .accordion-item, .faq .accordion-button { background-color: transparent; } .faq .accordion-button:not(.collapsed) { background-color: transparent; border-color: transparent; } .faq .accordion-body { background-color: rgba(255,255,255, 0.2); border-bottom: 1px solid rgba(255,255,255, 0.2); } .faq .accordion-button { padding-left: 0; } .faq .accordion-button::after { background-image: url('data:image/svg+xml,'); transform: rotate(0deg); } .faq .accordion-button:not(.collapsed)::after { background-image: url('data:image/svg+xml,'); transform: rotate(-180deg); } /* Blog */ .page-single .page-slider { height: 400px; } .page-single .wp-block-group .wp-block-group__inner-container { padding-left: 0rem; padding-right: 0rem; } .page-single .post h1, .page-single .post h2, .page-single .post h3, .page-single .post h4, .page-single .post h5, .page-single a{ color: #fff; } .page-single .post h2 { margin-top: 2rem; } .page-single a{ text-decoration: underline; } .page-single .post-image img { width: 570px; float: right; object-fit: cover; height: 380px; padding-left: 30px; } .page-single .wp-block-group.wp-block-group-faq-image-image, .page-single .wp-block-group-content-image { padding-top: 2rem; padding-bottom: 2rem; } a.wp-block-post-excerpt__more-link, h2.wp-block-post-title a, .wp-block-group-blog { color: #fff !important; } a.wp-block-post-excerpt__more-link { position: relative; margin-top: 2rem; padding: .65rem 5rem .65rem 1.5rem; background-color: var(--donkerblauw); border: 1px solid rgb(255 255 255 / .2); border-radius: 50px; font-weight: 700; color: #fff; text-decoration: none !important; display: table; } a.wp-block-post-excerpt__more-link:after { width: calc(21px + 2rem); height: 100%; position: absolute; top: 0; right: 0; background-image: url('data:image/svg+xml;utf8,'); background-position: center; background-size: 48px 24px; background-repeat: no-repeat; border-left: 1px solid rgb(255 255 255 / .2); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; display: inline-block; content: ''; } a.wp-block-post-excerpt__more-link:hover:after { background-image: url('data:image/svg+xml;utf8,'); } a.wp-block-post-excerpt__more-link:hover { background-color: var(--oranje); color: #fff !important; border-left: 1px solid var(--oranje); } h2.wp-block-post-title a { margin-bottom: 8px; font-size: 1.75rem; color: var(--donkerblauw) !important; } .wp-block-group-blog li.wp-block-post { background: #FFFFFF; color: #222; } .wp-block-group-blog h2 { margin-bottom: 0; color: var(--donkerblauw); padding-left: 2rem; padding-right: 2rem; } .wp-block-group-blog .wp-post-image { height: 280px; } .wp-block-group-blog .wp-block-post-featured-image { margin-bottom: 2rem !important; } .wp-block-group-blog .wp-block-post-excerpt__more-text { margin-top: 1rem; } .wp-block-group-blog .wp-block-post-excerpt { padding-left: 2rem; padding-right: 2rem; padding-bottom: 2rem; } .wp-block-group-blog .wp-block-post-date { margin-bottom: 1rem; padding-left: 2rem; padding-right: 2rem; } /* .wp-block-group-blog a.wp-block-post-excerpt__more-link:hover { color: var(--oranje) !important; } */ .wp-block-group-blog li.wp-block-post hr { display: none; } @media only screen and (max-width: 767.98px) { .page-single .post-image img { float: unset; width: unset; height: 280px; padding-left: 0; margin-bottom: 2rem; display: none; } } #wpforms-767-field_28-container, #wpforms-767-field_19-container, #wpforms-767-field_29-container { padding: 0; } /* 5 stappen */ .vijf_stappen { padding: 0px 0px; } .vijf_stappen-item { margin-bottom: 30px; } .vijf_stappen-item:last-child { margin-bottom: 0; } .vijf_stappen-item-inside { background: #f7f7f7; border-radius: 8px; } .vijf_stappen-item-title { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; } .vijf_stappen-item-title h3{ color: var(--donkerblauw)!important; } .vijf_stappen-item-content{ color: #222!important; } .vijf_stappen-badge { width: 42px; height: 42px; border-radius: 50%; background: var(--donkerblauw); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px; flex-shrink: 0; } .vijf_stappen-item-title h3 { margin: 0; } /* mobiel */ @media (max-width: 768px) { .vijf_stappen-item-text { padding: 30px; } div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"] { height: 18px !important; } div.wpforms-container-full .wpforms-form .wpforms-field { padding: 5px 0 !important; } #waardebepaling.modal { position: absolute; height: 200vh; } div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title { display: block !important; } } #waardebepaling.modal{ position: absolute; min-height:100vh; height: auto; } #waardebepaling .modal-content { box-shadow: 0 30px 40px rgba(0,0,0,0.6); } div.wpforms-container-full .wpforms-form textarea.wpforms-field-large { height: 110px !important; } /* Blog styling */ /* Main */ /* CTA */ .custom-cta-wrapper { position: relative; background: #fff; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-top: 3rem; margin-bottom: 3rem; width: 100vw; padding: 60px 40px; display: flex; justify-content: center; } .custom-cta-container { max-width: 1520px; width: 100%; padding: 0 20px; } .custom-cta { text-align: center; } .custom-cta h2 { margin-bottom: 1rem; margin-top: 0 !important; color: var(--donkerblauw)!important; } .custom-cta p { margin-bottom: 3rem; font-size: 1.1rem; color: var(--donkerblauw); } .cta-button { position: relative; margin-top: 2rem; padding: .65rem 5rem .65rem 1.5rem; background-color: var(--donkerblauw); border: 1px solid rgba(255, 255, 255, .2); border-radius: 50px; font-weight: 700; color: #fff; text-decoration: none !important; } .cta-button:after{ width: calc(21px + 2rem); height: 100%; position: absolute; top: 0; right: 0; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve' fill='%23ef7536'%3E%3Cpath d='M15,180h263.787l-49.394,49.394c-5.858,5.857-5.858,15.355,0,21.213C232.322,253.535,236.161,255,240,255s7.678-1.465,10.606-4.394l75-75c5.858-5.857,5.858-15.355,0-21.213l-75-75c-5.857-5.857-15.355-5.857-21.213,0c-5.858,5.857-5.858,15.355,0,21.213L278.787,150H15c-8.284,0-15,6.716-15,15S6.716,180,15,180z'/%3E%3C/svg%3E"); background-position: center; background-size: 37px 20px; background-repeat: no-repeat; border-left: 1px solid rgba(255, 255, 255, .2); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; display: inline-block; content: ''; } .cta-button:hover { background-color: var(--oranje); color: #fff; border-left: 1px solid var(--oranje); } .cta-button:hover:after{ background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve' fill='%23ffffff'%3E%3Cpath d='M15,180h263.787l-49.394,49.394c-5.858,5.857-5.858,15.355,0,21.213C232.322,253.535,236.161,255,240,255s7.678-1.465,10.606-4.394l75-75c5.858-5.857,5.858-15.355,0-21.213l-75-75c-5.857-5.857-15.355-5.857-21.213,0c-5.858,5.857-5.858,15.355,0,21.213L278.787,150H15c-8.284,0-15,6.716-15,15S6.716,180,15,180z'/%3E%3C/svg%3E"); } .page-id-946, .page-id-948 { background-color: #FFF; } .page-id-946 .wp-block-group.wp-block-group-content-image-image, .page-id-948 .wp-block-group.wp-block-group-content-image-image { background-color: #FFF; color: var(--donkerblauw); } .page-id-946 .wp-block-group.wp-block-group-content-image-image h2, .page-id-948 .wp-block-group.wp-block-group-content-image-image h2 { color: var(--donkerblauw); } .page-id-946 div.wpforms-container-full .wpforms-form input[type="date"], .page-id-946 div.wpforms-container-full .wpforms-form input[type="datetime"], .page-id-946 div.wpforms-container-full .wpforms-form input[type="datetime-local"], .page-id-946 div.wpforms-container-full .wpforms-form input[type="email"], .page-id-946 div.wpforms-container-full .wpforms-form input[type="month"], .page-id-946 div.wpforms-container-full .wpforms-form input[type="number"], .page-id-946 div.wpforms-container-full .wpforms-form input[type="password"], .page-id-946 div.wpforms-container-full .wpforms-form input[type="range"], .page-id-946 div.wpforms-container-full .wpforms-form input[type="search"], .page-id-946 div.wpforms-container-full .wpforms-form input[type="tel"], .page-id-946 div.wpforms-container-full .wpforms-form input[type="text"], .page-id-946 div.wpforms-container-full .wpforms-form input[type="time"], .page-id-946 div.wpforms-container-full .wpforms-form input[type="url"], .page-id-946 div.wpforms-container-full .wpforms-form input[type="week"], .page-id-946 div.wpforms-container-full .wpforms-form select, .page-id-946 div.wpforms-container-full .wpforms-form textarea, .page-id-948 div.wpforms-container-full .wpforms-form input[type="date"], .page-id-948 div.wpforms-container-full .wpforms-form input[type="datetime"], .page-id-948 div.wpforms-container-full .wpforms-form input[type="datetime-local"], .page-id-948 div.wpforms-container-full .wpforms-form input[type="email"], .page-id-948 div.wpforms-container-full .wpforms-form input[type="month"], .page-id-948 div.wpforms-container-full .wpforms-form input[type="number"], .page-id-948 div.wpforms-container-full .wpforms-form input[type="password"], .page-id-948 div.wpforms-container-full .wpforms-form input[type="range"], .page-id-948 div.wpforms-container-full .wpforms-form input[type="search"], .page-id-948 div.wpforms-container-full .wpforms-form input[type="tel"], .page-id-948 div.wpforms-container-full .wpforms-form input[type="text"], .page-id-948 div.wpforms-container-full .wpforms-form input[type="time"], .page-id-948 div.wpforms-container-full .wpforms-form input[type="url"], .page-id-948 div.wpforms-container-full .wpforms-form input[type="week"], .page-id-948 div.wpforms-container-full .wpforms-form select, .page-id-948 div.wpforms-container-full .wpforms-form textarea { color: var(--donkerblauw) !important; border-bottom: 1px solid var(--donkerblauw) !important; } .page-id-946 div.wpforms-container-full .wpforms-form .wpforms-field-label, .page-id-946 div.wpforms-container-full .wpforms-form .wpforms-field-label-inline, .page-id-946 div.wpforms-container-full .wpforms-form .wpforms-field-description, .page-id-946 div.wpforms-container-full .wpforms-form .wpforms-field-limit-text, .page-id-948 div.wpforms-container-full .wpforms-form .wpforms-field-label, .page-id-948 div.wpforms-container-full .wpforms-form .wpforms-field-label-inline, .page-id-948 div.wpforms-container-full .wpforms-form .wpforms-field-description, .page-id-948 div.wpforms-container-full .wpforms-form .wpforms-field-limit-text { color: var(--donkerblauw) !important; } /* Chrome, Safari, Edge */ .page-id-946 div.wpforms-container-full input::-webkit-input-placeholder, .page-id-946 div.wpforms-container-full textarea::-webkit-input-placeholder, .page-id-948 div.wpforms-container-full input::-webkit-input-placeholder, .page-id-948 div.wpforms-container-full textarea::-webkit-input-placeholder { color: var(--donkerblauw); opacity: 1; } /* Firefox 19+ */ .page-id-946 div.wpforms-container-full input::-moz-placeholder, .page-id-946 div.wpforms-container-full textarea::-moz-placeholder, .page-id-948 div.wpforms-container-full input::-moz-placeholder, .page-id-948 div.wpforms-container-full textarea::-moz-placeholder { color: var(--donkerblauw); opacity: 1; } /* IE 10-11 */ .page-id-946 div.wpforms-container-full input:-ms-input-placeholder, .page-id-946 div.wpforms-container-fulltextareat:-ms-input-placeholder, .page-id-948 div.wpforms-container-full input:-ms-input-placeholder, .page-id-948 div.wpforms-container-fulltextareat:-ms-input-placeholder { color: var(--donkerblauw); opacity: 1; } /* Microsoft Edge */ .page-id-946 div.wpforms-container-full input::-ms-input-placeholder, .page-id-946 div.wpforms-container-full textarea::-ms-input-placeholder, .page-id-948 div.wpforms-container-full input::-ms-input-placeholder, .page-id-948 div.wpforms-container-full textarea::-ms-input-placeholder { color: var(--donkerblauw); opacity: 1; } /* Standard */ .page-id-946 div.wpforms-container-full input::placeholder, .page-id-946 div.wpforms-container-full textarea::placeholder, .page-id-948 div.wpforms-container-full input::placeholder, .page-id-948 div.wpforms-container-full textarea::placeholder { color: var(--donkerblauw); opacity: 1; } .page-id-946 .wpforms-container .wpforms-form .wpforms-field-privacy-checkbox a, .page-id-948 .wpforms-container .wpforms-form .wpforms-field-privacy-checkbox a { color: var(--oranje); } .page-id-946 .wp-block-group-background { background-color: #e9e9e9; } .page-id-946 .wp-block-group.wp-block-group-content, .page-id-948 .wp-block-group.wp-block-group-content { background-color: #FFF; color: var(--donkerblauw); } .page-id-946 .wp-block-group.wp-block-group-content h2, .page-id-946 .wp-block-group.wp-block-group-content h3, .page-id-946 .wp-block-group.wp-block-group-content h4, .page-id-948 .wp-block-group.wp-block-group-content h2, .page-id-948 .wp-block-group.wp-block-group-content h3, .page-id-948 .wp-block-group.wp-block-group-content h4 { color: var(--donkerblauw); } .page-id-946 .footer, .page-id-948 .footer { background-color: #FFF; font-size: 1rem; color: var(--donkerblauw); border-top: 1px solid var(--donkerblauw); } .page-id-946 .footer a, .page-id-948 .footer a { color: var(--donkerblauw); } .page-id-946 .footer a:hover, .page-id-948 .footer a:hover { color: var(--oranje); } .page-id-946 .footer h5, .page-id-948 .footer h5 { font-size: 1.5rem; color: var(--donkerblauw); } .page-id-946 .footer svg.svg-brand .svg-nvm-1, .page-id-946 .footer svg.svg-brand .svg-nvm-business-1, .page-id-946 .footer svg.svg-brand .svg-mva-1, .page-id-946 .footer svg.svg-brand .svg-mva-expats-1, .page-id-946 .footer svg.svg-brand .svg-funda-1, .page-id-946 .footer svg.svg-brand .svg-funda-ib-1, .page-id-946 .footer svg.svg-brand .svg-funda-3, .page-id-946 .footer svg.svg-brand .svg-funda-ib-3, .page-id-946 .footer svg.svg-brand .svg-funda-ib-4, .page-id-946 .footer svg.svg-brand .svg-pararius-1, .page-id-946 .footer svg.svg-brand .svg-pararius-2, .page-id-946 .footer svg.svg-brand .svg-vbo-2, .page-id-946 .footer svg.svg-brand .svg-vastgoedcert-1, .page-id-946 .footer svg.svg-brand .svg-vastgoedcert-2, .page-id-946 .footer svg.svg-brand .svg-nwwi-2, .page-id-946 .footer svg.svg-brand .svg-tmi-1, .page-id-946 .footer svg.svg-brand .svg-tmi-2, .page-id-946 .footer svg.svg-brand .svg-nrvt-2, .page-id-946 .footer svg.svg-brand .svg-scvm-1, .page-id-946 .footer svg.svg-brand .svg-scvm-2, .page-id-946 .footer svg.svg-brand .svg-scvm-3, .page-id-946 .footer svg.svg-brand .svg-scvm-4, .page-id-946 .footer svg.svg-brand .svg-vastgoedpro-1, .page-id-946 .footer svg.svg-brand .svg-vastgoedpro-2, .page-id-946 .footer svg.svg-brand .svg-qualis-1, .page-id-946 .footer svg.svg-brand .svg-qualis-2, .page-id-946 .footer svg.svg-brand .svg-tophuis-1, .page-id-946 .footer svg.svg-brand .svg-regiobank-1, .page-id-948 .footer svg.svg-brand .svg-nvm-1, .page-id-948 .footer svg.svg-brand .svg-nvm-business-1, .page-id-948 .footer svg.svg-brand .svg-mva-1, .page-id-948 .footer svg.svg-brand .svg-mva-expats-1, .page-id-948 .footer svg.svg-brand .svg-funda-1, .page-id-948 .footer svg.svg-brand .svg-funda-ib-1, .page-id-948 .footer svg.svg-brand .svg-funda-3, .page-id-948 .footer svg.svg-brand .svg-funda-ib-3, .page-id-948 .footer svg.svg-brand .svg-funda-ib-4, .page-id-948 .footer svg.svg-brand .svg-pararius-1, .page-id-948 .footer svg.svg-brand .svg-pararius-2, .page-id-948 .footer svg.svg-brand .svg-vbo-2, .page-id-948 .footer svg.svg-brand .svg-vastgoedcert-1, .page-id-948 .footer svg.svg-brand .svg-vastgoedcert-2, .page-id-948 .footer svg.svg-brand .svg-nwwi-2, .page-id-948 .footer svg.svg-brand .svg-tmi-1, .page-id-948 .footer svg.svg-brand .svg-tmi-2, .page-id-948 .footer svg.svg-brand .svg-nrvt-2, .page-id-948 .footer svg.svg-brand .svg-scvm-1, .page-id-948 .footer svg.svg-brand .svg-scvm-2, .page-id-948 .footer svg.svg-brand .svg-scvm-3, .page-id-948 .footer svg.svg-brand .svg-scvm-4, .page-id-948 .footer svg.svg-brand .svg-vastgoedpro-1, .page-id-948 .footer svg.svg-brand .svg-vastgoedpro-2, .page-id-948 .footer svg.svg-brand .svg-qualis-1, .page-id-948 .footer svg.svg-brand .svg-qualis-2, .page-id-948 .footer svg.svg-brand .svg-tophuis-1, .page-id-948 .footer svg.svg-brand .svg-regiobank-1 { fill: var(--donkerblauw); } .page-id-946 .footer svg.svg-brand .svg-nwwi-3, .page-id-948 .footer svg.svg-brand .svg-nwwi-3 { fill: var(--donkerblauw); opacity: .4; } .page-id-946 .footer svg.svg-brand .svg-vbo-1, .page-id-946 .footer svg.svg-brand .svg-funda-2, .page-id-946 .footer svg.svg-brand .svg-funda-ib-2, .page-id-946 .footer svg.svg-brand .svg-nwwi-1, .page-id-946 .footer svg.svg-brand .svg-qualis-3, .page-id-948 .footer svg.svg-brand .svg-vbo-1, .page-id-948 .footer svg.svg-brand .svg-funda-2, .page-id-948 .footer svg.svg-brand .svg-funda-ib-2, .page-id-948 .footer svg.svg-brand .svg-nwwi-1, .page-id-948 .footer svg.svg-brand .svg-qualis-3 { fill: transparent; } .page-id-946 .footer svg.svg-brand .svg-nrvt-1, .page-id-948 .footer svg.svg-brand .svg-nrvt-1 { fill: var(--light); } .page-id-946 .wp-block-group.wp-block-group-steps .carousel, .page-id-948 .wp-block-group.wp-block-group-steps .carousel { /* width: calc(100vw - ((100vw - 1520px) / 2)); */ width: calc(100% + 2rem); /* width: 100%; */ margin-right: -2rem; } .page-id-946 .wp-block-group.wp-block-group-steps .carousel .carousel-control-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%2300224a'%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E"); } .page-id-946 .wp-block-group.wp-block-group-steps .carousel .carousel-control-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%2300224a'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E"); } .page-id-946 .wp-block-group.wp-block-group-banner .wp-block-group__inner-container, .page-id-948 .wp-block-group.wp-block-group-banner .wp-block-group__inner-container { padding-left: 0rem; padding-right: 0rem; } .page-id-946 .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image, .page-id-948 .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image { left: auto; right: 0; } .page-id-946 .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1), .page-id-948 .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) { padding: 10rem 15rem 10rem 0rem; } .page-id-946 .wp-block-group.wp-block-group-banner, .page-id-948 .wp-block-group.wp-block-group-banner { position: relative; background-color: var(--donkerblauw); background-image: url('data:image/svg+xml,image/svg+xml'); background-size: 300px; background-repeat: no-repeat; background-position: bottom left; padding-top: 0!important; padding-bottom: 0!important } .page-id-946 .wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-content, .page-id-948 .wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-content { min-height: 81px; } .page-id-948 .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) p:nth-child(2), .page-id-948 h1, .page-id-948 h2, .page-id-948 h3, .page-id-948 h4, .page-id-948 h5, .page-id-948 h6 { font-family: 'Poppins', sans-serif; font-weight: 500; } @media (min-width: 1200px) { .page-id-948 .h2, .page-id-948 h2 { font-size: 2.1rem; } } .page-id-948 .wp-block-group.wp-block-group-content-image-image.wp-block-group-form-image-image { background-color: #e9e9e9; } .flatpickr-calendar.open { display: inline-block; z-index: 9999999999 !important; }