/* Theme Name: Kek Makelaars Theme Theme URI: https://www.goesenroos.nl Author: Goes & Roos Author URI: https://www.goesenroos.nl Description: Kek Makelaars Theme Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: kek-makelaars-theme Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready */ body { font-family: "Nunito Sans", sans-serif; font-size: 1.1rem; font-weight: 500; color: var(--text); } h1, h2, h3, h4, h5, h6 { font-family: "Nunito Sans", sans-serif; color: var(--donkerblauw); font-weight: 700; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 300; } h2 { position: relative; margin-bottom: 2rem; font-size: 2.7rem; } h4 { font-size: 1.4rem; color: var(--blauw); margin-top: -2rem; text-transform: none; } @media (max-width: 767.98px) { h2 { font-size: 2rem; } } a { color: var(--blauw); text-decoration: underline; } a:hover, a:focus { color: var(--donkerblauw); } ::-moz-selection { background: var(--donkerblauw); color: #fff; } ::selection { background: var(--donkerblauw); color: #fff; } :root { --donker : #757776; --wit : #ffffff; --donkerblauw : #367ea0; --lichtblauw : #9ddfeb; --blauw : #95c8db; --roze : #f5d5be; --text : #757776; } p, li { line-height: 1.8; } @font-face { font-family: 'GT America Light'; font-style: normal; font-weight: 400; font-display: auto; src: url('fonts/GT-America-Standard-Light.woff2') format('woff2'), url('fonts/GT-America-Standard-Light.woff') format('woff'), url('fonts/GTAmerica-Lt.ttf') format('truetype'); } @font-face { font-family: 'GT America Regular'; font-style: normal; font-weight: 500; font-display: auto; src: url('fonts/GT-America-Extended-Regular-1.woff2') format('woff2'), url('fonts/GT-America-Extended-Regular.woff') format('woff'), url('fonts/GT-America-Extended-Regular.ttf') format('truetype'); } /* Default */ .wp-block-group { position: relative; padding-top: 7.5rem; padding-bottom: 7.5rem; } .wp-block-group .wp-block-group__inner-container { max-width: 1320px; 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-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; } /* Buttons */ .wp-block-button__link { background-color: transparent; border:1px solid; border-color: var(--lichtblauw); color: var(--donkerblauw); border-radius: 0; margin-top: 2rem; font-size: 0.9rem; } .wp-block-button__link:hover { background-color: var(--lichtblauw); } .btn-big .wp-block-button__link { background-color: var(--lichtblauw); font-size: 1.2rem; font-weight: 700; } .btn-big .wp-block-button__link:hover { background-color: var(--donkerblauw)!important; color: var(--wit) !important; } /* Forms */ div.wpforms-container-full { text-align: left; } .wpforms-field.wpforms-field-radio { border-bottom: 1px solid var(--donkerblauw)!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"] { height: 58px!important; padding-top: 1rem!important; padding-bottom: 1rem!important; background-color: transparent!important; border: 0!important; border-bottom: 1px solid var(--donkerblauw)!important; border-radius: 0!important; font-size: 1rem!important; color: var(--donkerblauw)!important; font-weight: 400!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: transparent!important; border: 0!important; border-bottom: 1px solid var(--donkerblauw)!important; font-size: 1rem!important; color: var(--donkerblauw)!important; font-weight: 400!important; } div.wpforms-container-full .wpforms-form input::placeholder, div.wpforms-container-full .wpforms-form textarea::placeholder { color: var(--donkerblauw); } 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: .35rem 1.5rem!important; background-color: var(--lichtblauw)!important; border: 1px solid var(--lichtblauw)!important; border-radius: 0!important; font-size: 1rem!important; color: var(--wit)!important; font-weight: 400!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: var(--donkerblauw)!important; border-color: var(--donkerblauw)!important; color: var(--wit)!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: var(--donkerblauw)!important; } div.wpforms-container-full .wpforms-form .wpforms-field-description { margin-top: 5px!important; } div.wpforms-container-full .wpforms-form .wpforms-one-fourth { width: calc(25% - 15px)!important; } /* Navigation */ .navbar:before { width: 100%; height: 100%; position: absolute; top: -100%; left: 0; background-color: #fbfbfc; box-shadow: 0 0 40px 0 rgba(0,0,0,0.075); -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; content: ''; } .navbar-toggler { background-color: var(--donkerblauw); } .navbar .navbar-brand { margin-right: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .navbar .navbar-brand svg { width: 150px; -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; fill: #fff; } .navbar .navbar-brand svg #path24, .navbar .navbar-brand svg #path26, .navbar .navbar-brand svg #path28, .navbar .navbar-brand svg #path30, .navbar .navbar-brand svg #path32, .navbar .navbar-brand svg #path34, .navbar .navbar-brand svg #path36, .navbar .navbar-brand svg #path38, .navbar .navbar-brand svg #path40 { fill: #fff !important; } .navbar.navbar-scroll .navbar-brand svg #path24, .navbar.navbar-scroll .navbar-brand svg #path26, .navbar.navbar-scroll .navbar-brand svg #path28, .navbar.navbar-scroll .navbar-brand svg #path30, .navbar.navbar-scroll .navbar-brand svg #path32, .navbar.navbar-scroll .navbar-brand svg #path34, .navbar.navbar-scroll .navbar-brand svg #path36, .navbar.navbar-scroll .navbar-brand svg #path38, .navbar.navbar-scroll .navbar-brand svg #path40 { fill: var(--blauw) !important; } .navbar-toggler .navbar-toggler-line { background-color: #fff; } .navbar .navbar-nav { width: 100%; } .navbar .navbar-nav .nav-link { margin-right: .5rem; color: var(--donkerblauw); font-weight: 700; } .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(--donkerblauw); } .navbar .navbar-nav .menu-item-205 { margin-left: auto; } .navbar .navbar-nav .menu-item-205 a { border: 1px solid var(--lichtblauw); padding-left: 20px; padding-right: 20px; } .navbar .navbar-nav .menu-item-205 a:hover{ background-color: var(--lichtblauw); color: var(--wit) !important; } .navbar .navbar-nav .menu-item-206 a { border: 1px solid transparent;} .navbar .navbar-nav .menu-item-206 a:hover{ background-color: var(--wit); color: var(--blauw) !important; border: 1px solid var(--wit); } .navbar .navbar-nav .menu-item-208-en .nav-link, .navbar .navbar-nav .menu-item-230-en .nav-link { margin-right: 0; } .navbar .navbar-nav .menu-item-208-en .nav-link, .navbar .navbar-nav .menu-item-230-en .nav-link, .navbar .navbar-nav .menu-item-208-nl .nav-link, .navbar .navbar-nav .menu-item-230-nl .nav-link { padding-top: calc(.5rem + 2px); } .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 .dropdown-menu { padding: .75rem; position: absolute; background-color: #fff; border: 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: #1b1c19; 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: #cc6319; } .navbar .dropdown-menu li { margin-right: 0!important; } .navbar .dropdown-menu li:last-of-type .dropdown-item { border-bottom: 0; } /* Color fix */ .page-id-87 .navbar .navbar-brand svg, .page-id-209 .navbar .navbar-brand svg, .single-woningen .navbar .navbar-brand svg { fill: #000; } .page-id-87 .navbar-toggler .navbar-toggler-line, .page-id-209 .navbar-toggler .navbar-toggler-line, .single-woningen .navbar-toggler .navbar-toggler-line { background-color: #000; } .page-id-87 .navbar .navbar-nav .nav-link, .page-id-209 .navbar .navbar-nav .nav-link, .single-woningen .navbar .navbar-nav .nav-link { color: #000; } .page-id-87 .navbar .navbar-nav .menu-item-200 .nav-link svg path, .page-id-87 .navbar .navbar-nav .menu-item-202 .nav-link svg path, .page-id-87 .navbar .navbar-nav .menu-item-231 .nav-link svg path, .page-id-209 .navbar .navbar-nav .menu-item-200 .nav-link svg path, .page-id-209 .navbar .navbar-nav .menu-item-202 .nav-link svg path, .page-id-209 .navbar .navbar-nav .menu-item-231 .nav-link svg path, .single-woningen .navbar .navbar-nav .menu-item-200 .nav-link svg path, .single-woningen .navbar .navbar-nav .menu-item-202 .nav-link svg path, .single-woningen .navbar .navbar-nav .menu-item-231 .nav-link svg path { stroke: #000; } .page-id-87 .navbar .navbar-nav .menu-item-234 .nav-link svg path, .page-id-87 .navbar .navbar-nav .menu-item-233 .nav-link svg path, .page-id-209 .navbar .navbar-nav .menu-item-234 .nav-link svg path, .page-id-209 .navbar .navbar-nav .menu-item-233 .nav-link svg path, .single-woningen .navbar .navbar-nav .menu-item-234 .nav-link svg path, .single-woningen .navbar .navbar-nav .menu-item-233 .nav-link svg path { fill: #000; } .page-id-87 .navbar .navbar-nav .nav-link.current-menu-item, .page-id-87 .navbar .navbar-nav .nav-link.current-menu-parent, .page-id-87 .navbar .navbar-nav .nav-link:hover, .page-id-87 .navbar .navbar-nav .nav-link:focus, .page-id-209 .navbar .navbar-nav .nav-link.current-menu-item, .page-id-209 .navbar .navbar-nav .nav-link.current-menu-parent, .page-id-209 .navbar .navbar-nav .nav-link:hover, .page-id-209 .navbar .navbar-nav .nav-link:focus, .single-woningen .navbar .navbar-nav .nav-link.current-menu-item, .single-woningen .navbar .navbar-nav .nav-link.current-menu-parent, .single-woningen .navbar .navbar-nav .nav-link:hover, .single-woningen .navbar .navbar-nav .nav-link:focus { color: var(--roze); } .navbar.navbar-scroll { padding-top: 1rem!important; padding-bottom: 1rem!important; } .navbar.navbar-scroll:before { top: 0; } .navbar.navbar-scroll .navbar-brand svg { width: 100px; fill: var(--roze); } .navbar.navbar-scroll .navbar-nav .nav-link { color: var(--donkerblauw); } .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 { color: var(--blauw); } .navbar.navbar-scroll .navbar-nav .menu-item-200 .nav-link svg path, .navbar.navbar-scroll .navbar-nav .menu-item-231 .nav-link svg path, .navbar.navbar-scroll .navbar-nav .menu-item-202 .nav-link svg path, .navbar.navbar-scroll .navbar-nav .menu-item-232 .nav-link svg path { stroke: #7c7262; } .navbar.navbar-scroll .navbar-nav .menu-item-234 .nav-link svg path, .navbar.navbar-scroll .navbar-nav .menu-item-233 .nav-link svg path { fill: #7c7262; } .navbar.navbar-scroll .navbar-collapse { position: relative; } @media (max-width: 991.98px) { .navbar:before { background-color: var(--roze); } /*.navbar .navbar-brand { margin-right: 0; position: relative; top: 0; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }*/ .navbar .navbar-brand svg { width: 100px; } .navbar .navbar-collapse { width: 100%; min-height: 100vh; position: fixed; top: 0; left: 0; padding: 7rem 2.5rem 2.5rem 2.5rem; background-color: var(--roze); } .navbar .navbar-nav { display: block; } .navbar .navbar-nav .menu-item-200 { margin-left: 0; } .navbar .navbar-nav .nav-link { margin-right: 0; font-size: 1.2rem; text-align: center; } .page-id-87 .navbar .navbar-nav .nav-link, .single-woningen .navbar .navbar-nav .nav-link { color: #e8dcc0; } .page-id-87 .navbar .navbar-nav .nav-link.current-menu-item, .page-id-87 .navbar .navbar-nav .nav-link.current-menu-parent, .page-id-87 .navbar .navbar-nav .nav-link:hover, .page-id-87 .navbar .navbar-nav .nav-link:focus, .single-woningen .navbar .navbar-nav .nav-link.current-menu-item, .single-woningen .navbar .navbar-nav .nav-link.current-menu-parent, .single-woningen .navbar .navbar-nav .nav-link:hover, .single-woningen .navbar .navbar-nav .nav-link:focus { color: #fff; } .navbar.navbar-scroll .navbar-toggler .navbar-toggler-line { background-color: #e8dcc0; } .navbar.navbar-scroll .navbar-collapse { position: fixed; } .navbar.navbar-scroll .navbar-brand svg { width: 100px; fill: #fff; } .navbar.navbar-scroll .navbar-nav .nav-link { color: #e8dcc0; } .navbar.navbar-scroll .navbar-nav .menu-item-200 .nav-link svg path, .navbar.navbar-scroll .navbar-nav .menu-item-202 .nav-link svg path { stroke: #e8dcc0; } .navbar.navbar-scroll .navbar-nav .menu-item-234 .nav-link svg path, .navbar.navbar-scroll .navbar-nav .menu-item-233 .nav-link svg path { fill: #e8dcc0; } .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 { color: #fff; } } /* Slider */ .page-slider { height: 800px; } .page-template-gnr-plugin-public-properties-page .page-slider { display: none; } .home .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:after { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; /* background-color: #000;*/ opacity: .3; content: ''; } .home .page-slider .carousel .carousel-item:after { background-color: transparent; } .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 { font-size: 3rem; color: #fbfbfc; } .home .page-slider .page-slider-info .page-slider-text h1 { line-height: 1.1; font-size: 3.5rem; color: #fbfbfc; letter-spacing: 13px; font-weight: 400; text-transform: uppercase; } .home .page-slider .page-slider-info .page-slider-text h1 span { position: relative; top: -5px; font-size: 1.2rem; vertical-align: middle; letter-spacing: 0; } .page-slider .page-slider-info .page-slider-text p { color: #fbfbfc; } .home .page-slider .page-slider-info .page-slider-text p { line-height: 1.4; font-size: 1.5rem; font-weight: 400; text-transform: uppercase; letter-spacing: 6px; } @media (max-width: 767.98px) { .page-slider, .home .page-slider { height: 600px; } .page-slider .page-slider-info .page-slider-text h1, .home .page-slider .page-slider-info .page-slider-text h1 { font-size: 2.25rem; } .home .page-slider .page-slider-info .page-slider-text h1 span { margin-top: .5rem; font-size: 1rem; display: block; } .home .page-slider .page-slider-info .page-slider-text p { font-size: 1rem; } } @media (min-width: 768px) and (max-width: 991.98px) { .page-slider, .home .page-slider { height: 800px; } .home .page-slider .page-slider-info .page-slider-text h1 span { margin-top: .5rem; display: block; } } /* About */ .wp-block-group.wp-block-group-about { /* background-color: var(--blauw);*/ color: var(--donkerblauw); background: linear-gradient( to right, var(--roze) 0%, var(--roze) calc(50% - 337px), var(--blauw) calc(50% - 337px), var(--blauw) 100% ); overflow: hidden; } .wp-block-group.wp-block-group-about:after { width: 610px; height: 250px; background-size: cover; position: absolute; top: 50%; right: -600px; -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; content: ''; } .wp-block-group.wp-block-group-about table td { border: 0; } .wp-block-group.wp-block-group-about table td:nth-of-type(3){ text-align: left; } .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column { position: relative; } .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column:nth-of-type(1) h2 { max-width: 60%; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); margin-bottom: 0; color: var(--wit); } .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column .wp-block-image { position: relative; padding-right: 10rem; } .page-id-7 .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column .wp-block-image, .page-id-215 .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column .wp-block-image { padding-right: 3rem; } .page-id-7 .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column .wp-block-image:after, .page-id-215 .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column .wp-block-image:after { width: 150px; height: 65px; position: absolute; top: 1rem; left: 1rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 3842 1590' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1842.000,1.000 C2107.368,-4.069 2297.533,168.734 2372.000,356.000 C2415.664,465.803 2421.229,622.200 2375.1000,735.1000 C2311.900,897.282 2191.232,1015.044 2019.1000,1068.1000 C1984.067,1080.323 1945.564,1082.861 1903.1000,1089.1000 C1888.668,1089.1000 1873.332,1089.1000 1857.1000,1089.1000 C1838.002,1089.000 1817.998,1087.1000 1798.000,1086.1000 C1746.839,1077.705 1700.857,1068.588 1658.1000,1052.000 C1499.111,988.635 1385.258,871.809 1333.000,700.1000 C1315.685,644.403 1303.381,542.352 1316.1000,468.1000 C1323.990,431.348 1330.335,396.197 1342.1000,364.000 C1403.877,209.235 1517.497,95.095 1672.000,34.000 C1705.053,20.930 1741.718,13.550 1779.1000,6.000 C1800.665,4.334 1821.335,2.667 1842.000,1.000 ZM3220.1000,18.000 C3267.329,148.987 3313.671,280.013 3359.1000,411.000 C3444.553,627.342 3520.512,853.218 3604.1000,1066.1000 C3607.1000,1079.665 3611.000,1092.335 3613.1000,1104.1000 C3649.884,1198.804 3681.487,1298.790 3729.1000,1381.1000 C3751.811,1419.410 3772.506,1457.270 3796.1000,1491.1000 C3811.998,1510.998 3827.001,1530.002 3841.1000,1548.1000 C3804.276,1555.610 3752.217,1576.265 3715.1000,1550.1000 C3668.929,1518.163 3644.437,1403.635 3621.000,1344.000 C3554.673,1166.351 3488.327,988.649 3422.000,810.1000 C3258.350,810.1000 3094.650,810.1000 2930.1000,810.1000 C2847.342,1008.980 2763.658,1207.020 2679.1000,1404.1000 C2656.206,1461.005 2611.199,1570.374 2520.1000,1554.000 C2421.868,1536.005 2393.746,1418.733 2357.1000,1337.000 C2345.217,1307.772 2317.728,1234.066 2270.1000,1244.000 C2222.048,1254.406 2214.914,1323.336 2198.000,1367.000 C2176.140,1423.432 2146.127,1477.141 2092.1000,1501.1000 C2045.215,1524.360 1974.907,1518.507 1927.1000,1499.1000 C1875.156,1479.150 1828.465,1454.538 1782.000,1426.1000 C1744.129,1404.555 1705.188,1378.019 1654.1000,1369.000 C1580.678,1355.644 1517.274,1456.735 1487.000,1494.1000 C1443.145,1550.431 1357.342,1610.840 1252.1000,1581.1000 C1210.745,1570.321 1173.782,1550.680 1142.000,1527.1000 C1029.011,1447.367 1030.422,1345.006 1003.000,1182.1000 C1001.000,1150.003 998.1000,1116.997 997.000,1084.000 C997.000,1005.008 997.000,925.992 997.000,847.000 C991.624,813.834 1001.061,780.367 978.000,766.000 C939.675,742.124 864.566,764.518 810.1000,755.1000 C647.683,755.1000 484.317,755.1000 321.000,755.1000 C261.202,755.997 145.020,744.555 123.000,780.000 C105.872,807.570 113.998,925.685 114.000,972.1000 C114.667,1116.319 115.333,1259.681 116.000,1402.1000 C120.554,1429.135 129.318,1451.685 139.000,1473.1000 C143.583,1484.563 153.606,1487.690 155.000,1501.1000 C151.765,1508.784 146.920,1517.105 140.000,1520.000 C127.220,1525.347 18.617,1519.137 10.000,1514.1000 C-0.754,1470.086 19.751,1425.300 28.000,1383.1000 C28.667,1362.002 29.333,1339.998 29.1000,1317.1000 C30.333,1285.670 30.667,1253.330 31.000,1221.000 C31.333,952.027 31.667,682.973 32.000,413.1000 C31.667,347.340 31.333,280.660 31.000,214.000 C26.591,186.889 32.658,159.310 28.000,135.000 C24.287,115.623 -2.247,45.759 0.1000,37.000 C9.647,20.215 138.126,23.779 150.1000,37.000 C150.544,62.740 133.993,79.687 126.000,98.1000 C122.667,112.999 119.333,127.001 116.000,141.000 C115.333,265.321 114.667,389.679 114.000,513.1000 C113.997,560.329 105.084,660.066 123.000,689.000 C144.920,724.400 248.684,699.895 301.000,707.1000 C466.650,707.1000 632.350,707.1000 798.000,707.1000 C841.074,708.002 959.140,714.136 981.1000,698.000 C1006.387,680.786 997.929,575.537 998.000,531.000 C997.667,401.680 997.333,272.320 997.000,143.000 C993.189,119.932 964.937,51.318 969.1000,38.000 C979.591,19.230 1105.266,23.923 1122.1000,34.1000 C1128.371,57.932 1097.360,89.756 1090.000,114.000 C1077.544,155.029 1089.434,213.507 1082.000,262.000 C1082.333,537.639 1082.667,813.361 1082.1000,1088.1000 C1082.1000,1136.995 1082.1000,1185.005 1082.1000,1232.1000 C1084.333,1252.998 1085.667,1273.002 1087.000,1292.1000 C1097.973,1356.027 1108.671,1411.354 1139.000,1453.1000 C1186.294,1520.501 1301.014,1563.333 1394.000,1508.1000 C1497.944,1448.265 1514.619,1338.215 1663.1000,1314.1000 C1701.120,1309.231 1737.693,1324.014 1761.1000,1333.1000 C1828.607,1361.363 1888.394,1396.762 1949.000,1431.1000 C1978.365,1449.074 2030.994,1475.417 2076.000,1456.1000 C2144.197,1429.094 2163.085,1328.093 2186.000,1255.000 C2198.980,1213.596 2207.796,1163.882 2245.1000,1148.000 C2311.872,1120.615 2343.644,1178.698 2360.000,1219.1000 C2390.874,1297.964 2418.103,1391.353 2467.000,1452.1000 C2481.239,1470.952 2509.083,1494.296 2545.1000,1484.1000 C2579.828,1476.482 2605.349,1434.142 2621.1000,1406.1000 C2674.598,1321.262 2710.195,1216.142 2751.000,1120.000 C2907.651,752.703 3064.349,385.297 3220.1000,18.000 ZM1840.1000,43.1000 C1822.335,45.333 1803.665,46.667 1784.1000,48.000 C1749.099,54.090 1713.441,58.224 1683.000,70.000 C1550.381,121.301 1469.926,229.180 1420.000,363.000 C1385.321,455.954 1388.779,597.638 1415.1000,694.1000 C1463.064,863.335 1550.667,977.076 1715.1000,1027.000 C1764.993,1041.794 1840.059,1056.095 1906.000,1045.1000 C1944.563,1040.097 1979.972,1037.267 2013.000,1027.000 C2150.699,984.193 2238.697,879.200 2290.000,750.000 C2304.166,714.326 2313.952,675.524 2322.000,634.000 C2340.889,536.541 2319.681,425.549 2291.1000,354.000 C2220.438,169.025 2096.803,44.698 1840.1000,43.1000 ZM3200.1000,196.1000 C3140.673,333.986 3080.327,471.014 3019.1000,607.1000 C2999.002,655.995 2977.998,704.005 2956.1000,751.1000 C3104.652,751.1000 3252.348,751.1000 3399.1000,751.1000 C3399.1000,751.667 3399.1000,751.333 3399.1000,751.000 C3354.338,626.013 3308.662,500.988 3262.1000,376.000 C3242.335,316.339 3221.665,256.661 3200.1000,196.1000 Z'/%3E%3C/svg%3E"); background-size: 150px auto; background-repeat: no-repeat; content: ''; } .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column:nth-of-type(2) { padding-left: 5rem; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; text-align: center; } /*.page-id-7 .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column:nth-of-type(2), .page-id-215 .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column:nth-of-type(2) { padding-left: 3rem; }*/ .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column:nth-of-type(2) h2 { color: var(--donkerblauw); text-transform: none; } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column:nth-of-type(1) h2 { width: 100%; max-width: 90%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column .wp-block-image { padding-right: 0; } .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column:nth-of-type(2) { padding-left: 0; } } @media (min-width: 768px) and (max-width: 991.98px) { .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column .wp-block-image { padding-right: 5rem; } .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column:nth-of-type(1) h2 { max-width: 80%; } .wp-block-group.wp-block-group-about .wp-block-columns .wp-block-column:nth-of-type(2) { /* padding-left: 2rem;*/ } } /* Content extra */ .wp-block-group.wp-block-group-content-extra { background-color: var(--roze); color: #fbfbfc; text-align: center; } .wp-block-group.wp-block-group-content-extra .wp-block-columns .wp-block-column:nth-of-type(1) .wp-block-columns .wp-block-column:nth-of-type(1) { position: relative; display: flex; align-content: flex-end; flex-wrap: wrap; } .wp-block-group.wp-block-group-content-extra .wp-block-columns .wp-block-column:nth-of-type(1) .wp-block-columns .wp-block-column:nth-of-type(1) h2 { width: calc(100% + 100px); position: absolute; bottom: 0; left: 0; margin-bottom: 0; color: #fbfbfc; } .wp-block-group.wp-block-group-content-extra .wp-block-columns .wp-block-column:nth-of-type(1) .wp-block-group { width: 80%; padding-top: 10rem; padding-bottom: 0; } .wp-block-group.wp-block-group-content-extra .wp-block-columns .wp-block-column:nth-of-type(1) .wp-block-group .wp-block-group__inner-container { padding-left: 0; padding-right: 0; } .wp-block-group.wp-block-group-content-extra .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(2) .wp-block-image { width: 100%; height: 100%; position: relative; } .wp-block-group.wp-block-group-content-extra .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(2) .wp-block-image:after { width: 350px; height: 145px; position: absolute; bottom: 2rem; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); background-image: url('data:image/svg+xml,'); background-size: 350px auto; background-repeat: no-repeat; content: ''; opacity: 0.2; } .wp-block-group.wp-block-group-content-extra .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(2) .wp-block-image img { width: 100%; height: 100%; object-fit: cover; } .wp-block-group.wp-block-group-content-extra .wp-block-columns .wp-block-column p:last-of-type a { background-color: transparent; border-color: var(--lichtblauw); color: var(--lichtblauw); } .wp-block-group.wp-block-group-content-extra .wp-block-columns .wp-block-column p:last-of-type a:hover, .wp-block-group.wp-block-group-content-extra .wp-block-columns .wp-block-column p:last-of-type a:focus { background-color: var(--lichtblauw); color: var(--roze); } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-content-extra .wp-block-columns .wp-block-column:nth-of-type(1) .wp-block-columns .wp-block-column:nth-of-type(1) h2 { width: 100%; } .wp-block-group.wp-block-group-content-extra .wp-block-columns .wp-block-column:nth-of-type(1) .wp-block-group { width: 100%; padding-top: 2.5rem; } } /* Content image */ .wp-block-group.wp-block-group-content-image, .wp-block-group.wp-block-group-image-content { padding-top: 0; padding-bottom: 0; background-color: var(--lichtblauw); } .wp-block-group.wp-block-group-content-image .wp-block-group__inner-container, .wp-block-group.wp-block-group-image-content .wp-block-group__inner-container { max-width: none; padding-left: 0; padding-right: 0; } .wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-of-type(2), .wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-of-type(1) { position: relative; } .wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-of-type(1), .wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-of-type(2) { padding: 10rem 10vw; text-align: center; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; flex-direction: column; box-sizing: border-box; } .wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image, .wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-of-type(1) .wp-block-image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image img, .wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-of-type(1) .wp-block-image img { width: 100%; height: 100%; object-fit: cover; } .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 .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: #f5f1eb; 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 (min-width: 768px) and (max-width: 991.98px) { .wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-of-type(1), .wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-of-type(2) { padding-left: 5vw; padding-right: 5vw; } } /* Content image extra */ .wp-block-group.wp-block-group-content-image-extra { padding-top: 7rem; padding-bottom: 7rem; background-color: #fff; } .wp-block-group.wp-block-group-content-image-extra .wp-block-group__inner-container { padding-left: 0; padding-right: 0; } .wp-block-group.wp-block-group-content-image-extra .wp-block-columns .wp-block-column:nth-of-type(1) { position: relative; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; flex-direction: column; } .wp-block-group.wp-block-group-content-image-extra .wp-block-columns .wp-block-column:nth-of-type(1):before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url('data:image/svg+xml,'); background-size: 200px auto; background-repeat: repeat; opacity: .1; content: ''; } .wp-block-group.wp-block-group-content-image-extra .wp-block-columns .wp-block-column:nth-of-type(1) .wp-block-group { width: 100%; max-width: 60%; background-color: #fbfbfc; padding: 5rem; text-align: center; } .wp-block-group.wp-block-group-content-image-extra .wp-block-columns .wp-block-column:nth-of-type(1) .wp-block-group .wp-block-group__inner-container { padding: 0; } .wp-block-group.wp-block-group-content-image-extra .wp-block-columns .wp-block-column:nth-of-type(2) { padding-top: 10rem; padding-bottom: 10rem; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; flex-direction: column; } .wp-block-group.wp-block-group-content-image-extra .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image img { width: auto; height: 450px; object-fit: cover; } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-content-image-extra .wp-block-columns .wp-block-column:nth-of-type(1) .wp-block-group { max-width: 90%; } .wp-block-group.wp-block-group-content-image-extra .wp-block-columns .wp-block-column:nth-of-type(2) { padding-top: 0; padding-bottom: 0; } .wp-block-group.wp-block-group-content-image-extra .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image img { width: 100%; height: auto; } } @media (min-width: 768px) and (max-width: 991.98px) { .wp-block-group.wp-block-group-content-image-extra .wp-block-columns .wp-block-column:nth-of-type(1) .wp-block-group { max-width: 90%; } } /* Intro */ .wp-block-group.wp-block-group-intro { background-color: #e6e5d1; text-align: center; } /* Services */ .wp-block-group.wp-block-group-services { color: var(--blauw); background: linear-gradient(to right, var(--donkerblauw) 0%, var(--donkerblauw) calc(50% - 336px), var(--blauw) calc(50% - 336px), var(--blauw) 100%); } .wp-block-group.wp-block-group-services .wp-block-group__inner-container { margin-left: auto; margin-right: auto; max-width: calc(100% - 10rem); } .wp-block-group.wp-block-group-services h2 { margin-bottom: 5rem; color: var(--lichtblauw); } .wp-block-group.wp-block-group-services .wp-block-columns { gap: 2em; padding: 5rem; background-color: var(--wit); } .wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column { position: relative; transition: all ease 0.5s; } .wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column .wp-block-image { margin-bottom: 0; position: relative; overflow: hidden; transition: all ease 0.5s; } .wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column .wp-block-image:before { width: 150px; height: 70px; background-size: cover; position: absolute; top: 50%; left: 30px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) rotate(-90deg); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; opacity: .0; z-index: 2; content: ''; } .wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:hover .wp-block-image:before { opacity: 1; } .wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column .wp-block-image:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: opacity .25s ease-in-out; background: linear-gradient(0deg,rgba(0,0,0,.6),transparent 70%); content: ''; } .wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column .wp-block-image img { height: 550px; } .wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column p:last-of-type { width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin-bottom: 0; display: inline; } .wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column p:last-of-type a { width: 100%; height: 100%; line-height: 1.2; margin-top: 0; padding: 2.5rem 2.5rem 5rem 2.5rem; background-color: transparent; font-size: 1.8rem; font-weight: 600; color: #fff; letter-spacing: 0; align-items: end; display: flex; text-decoration: none; } .wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column p:last-of-type a:after { width: 25px; height: 17px; position: absolute; bottom: 2.5rem; left: 2.5rem; background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' width='25' height='17' viewBox='0 0 25 17'%3E%3Cstyle%3E.st0%7Bfill:none;stroke:%23fff;stroke-width:3%7D%3C/style%3E%3Ctitle%3EGroup 3%3C/title%3E%3Cg id='Design'%3E%3Cg id='Home' transform='translate(-1223 -1763)'%3E%3Cg id='Group-4' transform='translate(1223 1764)'%3E%3Cg id='Group-3'%3E%3Cpath id='Path-2' class='st0' d='M15.5 14.5l7-7-7-7'/%3E%3Cpath id='Path-3' class='st0' d='M22.5 7.5H0'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -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-services .wp-block-columns .wp-block-column:hover .wp-block-image:after { background: linear-gradient(20deg,var(--blauw),transparent 70%); } .wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:hover .wp-block-image:before { bottom: -1px; } .wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:hover p:last-of-type a:after { left: 3.5rem; } @media (min-width: 768px) and (max-width: 1199.98px) { .wp-block-group.wp-block-group-services .wp-block-columns { flex-wrap: wrap!important; } .wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column { flex-basis: calc(50% - 2em); flex-grow: 0; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column .wp-block-image img { height: 450px; } .wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column p:last-of-type a { padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1.3rem; } .wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column p:last-of-type a:after { left: 1.5rem; } } /* services v2 */ .wp-block-group.wp-block-group-services.v2 { background:none; background-color: var(--roze); padding-top: 0; } .wp-block-group.wp-block-group-services.v2 .wp-block-columns { } .wp-block-group.wp-block-group-services.v2 .wp-block-columns { gap: 2em; padding: 0; background-color: var(--roze); } /* Contact */ body:not(.page-id-83)body:not(.page-id-211) .wp-block-group.wp-block-group-contact { padding-bottom: 0; } .wp-block-group.wp-block-group-contact .wp-block-columns { gap: 0; } .wp-block-group.wp-block-group-contact .wp-block-columns .wp-block-column:nth-of-type(1) { padding: 5rem 7.5rem; border-right: 1px solid #000; text-align: center; } .wp-block-group.wp-block-group-contact .wp-block-columns .wp-block-column:nth-of-type(1) p:last-of-type { margin-left: auto; margin-right: auto; display: table; } .wp-block-group.wp-block-group-contact .wp-block-columns .wp-block-column:nth-of-type(2) { padding-left: 7.5rem; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; flex-direction: column; } .wp-block-group.wp-block-group-contact .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image, .wp-block-group.wp-block-group-contact .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image img { width: auto; height: 400px; } /* .page-id-83 .wp-block-group.wp-block-group-contact .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image, .page-id-211 .wp-block-group.wp-block-group-contact .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image, .page-id-83 .wp-block-group.wp-block-group-contact .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image img, .page-id-211 .wp-block-group.wp-block-group-contact .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image img { width: auto; height: 300px; } */ @media (max-width: 767.98px) { .wp-block-group.wp-block-group-contact .wp-block-columns .wp-block-column:nth-of-type(1) { padding: 2.5rem; border-right: 0; } .wp-block-group.wp-block-group-contact .wp-block-columns .wp-block-column:nth-of-type(2) { padding-left: 0; } } @media (min-width: 768px) and (max-width: 991.98px) { .wp-block-group.wp-block-group-contact .wp-block-columns .wp-block-column:nth-of-type(1) { padding-left: 2.5rem; padding-right: 2.5rem; } .wp-block-group.wp-block-group-contact .wp-block-columns .wp-block-column:nth-of-type(2) { padding-left: 2.5rem; } } /* Name */ .wp-block-group.wp-block-group-name { background-color: #fbfbfc; } .wp-block-group.wp-block-group-name:before { width: 100%; height: 1px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background-color: #000; content: ''; } .wp-block-group.wp-block-group-name .wp-block-group__inner-container { position: relative; background-color: #fbfbfc; display: table; z-index: 2; } .wp-block-group.wp-block-group-name .wp-block-group__inner-container > h2 { line-height: 1.1; margin-bottom: 0; font-size: 4rem; font-family: 'GT America Light'; letter-spacing: 13px; font-weight: 400; text-transform: uppercase; text-align: center; } .wp-block-group.wp-block-group-name .wp-block-group__inner-container > h2 strong { position: relative; top: -6px; font-size: 1.2rem; vertical-align: middle; letter-spacing: 0; font-weight: 400; } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-name .wp-block-group__inner-container > h2 { line-height: 1.6; font-size: 2.5rem; } .wp-block-group.wp-block-group-name .wp-block-group__inner-container > h2 strong { display: block; } } /* Name banner */ .wp-block-group.wp-block-group-name-banner { padding-top: 3rem; padding-bottom: 3rem; background-color: var(--roze); border-bottom: 1px solid #fbfbfc; display: inline-block; white-space: nowrap; } .wp-block-group.wp-block-group-name-banner.wp-block-group-name-banner-blue { background-color: #5b6275; } .wp-block-group.wp-block-group-name-banner .wp-block-group__inner-container { max-width: none; display: inline-block; white-space: nowrap; } .wp-block-group.wp-block-group-name-banner .wp-block-group__inner-container > h2 { line-height: 1.1; margin-bottom: 0; margin-left: -3rem; font-size: 2rem; font-family: 'GT America Light'; letter-spacing: 13px; font-weight: 400; text-transform: uppercase; text-align: center; color: #fbfbfc; } .wp-block-group.wp-block-group-name-banner .wp-block-group__inner-container > h2 strong { position: relative; top: -3px; font-size: 1rem; vertical-align: middle; letter-spacing: 0; font-weight: 400; } .wp-block-group.wp-block-group-name-banner .wp-block-group__inner-container > h2 em { margin-right: 3rem; font-style: normal; } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-name-banner { text-align: center; display: block; } .wp-block-group.wp-block-group-name-banner .wp-block-group__inner-container > h2 { margin-left: 0; font-size: .9rem; text-align: center; } .wp-block-group.wp-block-group-name-banner .wp-block-group__inner-container > h2 em { margin-right: 0; } .wp-block-group.wp-block-group-name-banner .wp-block-group__inner-container > h2 strong { top: -1px; font-size: .6rem; } .wp-block-group.wp-block-group-name-banner .wp-block-group__inner-container > h2 em:not(:first-of-type) { display: none; } } /* Content */ .wp-block-group.wp-block-group-content { background-color: #5b6275; color: #fbfbfc; } .wp-block-group.wp-block-group-content h2 { color: #fbfbfc; } .wp-block-group.wp-block-group-content .wp-block-columns:nth-of-type(2) { margin-top: 3rem; } .wp-block-group.wp-block-group-content .wp-block-columns:nth-of-type(2) .wp-block-column { text-align: center; } .wp-block-group.wp-block-group-content .wp-block-columns:nth-of-type(2) .wp-block-column h3 { margin-bottom: 1rem; font-size: 1.5rem; color: #fbfbfc; } .wp-block-group.wp-block-group-content .wp-block-columns:nth-of-type(2) .wp-block-column .wp-block-image { width: 100%; height: 400px; margin-bottom: 2rem; } .wp-block-group.wp-block-group-content .wp-block-columns:nth-of-type(2) .wp-block-column .wp-block-image img { width: 100%; height: 100%; object-fit: cover; } /* Info */ .wp-block-group.wp-block-group-info { padding-top: 7rem; background-color: var(--roze); } .wp-block-group.wp-block-group-info .wp-block-group__inner-container { background-color: #fff; padding: 5rem; } .wp-block-group.wp-block-group-info .wp-block-columns { gap: 4em; } .wp-block-group.wp-block-group-info .wp-block-columns .wp-block-column h2 { margin-bottom: 3rem; } .wp-block-group.wp-block-group-info .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:nth-of-type(2) { display: flex; align-content: flex-end; flex-wrap: wrap; } .wp-block-group.wp-block-group-info .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-image { margin-bottom: 3rem; } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-info .wp-block-columns { gap: 2em; } } @media (min-width: 768px) and (max-width: 991.98px) { .wp-block-group.wp-block-group-info .wp-block-columns { gap: 2em; } .wp-block-group.wp-block-group-info .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:nth-of-type(2) { align-content: flex-start; } } @media (min-width: 992px) and (max-width: 1199.98px) { .wp-block-group.wp-block-group-info .wp-block-columns { gap: 2em; } } /* Info extra */ .wp-block-group.wp-block-group-info-extra { background-color: var(--roze); color: var(--donkerblauw); padding-top: 0; } .wp-block-group.wp-block-group-info-extra .wp-block-button__link { border-color: var(--donkerblauw); color: var(--donkerblauw); } .wp-block-group.wp-block-group-info-extra .wp-block-button__link:hover { background-color: var(--donkerblauw); color: var(--wit); } .wp-block-group.wp-block-group-info-extra .wp-block-columns { gap: 7em; } .wp-block-group.wp-block-group-info-extra .wp-block-columns .wp-block-column:nth-child(1) { padding-top: 5rem; padding-bottom: 5rem; } .wp-block-group.wp-block-group-info-extra .wp-block-columns .wp-block-column:nth-child(1) h2 { /* color: #fbfbfc;*/ } .wp-block-group.wp-block-group-info-extra .wp-block-columns .wp-block-column:nth-child(1) p:last-of-type a { background-color: transparent; border-color: var(--lichtblauw); color: var(--lichtblauw); } .wp-block-group.wp-block-group-info-extra .wp-block-columns .wp-block-column:nth-child(1) p:last-of-type a:hover, .wp-block-group.wp-block-group-info-extra .wp-block-columns .wp-block-column:nth-child(1) p:last-of-type a:focus { background-color: var(--lichtblauw); color: var(--roze); } .wp-block-group.wp-block-group-info-extra .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image:after { width: 350px; height: 145px; position: absolute; bottom: 2rem; right: -200px; background-image: url('data:image/svg+xml,'); background-size: 350px auto; background-repeat: no-repeat; content: ''; } .wp-block-group.wp-block-group-info-extra .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image, .wp-block-group.wp-block-group-info-extra .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image img { position: relative; height: 350px; } .wp-block-group.wp-block-group-info-extra .wp-block-columns .wp-block-column:nth-child(3) { display: flex; align-content: flex-end; flex-wrap: wrap; } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-info-extra .wp-block-columns { gap: 2em; } .wp-block-group.wp-block-group-info-extra .wp-block-columns .wp-block-column:nth-child(1) { padding-top: 0; padding-bottom: 0; } .wp-block-group.wp-block-group-info-extra .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image:after { width: 250px; height: 104px; right: 1rem; background-size: 250px auto; } } @media (min-width: 768px) and (max-width: 991.98px) { .wp-block-group.wp-block-group-info-extra .wp-block-columns { gap: 2em; } .wp-block-group.wp-block-group-info-extra .wp-block-columns .wp-block-column:nth-child(1) { padding-top: 0; padding-bottom: 0; } .wp-block-group.wp-block-group-info-extra .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-info-extra .wp-block-columns { gap: 2em; } .wp-block-group.wp-block-group-info-extra .wp-block-columns .wp-block-column:nth-child(1) { padding-top: 0; padding-bottom: 0; } } /* About */ .wp-block-group.wp-block-group-about-info { background-color: var(--wit); color:var(--text); } .wp-block-group.wp-block-group-about-info .wp-block-columns { gap: 8em; } .wp-block-group.wp-block-group-about-info .wp-block-columns .wp-block-column h2 { color: var(--donkerblauw); } .wp-block-group.wp-block-group-about-info .wp-block-columns .wp-block-column:nth-of-type(2) { position: relative; } .wp-block-group.wp-block-group-about-info .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .wp-block-group.wp-block-group-about-info .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image img { width: 100%; height: 100%; object-fit: cover; } .wp-block-group.wp-block-group-about-info .wp-block-columns .wp-block-column:nth-child(1) p:last-of-type a { background-color: transparent; border-color: var(--lichtblauw); color: var(--lichtblauw); } .wp-block-group.wp-block-group-about-info .wp-block-columns .wp-block-column:nth-child(1) p:last-of-type a:hover, .wp-block-group.wp-block-group-about-info .wp-block-columns .wp-block-column:nth-child(1) p:last-of-type a:focus { background-color: var(--lichtblauw); color: var(--roze); } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-about-info .wp-block-columns { gap: 2em; } .wp-block-group.wp-block-group-about-info .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image { position: relative; } } @media (min-width: 768px) and (max-width: 991.98px) { .wp-block-group.wp-block-group-about-info .wp-block-columns { gap: 2em; } } @media (min-width: 992px) and (max-width: 1199.98px) { .wp-block-group.wp-block-group-about-info .wp-block-columns { gap: 2em; } } /* Content extra */ .wp-block-group.wp-block-group-image-content-extra { background-color: #e6e5d1; } .wp-block-group.wp-block-group-image-content-extra .wp-block-columns { gap: 0; } .wp-block-group.wp-block-group-image-content-extra .wp-block-columns .wp-block-column:nth-of-type(1) { padding-right: 5rem; border-right: 1px solid #000; } .wp-block-group.wp-block-group-image-content-extra .wp-block-columns .wp-block-column:nth-of-type(2) { padding-left: 5rem; text-align: center; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; flex-direction: column; } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-image-content-extra .wp-block-columns { gap: 2em; } .wp-block-group.wp-block-group-image-content-extra .wp-block-columns .wp-block-column:nth-of-type(1) { padding-right: 0; } .wp-block-group.wp-block-group-image-content-extra .wp-block-columns .wp-block-column:nth-of-type(2) { padding-left: 0; } } @media (min-width: 768px) and (max-width: 991.98px) { .wp-block-group.wp-block-group-image-content-extra .wp-block-columns .wp-block-column:nth-of-type(1) { padding-right: 2.5rem; } .wp-block-group.wp-block-group-image-content-extra .wp-block-columns .wp-block-column:nth-of-type(2) { padding-left: 2.5rem; } } /* Propeties specials */ .wp-block-group.wp-block-group-objects { width: 100%; padding: 10rem 5rem; position: relative; } .wp-block-group-objects .wp-block-group__inner-container { max-width: 100%; } .properties-special .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; } .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; overflow: hidden; } .properties-special .object .object-image a:after { width: 150px; height: 70px; background-size: cover; position: absolute; top: 50%; left: 30px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) rotate(-90deg); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; -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-special .object .object-image a:hover:after, .properties-special .object .object-image a:focus:after { opacity: 1; } .properties-special .object:hover .object-image img { opacity: .3; } /* .properties-special .object .object-image:after { width: 48px; height: 48px; position: absolute; top: 1rem; right: 1rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48px' height='48px'%3E%3Cpath fill-rule='evenodd' fill='rgb(248, 246, 243)' d='M46.460,22.747 C46.72,22.747 45.757,22.433 45.757,22.45 L45.757,3.65 L1.24,47.799 L0.30,46.806 L44.764,2.72 L25.784,2.72 C25.397,2.72 25.82,1.757 25.82,1.370 C25.82,0.982 25.397,0.667 25.784,0.667 L45.742,0.667 C46.130,0.667 46.444,0.982 46.444,1.370 C46.444,1.376 46.441,1.382 46.441,1.389 C46.447,1.388 46.453,1.385 46.460,1.385 C46.848,1.385 47.162,1.699 47.162,2.87 L47.162,22.45 C47.162,22.433 46.848,22.747 46.460,22.747 Z'/%3E%3C/svg%3E"); content: ''; } */ .properties-special .object .object-image .object-image-info { width: 90%!important; background-color: #d1ad53; } .properties-special .object .object-address .object-street, .properties-special .object .object-address .object-housenumber, .properties-special .object .object-address .object-housenumber-addition { font-size: 1.4rem; color: var(--donkerblauw); font-weight: 700; } .properties-special .object .object-address .object-place { color: #13132a; } @media (max-width: 991.98px) { .properties-special .object { margin-bottom: 3rem; } } /* Properties */ /* Color */ .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 { background-color: var(--donkerblauw); } .properties-filter-extra .properties-filter-show, .properties-filter-extra .facetwp-sort .facetwp-sort-select, .properties-filter-v-search .facetwp-sort .facetwp-sort-select, .properties-filter-extra .facetwp-per-page .facetwp-per-page-select { background-color: #fff; padding: 18px 40px 20px 20px; color: var(--text); } .properties-filter .facetwp-checkbox.checked:before, .properties-filter .facetwp-radio.checked:before { background-color: var(--donkerblauw); border-color: var(--donkerblauw); } .properties-filter-more-close a { background-color: var(--donkerblauw); } .properties-filter-v-1 .facetwp-facet-zoeken.facetwp-type-fselect .fs-search { padding-top: 17px; padding-bottom: 17px; } .properties-filter-extra { margin-top: 122px; background-color: var(--roze); } .properties-filter-v-1 { background-color: var(--roze); } .properties-title h1 { line-height: 1.1; margin-bottom: 5rem; font-size: 4rem; color: var(--donkerblauw); } .properties-title .facetwp-counts { margin-top: 0; } .properties .object { position: relative; } .properties .object .object-image { position: relative; margin-bottom: 0!important; overflow: hidden; } .properties .object .object-image img { height: 600px; -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:hover .object-image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .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(--donkerblauw); font-size: .7rem; text-transform: uppercase; } .properties .object.object-status-beschikbaar .object-image .object-image-img:after { position: absolute; top: .5rem; left: .5rem; padding: .5rem 1rem; background-color: var(--donkerblauw); font-size: .7rem; text-transform: uppercase; text-align: center; color: #fff; content: 'Beschikbaar'; display: table; z-index: 4; } .properties .object .object-image .object-image-info { width: 450px!important; padding: 1rem 2rem!important; bottom: 75px; left: auto; right: 0; background-color: #fff; color: var(--donkerblauw); } .properties .object .object-image .object-image-tophuis { right: 0.5rem; left: auto; top: 0.5rem !important; } .properties .object .object-address { color: var(--donkerblauw)!important; } .properties .object .object-address .object-street, .properties .object .object-address .object-housenumber, .properties .object .object-address .object-housenumber-addition { font-family: 'Montserrat', sans-serif; font-size: 1.5rem; } .properties .object .object-address .object-place { color: #969696; } .properties .object .object-price { color: var(--donkerblauw)!important; } .properties .object .object-info { width: 450px; position: absolute; bottom: 30px; right: 0; padding: 0 2rem 1rem 2rem; background-color: #fff; z-index: 2; } .single-nieuwbouw .properties .object .object-info { position: relative!important; top: 30px!important; } .single-nieuwbouw .properties .object .object-image img { max-height: 320px!important; } .properties .object .object-features { width: 100%; margin-bottom: 0!important; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .properties .object .object-feature { width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; font-size: .8rem; letter-spacing: 1px; } .properties .object .object-feature > .row > .col-5 { display: none; } .properties .object .object-feature > .row > .col-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .properties .object-features .object-feature-info { line-height: 24px; } .properties .object-features .object-feature-totalekadestraleoppervlakte .object-feature-info:before, .properties .object-features .object-feature-woonoppervlakte .object-feature-info:before, .properties .object-features .object-feature-aantalkamers .object-feature-info:before { width: 40px; height: 30px; background-repeat: no-repeat; background-position: left 2px; background-size: auto 18px; display: table; float: left; content: ''; } .properties .object-features .object-feature-totalekadestraleoppervlakte .object-feature-info:before { background-image: url(images/perceel-oppervlakte.svg); } .properties .object-features .object-feature-woonoppervlakte .object-feature-info:before { background-image: url(images/woon-oppervlakte.svg); } .properties .object-features .object-feature-aantalkamers .object-feature-info:before { background-image: url(images/aantal-kamers.svg); } /* Layout fix */ @media (min-width: 991.98px) { .properties-filter-extra, .properties-filter-v-1, .properties { padding-left: 2.5rem; padding-right: 2.5rem; } } @media (max-width: 991.98px) { .properties { margin-top: 2rem; } .properties .object .object-image img { height: 300px; } .properties .object .object-image .object-image-info { width: 100%!important; position: relative!important; bottom: 0; left: 0; } .properties .object .object-info { width: 100%; position: relative; bottom: 0; right: 0; } } @media (min-width: 992px) and (max-width: 1599.98px) { .properties { padding-left: 1rem; padding-right: 1rem; } } /* Properties item */ .properties-item { position: relative; padding-top: 9rem; padding-left: 10rem; padding-right: 10rem; flex-direction: column; display: flex; } .properties-item:before { width: 40%; height: 100%; max-height: 770px; position: absolute; top: 0; right: 0; background-color: var(--donkerblauw); content: ''; z-index: -1; } .properties-item .object-detail-extra { order: 2; display: none; } .properties-item .object-detail-photos { order: 3; } .properties-item .object-detail-header { order: 4; } .properties-item .object-detail-navigation { order: 5; } .properties-item .object-detail-information { order: 7; } .properties-item .object-detail-features-extra { order: 1; } .properties-item .object-detail-features { order: 6; } .properties-item .object-detail-photos-full { order: 8; } .properties-item .object-detail-other-media { order: 9; } .properties-item .object-detail-types { order: 10; } .properties-item .object-detail-navigation li.list-object-navigation-description, .properties-item .object-detail-navigation li.list-object-navigation-features, .properties-item .object-detail-navigation li.list-object-navigation-all-photos { display: none; } .properties-item .object-detail-features-extra { width: 41.6666666667%; padding-left: 3rem; padding-right: 3rem; position: absolute; left: 0; margin-top: -250px; color: #fff; z-index: 3; } .properties-item .object-detail-features-extra .col-xl-2 { width: 25%; } .properties-item .object-detail-features-extra .object-features-highlight-icon svg { fill: #fff; } .properties-item .object-detail-photos-item { height: 280px; } .properties-item .object-features-highlight { border: 0; } @media (max-width: 767.98px) { .properties-item { padding-left: 0; padding-right: 0; } .properties-item:before { display: none; } .properties-item .object-detail-features-extra { display: none; } } /* propereties nieuwbouw */ .object-detail-types.properties .object, .object-detail-types.properties .object .object-image img { height: 300px; } .object.object-new-construction-items .object { height: auto; } @media(min-width: 1680px) { .object-detail-types.properties .col-md-5 { width: 25%; } } .properties-item .object.object-new-construction .object-view-items { color: var(--blauw); margin-top: 30px; } .properties-item .object.object-new-construction .object-view-items:before, .properties-item .object.object-new-construction .object-view-items:after { background-color: var(--donkerblauw); } .object-detail-types .object-image { margin-bottom: 0 !important; } .object-detail-types .object-info { padding-top: 3rem; } .properties-item .object-detail-types .object-image img{ height: 250px; } .properties-item .object.object-new-construction-items { background-color: #fff; height: auto; } .properties-item .object.object-new-construction-items .object-new-construction-item { border-bottom: 1px solid #f5f5f5; } .object-new-construction.object .object-info { left: 0; } .object-new-construction.object .object-price { margin-left: 0px; } .object-detail-types .object { background-color: #fff; } @media (max-width: 767.98px) { .properties-title { margin-top: 50px; } .properties-special .object .object-banner-info, .properties .object .object-banner-info { padding: 2rem 0; } .properties-filter-v-1 .properties-filter-header, .properties-filter .properties-filter-header, .properties-filter-more-options, .properties-filter-more-close { background-color: transparent; } /* .properties-filter-extra .properties-filter-show, .properties-filter-extra .facetwp-sort .facetwp-sort-select, .properties-filter-v-search .facetwp-sort .facetwp-sort-select, .properties-filter-extra .facetwp-per-page .facetwp-per-page-select { background-color: var(--groen); } */ .properties-filter-extra .facetwp-sort, .properties-filter-v-search .facetwp-sort, .properties-filter-extra .facetwp-per-page, .properties-filter-extra .facetwp-per-page { width: 100%; } } @media (min-width: 768px) and (max-width: 991.98px) { .properties-special .object .object-banner-info, .properties .object .object-banner-info { padding: 2rem 0; } } /* Team */ /*.wp-block-group.wp-block-group-team { background-color: var(--donker); }*/ .wp-block-group.wp-block-group-team { background-color: var(--roze); background-image: url('images/pattern-geel.jpg'); background-size: 800px; } .wp-block-group.wp-block-group-team a { color: var(--donkerblauw); } .wp-block-group.wp-block-group-team p { color: var(--donkerblauw); } .wp-block-group.wp-block-group-team p strong { color: var(--donkerblauw); text-transform: uppercase; } .wp-block-group.wp-block-group-team { position: relative; padding-top: 0rem; padding-bottom: 7em; padding-left: 10rem; padding-right: 10rem; color: var(--donkerblauw); } .wp-block-group.wp-block-group-team .wp-block-group__inner-container { position: relative; max-width: 1320px; } .wp-block-group.wp-block-group-team .wp-block-columns { gap: 2em; } .wp-block-group.wp-block-group-team .wp-block-columns .wp-block-column { background-color: var(--wit); padding: 3rem; margin-bottom: 2rem; } .wp-block-group.wp-block-group-team .wp-block-columns .wp-block-column:nth-child(2) { margin-top: 3rem; } .wp-block-group.wp-block-group-team .wp-block-columns .wp-block-column figure { margin: 0 0 1rem; } .wp-block-group.wp-block-group-team .wp-block-columns strong { font-size: 22px; display: block; } .column-left { width: 30%; display: inline-block; } .column-right { width: 69%; padding-left: 5rem; top: -50px; display: inline-block; position: relative; height: 0; } .column-right span { display: block; } /*.column-right span:last-of-type:after { background-color: var(--roze); width: 50px; height: 2px; content: ''; display: block; margin: 30px 0; }*/ .verhaal { display: block; width: 100%; } @media (max-width: 767.98px) { .wp-block-group.wp-block-group-team { padding-left: 1rem; padding-right: 1rem; } .wp-block-group.wp-block-group-team .wp-block-columns .wp-block-column:nth-child(1), .wp-block-group.wp-block-group-team .wp-block-columns .wp-block-column:nth-child(2), .wp-block-group.wp-block-group-team .wp-block-columns .wp-block-column:nth-child(3) { margin-top: 0; } } @media (min-width: 768px) and (max-width: 991.98px) { .wp-block-group.wp-block-group-team { padding-left: 1rem; padding-right: 1rem; } } /* Footer */ .footer { background-color: var(--donkerblauw); color: #fff; overflow: hidden; } .footer:after { width: 610px; height: 250px; background-size: cover; position: absolute; top: 50%; right: -600px; -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; content: ''; } .page-template-gnr-plugin-public-properties-page .footer { margin-top: 0; } .footer h5 { font-size: 1.2rem; color: #fff; } .footer a { color: #fff; } .footer a:hover, .footer a:focus { color: #bce3e8; } .footer li { line-height: 2; } .footer ul.list-navigation li a:before, .footer ul.list-social 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 #fff; border-width: 0 2px 2px 0; display: inline-block; content: ''; } .footer svg.svg-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: #fff; } .footer svg.svg-brand .svg-nwwi-3 { fill: #fff; 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); } .footer-copyright { background-color: #fff; padding-top: 1rem; padding-bottom: 1rem; font-size: .8rem; color: var(--lichtblauw); } .footer-copyright a { color: var(--lichtblauw); } .footer-copyright .col-12 { padding-top: 0!important; } .footer-extra { width: 300px; background-color: #c00031; top: -100px; right: 2rem; border-radius: 1.5rem; } .footer-extra h3 { color: #fff; } .footer-extra ul li a { width: 50px; height: 50px; background-color: #003457; border-radius: 50%; } .footer-extra ul li a svg { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .footer-extra ul li a:hover, .footer-extra ul li a:focus { background-color: #fff; } .footer-extra ul li a:hover svg path, .footer-extra ul li a:focus svg path { fill: #003457; } @media (max-width: 767.98px) { .footer { margin-top: 0; padding-top: 0!important; } .footer svg:not(.svg-brand) { width: 250px; } .footer-copyright { padding-bottom: 5rem; } .footer-extra { top: -120px; } } /* Announcement */ .announcement { max-width: 300px; bottom: 0; left: 1rem; z-index: 9999; } .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: #fff!important; box-shadow: none; } .announcement .announcement-image img { width: 100%; max-height: 140px; object-fit: cover; } .announcement h4 { line-height: 1.2; font-size: 1.3rem; margin-top: 0; } .announcement a.btn { margin-left: auto; margin-right: auto; display: table; } .announcement-info a { background-color: var(--blauw); color: var(--wit); padding: 7px 10px; margin-bottom: 10px; display: block; text-decoration: none; } .announcement .btn-announcement-close { width: 30px; height: 30px; background-color: #3a404a; 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); } @media (max-width: 767.98px) { .announcement { max-width: 160px; bottom: 0; left: 0; font-size: 13px; } .announcement h4 { font-size: 1rem; } .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; } } /* accordion */ .wp-block-group.wp-block-accordion .wp-block-columns .wp-block-column:nth-of-type(1) .accordion .accordion-item { background-color: transparent; border: 0; border-bottom: 1px solid var(--blauw); border-radius: 0; } .wp-block-group.wp-block-accordion .wp-block-columns .wp-block-column:nth-of-type(1) .accordion .accordion-item .accordion-header .accordion-button { background-color: transparent; border: 0; border-radius: 0; box-shadow: none; color: var(--donkerblauw); } .wp-block-group.wp-block-accordion .wp-block-columns .wp-block-column:nth-of-type(1) .accordion .accordion-item .accordion-header .accordion-button:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23367ea0'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .wp-block-group.wp-block-accordion .wp-block-columns .wp-block-column:nth-of-type(2) { position: relative; } .wp-block-group.wp-block-accordion .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .wp-block-group.wp-block-accordion .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-image img { width: 100%; height: 100%; object-fit: cover; } .wp-block-group.wp-block-group-banner { position: relative; background-color: var(--roze); background-image: ; background-repeat: no-repeat; background-position: bottom left } .wp-block-group.wp-block-group-banner .wp-block-group__inner-container { position: relative; max-width: 100%; padding-left: ; } .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 } .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: #fff; 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.wp-block-group-banner .wp-block-columns .wp-block-column a { display: block; } .wp-block-group.wp-block-group-banner .wp-block-columns .wp-block-column:nth-child(1) p:nth-child(2) a { color: #fff } .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: 1.5rem } } @media (min-width: 992px) and (max-width:1199.98px) { .home .wp-block-group.wp-block-group-banner { margin-top:8rem } }