/*
Theme Name: Van Hassel Makelaars theme
Theme URI: https://www.vanhasselmakelaars.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: vanhasselmakelaars
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/* Fonts */
@font-face {
font-family: 'Avenir Book';
src: url(https://www.vanhasselmakelaars.nl/wp-content/themes/vanhasselmakelaars/fonts/Avenir-Book.woff2) format("woff2");
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Journal';
src: url(https://www.vanhasselmakelaars.nl/wp-content/themes/vanhasselmakelaars/fonts/JOURNAL.woff2) format("woff2");
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Journal';
src: url(https://www.vanhasselmakelaars.nl/wp-content/themes/vanhasselmakelaars/fonts/JOURNAL.woff) format("woff2");
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Avenir Black';
src: url(https://www.vanhasselmakelaars.nl/wp-content/themes/vanhasselmakelaars/fonts/Avenir-Black.woff2) format("woff2");
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Avenir Heavy';
src: url(https://www.vanhasselmakelaars.nl/wp-content/themes/vanhasselmakelaars/fonts/Avenir-Heavy.woff2) format("woff2");
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Viktoria';
src: url(https://www.vanhasselmakelaars.nl/wp-content/themes/vanhasselmakelaars/fonts/Viktoria.woff2) format("woff2");
font-style: normal;
font-display: swap;
}
/* Colors */
:root {
--base: #edebea;
--primary: #124734;
--secondary: #124734;
--tertiary: #fff;
--quaternary: #edebea;
--quinary: #d8282f;
--light: #839990;
--font-color: #124734;
}
body {
background-color: #fff;
font-family: 'Avenir Book', sans-serif;
font-size: 1rem;
color: var(--font-color);
font-weight: 400;
overflow-x: hidden;
}
.bg-white,
.woningen-template-default {
background-color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.1;
font-family: 'Roboto', sans-serif;
font-size: 3rem;
color: var(--quinary);
font-weight: 700;
}
h2 {
margin-bottom: 2rem;
font-size: 2.5rem;
}
h3 {
margin-bottom: 2rem;
font-size: 1.6rem;
}
h4 {
margin-bottom: 2rem;
font-size: 1.4rem;
}
h6 {
margin-bottom: 2rem;
font-size: 1.4rem;
font-weight: 300;
margin-top: -2rem;
}
a {
color: var(--primary);
text-decoration: none;
text-decoration-thickness: 1px;
}
a:hover,
a:focus {
color: var(--primary);
}
::-moz-selection {
background: var(--primary);
color: #fff;
}
::selection {
background: var(--primary);
color: #fff;
}
.container {
max-width: 1520px;
}
b, strong {
font-weight: 700;
}
p,
li {
line-height: 1.8;
}
/*p.p-special {
font-family: 'Viktoria';
font-size: 4rem;
color: var(--primary);
}
p.p-special strong {
font-weight: normal;
color: var(--quinary);
}*/
.error404 .page-slider .page-slider-info .page-slider-text p {
display: none;
}
p.p-special {
font-family: 'Journal', sans-serif;
font-weight: 400;
font-size: 4rem;
color: var(--primary);
}
p.p-special strong {
font-size: 4rem;
font-weight: 400;
}
/*p.p-special {
font-family: 'Journal', sans-serif;
font-weight: 700;
font-size: 2rem;
color: var(--primary);
}
p.p-special strong {
font-family: 'Viktoria';
font-size: 4rem;
font-weight: normal;
color: var(--quinary);
}
p.p-special strong {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: bottom 23px left 25px;
background-size: 90px;
}*/
/*p.p-special strong:after {
content: '!';
display: inline-block;
}*/
@media (max-width: 767.98px) {
p.p-special {
font-size: 2rem;
}
}
/* 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;
}
p,
.wp-block-group .wp-block-column p {
font-size: 1.2rem;
}
.wp-block-image {
position: relative;
/*border-radius: .25rem;*/
}
.wp-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
/*border-radius: 0 1rem 1rem 1rem;*/
}
.wp-block-image-top img {
object-position: top;
}
.wp-block-image-bottom img {
object-position: bottom;
}
.wp-block-group-background {
background-color: var(--primary);
}
.wp-block-group-background-light {
background-color: var(--tertiary);
}
/* Buttons */
.wp-block-buttons .wp-block-button__link {
position: relative;
margin-top: 1rem;
padding: .5rem 1.5rem;
background-color: var(--quinary);
border-radius: 50px;
font-size: .9rem;
color: var(--tertiary);
font-weight: 700;
text-decoration: none !important;
text-transform: uppercase;
display: inline-block;
}
.wp-block-buttons .inverted .wp-block-button__link,
.wp-block-buttons .btn-green .wp-block-button__link,
.wp-block-buttons .wp-block-button__link:hover {
background-color: var(--primary);
}
.wp-block-group-slider-cta .wp-block-column:nth-of-type(2) .wp-block-buttons .wp-block-button__link {
background-color: var(--primary);
}
.wp-block-buttons .inverted .wp-block-button__link:hover {
background-color: var(--quinary);
color: #fff;
}
.wp-block-buttons .btn-green .wp-block-button__link:hover {
background-color: #fff;
color: var(--primary);
}
/*.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:not(:first-of-type) a,
.wp-block-post .wp-block-post-excerpt__more-text a,
.wp-block-query .wp-block-read-more,
.properties .object.object-banner .object-banner-info .object-banner-button a,
.facetwp-template .fwpl-layout .fwpl-result a.fwpl-btn */
.wp-block-group.wp-block-group-steps .wp-block-group__inner-container p:last-of-type a,
.footer p a {
position: relative;
margin-top: 1rem;
padding: .5rem 1.5rem;
background-color: var(--quinary);
border-radius: 50px;
font-size: .9rem;
color: var(--tertiary);
font-weight: 700;
text-decoration: none!important;
text-transform: uppercase;
display: inline-block;
}
.footer p a {
background-color: var(--secondary);
}
/*.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:not(:first-of-type) a:hover,
.wp-block-post .wp-block-post-excerpt__more-text a:hover,
.wp-block-query .wp-block-read-more:hover,
.properties .object.object-banner .object-banner-info .object-banner-button a:hover,
.facetwp-template .fwpl-layout .fwpl-result a.fwpl-btn:hover, */
.wp-block-group.wp-block-group-steps .wp-block-group__inner-container p:last-of-type a:hover,
.footer p a:hover {
background-color: var(--quinary);
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: var(--quaternary)!important;
border: 0!important;
border-radius: 50px!important;
font-size: .9rem!important;
color: var(--font-color)!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: var(--quaternary)!important;
border: 0!important;
font-size: .9rem!important;
color: var(--font-color)!important;
font-weight: 400!important;
}
div.wpforms-container-full .wpforms-form textarea {
border-radius: 1rem!important;
}
div.wpforms-container-full .wpforms-form textarea {
height: 160px!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: 1rem 1.5rem!important;
position: relative;
background-color: var(--secondary)!important;
border: 0!important;
border-radius: 50px!important;
font-size: .9rem!important;
color: var(--tertiary)!important;
font-weight: 600!important;
text-decoration: none!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: .9rem!important;
color: var(--font-color)!important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-description {
margin-top: 5px!important;
}
/* Navigation */
.navbar {
background-color: #fff;
padding-top: 1rem;
padding-bottom: 1rem;
}
.navbar .navbar-brand {
position: absolute;
width: auto;
padding: 1rem;
top: 0;
}
.dropdown:hover>.dropdown-menu {
display: block;
top: 100%;
left: 0;
margin-top: .125rem;
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: .125rem;
}
.navbar .navbar-frame .dropdown-menu:before {
width: 0;
height: 0;
position: absolute;
top: -8px;
left: 2rem;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid var(--quinary);
content: '';
display: block;
z-index: 1001;
}
.navbar .navbar-brand svg, .navbar .navbar-brand img {
max-height: 44px;
width: 100%;
text-align: center;
margin: 0 auto;
}
.navbar-toggler {
width: calc(34px + 2rem);
padding-left: 1rem!important;
padding-right: 1rem!important;
}
.navbar-toggler .navbar-toggler-line {
height: 2px;
background-color: var(--primary);
}
.navbar-toggler .navbar-toggler-line:nth-child(1),
.navbar-toggler .navbar-toggler-line:nth-child(2) {
margin-bottom: 4px;
}
.navbar-toggler.collapsed .navbar-toggler-line:nth-of-type(1),
.navbar-toggler.collapsed .navbar-toggler-line:nth-of-type(2) {
width: 31px
}
.navbar-toggler.collapsed .navbar-toggler-line:nth-of-type(3) {
width: 24px;
}
.navbar-toggler .navbar-toggler-line:nth-of-type(1) {
-webkit-transform: rotate(-45deg) translate(-4px, 4px);
-ms-transform: rotate(-45deg) translate(-4px, 4px);
transform: rotate(-45deg) translate(-4px, 4px);
}
.navbar .navbar-frame ul {
position: relative;
}
.navbar .navbar-frame ul.navbar-nav:before {
width: 1px;
height: calc(100% + 24px);
position: absolute;
top: -8px;
right: 0;
background-color: #e7e7e7;
content: '';
}
.navbar .navbar-frame .nav-item {
float: left;
}
.navbar .navbar-frame .nav-item .nav-link {
padding-left: 0.9rem;
padding-right: 0.9rem;
padding-bottom: .25rem;
font-size: 1rem;
font-weight: 600;
color: #222;
text-transform: uppercase;
}
.navbar .navbar-frame .nav-item .nav-link.current-menu-item,
.navbar .navbar-frame .nav-item .nav-link.current-menu-parent,
.navbar .navbar-frame .nav-item .nav-link:hover,
.navbar .navbar-frame .nav-item .nav-link:focus {
color: var(--primary);
}
.navbar .navbar-frame .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 var(--quinary);
content: '';
display: block;
z-index: 1001;
}
.dropdown-toggle::after {
margin-left: 6px;
padding: 2px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border: solid var(--primary);
border-width: 0 1px 1px 0;
}
.navbar .navbar-frame .dropdown-menu {
border-top:1px solid #fff;
padding: .75rem;
position: absolute;
background-color: var(--quinary);
border: 0;
/*border-radius: .75rem;*/
margin-top: 0px;
}
.navbar .navbar-frame .dropdown-menu li {
margin-right: 0;
float: none!important;
}
.navbar .navbar-frame .dropdown-item {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-top: .5rem;
padding-bottom: .5rem;
border-bottom: 1px solid var(--quinary);
font-size: .8rem;
color: #fff;
text-transform: none;
font-weight: 300;
}
.navbar .navbar-frame .dropdown-item:hover,
.navbar .navbar-frame .dropdown-item:focus {
background-color: transparent;
}
.navbar .navbar-frame .dropdown-menu li:last-of-type .dropdown-item {
border-bottom: 0;
}
.navbar .navbar-collapse {
width: 100vw;
height: 100vh;
padding-top: 150px;
top: 0;
right: -100vw;
background-color: var(--light);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
overflow: hidden;
display: block!important;
z-index: 999;
}
.navbar .navbar-collapse.open {
right: 0;
}
.navbar .navbar-collapse.open .navbar-collapse-main {
opacity: 1;
}
.navbar .navbar-collapse.collapsing {
height: 100vh!important;
}
.navbar .navbar-collapse-main {
width: calc(100% + 20px);
height: 100%;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size: .9rem;
overflow-y: scroll;
}
.navbar .navbar-collapse-main .navbar-collapse-container {
width: 100%;
max-width: 1320px;
margin-left: auto;
margin-right: auto;
}
.navbar .navbar-collapse-main {
font-size: 1rem;
}
.navbar .navbar-collapse-main h5 {
font-size: 1rem;
font-weight: 400;
letter-spacing: 1px;
color: #fff;
}
@media(max-width: 767px) {
.navbar .navbar-collapse-main,
.navbar .navbar-collapse-main a {
color: #fff;
font-weight: 700;
text-transform: uppercase;
padding-top: 5px;
padding-bottom: 5px;
}
.navbar .navbar-collapse-main a,
.navbar-collapse-container ul,
.navbar-collapse-container ul li a,
.navbar-collapse-container li {
width: 100%;
display: block;
}
.menu-item-has-children {
background-image: url('data:image/svg+xml,');
background-position: right top 5px;
background-repeat: no-repeat;
transition: all ease 0.5s;
}
.menu-item-has-children.open {
background-image:url('data:image/svg+xml,');
}
}
.dropdown-item:focus, .dropdown-item:hover {
background-color:var(--primary)!important;
}
.navbar-toggler.open {
background-color: transparent;
border-left-color: transparent;
}
.navbar-toggler.open .navbar-toggler-line {
background-color: var(--primary);
}
.navbar-nav .dropdown-menu {
background-color: var(--quinary);
border: 0;
}
.navbar.nav-collapse .dropdown-menu .nav-item:hover {
color: var(--primary);
}
.navbar .navbar-nav .menu-item-641 .nav-link,
.navbar .navbar-nav .menu-item-74 .nav-link, .navbar .navbar-nav .menu-item-75 .nav-link, .navbar .navbar-nav .menu-item-327 .nav-link {
width: 42px;
background-color: var(--quinary);
border-radius: 50%;
text-align: center;
}
.navbar .navbar-nav .menu-item-237 .nav-link {
margin-right: 0px;
padding-left: 0.9rem;
padding-right: 0.9rem;
background-color: var(--secondary);
border-radius: 50px;
color: var(--tertiary);
}
.navbar .navbar-nav .menu-item-641 .nav-link svg,
.navbar .navbar-nav .menu-item-74 .nav-link svg, .navbar .navbar-nav .menu-item-75 .nav-link svg, .navbar .navbar-nav .menu-item-327 .nav-link svg {
width: 16px;
position: relative;
top: -2px;
}
/* nav toggle mobile */
.navbar-collapse .menu-item-has-children > .sub-menu {
display: none;
padding-left: 1rem;
}
.navbar-collapse .menu-item-has-children.open > .sub-menu {
display: block;
}
/* end nav toggle mobile */
@media (min-width: 992px) {
.navbar-toggler {
display: none !important;
}
}
@media (max-width: 991.98px) {
.navbar {
background-color: #fff;
padding-top: 34px;
padding-bottom: 34px;
}
.navbar-toggler {
height: 66px;
padding-top: 0;
padding-bottom: 0;
position: absolute!important;
top: 0;
right: 0;
display: block !important;
}
.navbar .navbar-collapse {
padding-top: 110px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.navbar .navbar-frame {
padding-left: 15px;
}
.navbar .navbar-frame .nav-item .nav-link {
margin-left: .25rem;
margin-right: .25rem;
font-size: .9rem;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.navbar .navbar-frame .nav-item .nav-link {
margin-left: .5rem;
margin-right: .5rem;
}
}
.navbar .navbar-nav .nav-item {
margin-right: 1rem;
}
.navbar .navbar-nav .nav-link {
font-size: 1rem;
border-radius: 2rem;
color: #222;
font-weight: 500;
text-transform: uppercase;
}
.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 {
background-color: var(--primary);
color: #fff !important;
border-radius: 2rem;
transition: all ease 0.5s;
}
.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 var(--primary);
content: '';
display: block;
z-index: 1001;
}
.navbar .dropdown-menu {
padding: .75rem;
position: absolute;
background-color: var(--primary);
border: 0;
border-radius: .75rem;
}
.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 var(--quinary);
font-size: .9em;
color: #fff;
text-transform: none;
font-weight: 200;
}
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
background-color: transparent;
}
.navbar .dropdown-menu li {
margin-right: 0!important;
}
.navbar .dropdown-menu li:last-of-type .dropdown-item {
border-bottom: 0;
}
@media (max-width: 991.98px) {
.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: #000;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.navbar .navbar-nav .nav-item {
margin-right: .5rem;
}
}
@media (min-width: 1199.98px) and (max-width: 1610px) {
.navbar .navbar-nav .nav-item {
margin-right: .5rem;
}
}
/* Slider */
.page-slider {
height: 600px;
background-color: var(--quaternary);
}
.home .page-slider {
height: calc(100vh - 200px);
min-height: 500px;
}
.page-slider img.img-cover-top,
.page-slider video.img-cover-top {
object-position: top;
}
.page-slider img.img-cover-center,
.page-slider video.img-cover-center {
object-position: center;
}
.page-slider img.img-cover-bottom,
.page-slider video.img-cover-bottom {
object-position: bottom;
}
/*.page-slider .carousel .carousel-inner {
perspective: 900px;
}*/
.page-slider .carousel-item {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transform-style: preserve-3d;
}
.page-slider .page-slider-info {
z-index: 999;
background: -moz-linear-gradient(bottom, rgba(66,66,66,1) 0%, rgba(66,66,66,0) 100%);
background: -webkit-linear-gradient(bottom, rgba(66, 66, 66, 1) 0%, rgba(66, 66, 66, 0) 100%);
background: linear-gradient(to top, rgba(66, 66, 66, 0.75) 0%, rgba(66, 66, 66, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
padding-bottom: 3rem;
}
.page-slider .page-slider-info h2,
.page-slider .page-slider-info h1 {
line-height: 1.1;
font-size: 4.5rem;
color: #fff;
font-weight: 700;
text-shadow: 0 0 7px rgba(0,0,0,0.2);
}
.home .page-slider .page-slider-info h2,
.home .page-slider .page-slider-info h1 {
margin-bottom: 0!important;
padding-top: 1rem;
padding-bottom: 1rem;
border-top: 0px solid rgba(255,255,255,.3);
border-bottom: 0px solid rgba(255,255,255,.3);
}
.home .page-slider .page-slider-info .align-items-end {
padding-bottom: 70px !important;
}
.page-slider .page-slider-info-main p,
.page-slider .page-slider-info .page-slider-text {
font-size: 1.2rem;
color: var(--tertiary);
text-shadow: 0 0 7px rgba(0,0,0,0.2);
}
.home .page-slider .page-slider-info .page-slider-text p {
margin-bottom: 0!important;
padding-top: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(255,255,255,.3);
color: #fff;
}
.page-slider-info .page-slider-info-main {
color: #fff;
}
.page-slider .page-slider-info .page-slider-text p {
padding-left: 5px;
}
.page-slider .page-slider-info .page-slider-text p strong {
/*font-family: 'Viktoria', sans-serif;*/
font-weight: normal;
/*font-size: 2.3rem;*/
}
.slider-logo {
position: absolute;
top: 3rem;
left: 5rem;
z-index: 999;
}
.slider-logo svg {
width: 150px;
height: 200px;
}
.header-nvm {
display: block;
width: 26px;
position: absolute;
top: 5rem;
right: 5rem;
z-index: 999;
height: 50px;
transform: scale(1.4);
}
.header-nvm svg.svg-brand .svg-nvm-1 {
fill: #fff;
}
/* Slider CTA */
.wp-block-group.wp-block-group-slider-cta {
margin-top: -80px;
padding-top: 0;
z-index: 4;
}
.wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) {
padding: 3rem;
/*border-radius: 0 1rem 1rem 1rem;*/
}
.wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1):has(h2) {
background-color: rgba(18, 71, 52, 1);
}
.wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) h2 {
line-height: 1.2;
margin-bottom: 1rem;
font-size: 2rem;
color: var(--tertiary);
font-weight: 700;
}
.wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) a {
line-height: 24px;
/*padding: .5rem 1rem .5rem 2.5rem;*/
/*background-color: var(--quinary);*/
border-radius: 50px;
color: var(--tertiary);
font-weight: 700;
}
.wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) a:hover {
background-color: transparent;
}
.wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) a:after {
width: 15px;
height: 15px;
position: relative;
bottom: -0.15rem;
left: 0;
background-size: auto;
-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: '';
margin-left: 15px;
padding: 2px;
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
border: solid #fff;
border-width: 0 3px 3px 0;
border-radius: 2px;
}
.wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) a svg {
top: 50%;
left: 1rem;
-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 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: transparent;
color: #fff;
text-decoration: underline;
}
.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: var(--font-color);
}
.wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(2) {
padding: 3rem;
background-color: rgba(216, 40, 47,1);
/*border-radius: 0 1rem 1rem 1rem;*/
color: var(--tertiary);
}
.wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(2) h3 {
line-height: 1.2;
margin-bottom: 1rem;
font-size: 2rem;
color: var(--tertiary);
font-weight: 700;
}
.wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(2) p:last-of-type {
margin-bottom: 0;
}
.wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(2) p:last-of-type a {
margin-top: 0;
background-color: var(--secondary);
}
@media (max-width: 767.98px) {
.wp-block-group.wp-block-group-slider-cta {
position: relative;
padding-top: 5rem;
margin-top: 0;
}
.wp-block-group.wp-block-group-slider-cta .wp-block-group__inner-container {
padding-right: 1rem;
}
.home .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) {
padding: 1.5rem;
}
body:not(.home) .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(1) {
padding: 1.5rem;
}
.wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(2) {
padding: 1.5rem;
flex-basis: 40%!important;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body:not(.home ) .wp-block-group.wp-block-group-slider-cta .wp-block-columns .wp-block-column:nth-of-type(2) {
flex-basis: 50%!important;
}
}
/* Info */
.wp-block-group.wp-block-group-info > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(1) > .wp-block-columns {
height: 100%;
}
.wp-block-group.wp-block-group-info > .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 {
/*border-radius: 1rem;*/
}
.wp-block-group.wp-block-group-info > .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) {
position: relative;
}
.wp-block-group.wp-block-group-info > .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) .wp-block-image {
width: 100%;
height: 70%;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
content: '';
}
.wp-block-group.wp-block-group-info > .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) {
position: relative;
}
.wp-block-group.wp-block-group-info > .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) .wp-block-image:nth-of-type(1) {
width: 100%;
height: 40%;
position: absolute;
top: 0;
left: 0;
margin-bottom: 0;
}
.wp-block-group.wp-block-group-info > .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) .wp-block-image:nth-of-type(2) {
width: 100%;
height: calc(60% - 2rem);
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 0;
}
.wp-block-group.wp-block-group-info > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(2) {
padding-top: 7.5rem;
padding-bottom: 7.5rem;
padding-left: 3.5rem;
}
.wp-block-group.wp-block-group-info > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(2) p:last-of-type {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.wp-block-group.wp-block-group-info:after {
bottom: 1rem;
right: 1rem;
}
.wp-block-group.wp-block-group-info > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(1) {
display: none;
}
.wp-block-group.wp-block-group-info > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(2) {
padding-top: 0;
padding-bottom: 0;
}
}
/* Slogan */
.wp-block-group.wp-block-group-slogan {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
text-align: center;
}
/* Services */
.wp-block-group.wp-block-group-services {
padding-top: 0;
padding-bottom: 0;
color: #fff;
}
.wp-block-group.wp-block-group-services .wp-block-columns {
padding-top: 5rem;
padding-bottom: 5rem;
}
.wp-block-group.wp-block-group-services .wp-block-group__inner-container .cover-left,
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column .wp-block-columns {
padding-top: 0rem;
padding-bottom: 0rem;
}
.wp-block-group.wp-block-group-services .wp-block-group__inner-container .cover-left .wp-block-video,
.wp-block-group.wp-block-group-services .wp-block-group__inner-container .cover-left .wp-block-image {
width: calc(50% - 7rem);
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.home .wp-block-group.wp-block-group-services .wp-block-group__inner-container .cover-left .wp-block-image {
width: 50%;
}
.home .wp-block-group.wp-block-group-services .wp-block-group__inner-container .cover-left .wp-block-image:before {
background-image:url('data:image/svg+xml,');
width: 277px;
height: 200px;
background-size: cover;
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
mix-blend-mode: multiply;
}
.wp-block-group.wp-block-group-services .wp-block-group__inner-container .wp-block-video video,
.wp-block-group.wp-block-group-services .wp-block-group__inner-container .wp-block-image img {
width: 100%;
height: 100%;
border-radius: 0;
object-fit: cover;
/*border-top-right-radius: 1.5rem;*/
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) {
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column svg {
stroke: #fff;
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) h2 {
color: var(--tertiary);
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column h3 {
color: #fff;
font-size: 28px;
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) p {
color: var(--tertiary);
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) p:nth-of-type(1) {
margin-bottom: 0;
color: var(--tertiary);
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul {
margin: 2rem 0 0 0;
padding: 0;
list-style: none;
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul li {
margin-bottom: 1rem;
border-bottom: 1px dotted var(--secondary);
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul li:last-of-type {
border-bottom: 0;
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul li a {
width: 100%;
min-height: 64px;
line-height: 64px;
margin-bottom: 1rem;
position: relative;
font-family: 'Viktoria', sans-serif;
font-size: 1.75rem;
color: var(--tertiary);
display: block;
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul li a:after {
width: 54px;
height: 54px;
position: absolute;
top: 5px;
right: 0;
-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;
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='%23f1ead8' %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;
background-position: center center;
border-radius: 50%;
content: '';
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul li a:hover:after,
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul li a:focus:after {
background-color: var(--secondary);
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul li:not(:has(a)) {
position: relative;
margin-bottom: 0;
padding-left: 40px;
padding-top: 1rem;
padding-bottom: 1rem;
color: var(--tertiary);
display: block;
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul li:not(:has(a)):before {
width: 25px;
height: 25px;
position: absolute;
top: 18px;
left: 0;
margin-right: .75rem;
background-color: var(--quinary);
border-radius: 50%;
content: '';
display: inline-block;
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul li:not(:has(a)):after {
width: 6px;
height: 10px;
position: absolute;
top: 24px;
left: 10px;
transform: rotate(45deg);
border-bottom: 2px solid var(--quaternary);
border-right: 2px solid var(--quaternary);
display: inline-block;
content: '';
}
@media (max-width: 767.98px) {
.wp-block-group.wp-block-group-services .wp-block-group__inner-container .wp-block-video,
.wp-block-group.wp-block-group-services .wp-block-group__inner-container .wp-block-image {
width: calc(100% + 2rem);
height: 250px;
position: relative;
top: 0;
left: -1rem;
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) {
padding-top: 0;
padding-bottom: 0;
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul li a {
min-height: 44px;
line-height: 44px;
font-size: 1.25rem;
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul li a:after {
width: 44px;
height: 44px;
background-size: 30px 16px;
border: 1px solid var(--secondary);
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul li a:hover:after,
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul li a:focus:after {
background-color: var(--base);
border-color: var(--base);
}
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul li a:hover,
.wp-block-group.wp-block-group-services .wp-block-columns .wp-block-column:nth-of-type(2) ul li a:focus {
border-color: var(--base);
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.wp-block-group.wp-block-group-services .wp-block-group__inner-container .wp-block-image {
width: calc(50% - 2.5rem);
height: 100%;
position: absolute;
top: 0;
left: 0;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.wp-block-group.wp-block-group-services .wp-block-group__inner-container .wp-block-image {
width: calc(50% - 2.5rem);
height: 100%;
position: absolute;
top: 0;
left: 0;
}
}
/* Services */
.wp-block-group.wp-block-group-services-new {
position: relative;
background-color: var(--primary);
color: #fff;
}
.wp-block-group.wp-block-group-services-new h2 {
color: #fff;
}
.wp-block-group.wp-block-group-services-new:before {
position: absolute;
top: 0;
right: 2rem;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
content: '';
width: 200px;
height: 200px;
background-size: cover;
}
@media(max-width: 1920px) {
.wp-block-group.wp-block-group-services-new:before {
width: 120px;
height: 120px;
background-size: cover;
right: 2rem;
}
}
.wp-block-group.wp-block-group-services-new .wp-block-columns {
margin-bottom: 0;
}
.wp-block-group.wp-block-group-services-new.wp-block-group-wijken .wp-block-columns {
margin-bottom: 2rem;
}
.wp-block-group.wp-block-group-services-new .wp-block-columns .wp-block-column {
position: relative;
}
.wp-block-group.wp-block-group-services-new .wp-block-columns .wp-block-column .wp-block-image {
margin-bottom: 20px;
position: relative;
}
.wp-block-group.wp-block-group-services-new .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%);
/*border-radius: 0.75rem;*/
content: '';
}
/* 4 naast elkaar */
.wp-block-group.wp-block-group-services-new .wp-block-columns .wp-block-column .wp-block-image img {
/*height: 540px;*/
/*border-radius: 0.75rem;*/
}
/* 2 naast elkaar */
.wp-block-group.wp-block-group-services-new .wp-block-columns .wp-block-column .wp-block-image img {
height: auto;
aspect-ratio: 2 / 1;
/*border-radius: 0.75rem;*/
}
.wp-block-group.wp-block-group-services-new .wp-block-columns .wp-block-column p:nth-child(2):not(:last-of-type) {
width: 125px;
height: 125px;
line-height: 1.2;
position: absolute;
top: 1rem;
right: 1rem;
transform: rotate(15deg);
padding-top: 2.8rem;
background-color: var(--primary);
border-radius: 50%;
color: var(--secondary);
font-weight: 700;
text-align: center;
}
.wp-block-group.wp-block-group-services-new .wp-block-columns .wp-block-column p:last-of-type {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
margin-bottom: 0;
}
/*
.wp-block-group.wp-block-group-services-new .wp-block-columns .wp-block-column p:last-of-type a {
width: 100%;
height: calc(100% - 0px);
line-height: 1.2;
margin-top: 0;
padding: 2.5rem 2.5rem 5rem 2.5rem;
background-color: transparent;
font-size: 28px;
font-weight: 700;
color: #fff;
align-items: end;
display: flex;
text-transform: none;
}
.wp-block-group.wp-block-group-services-new .wp-block-columns .wp-block-column p:last-of-type a:after {
width: 15px;
height: 15px;
position: absolute;
bottom: 50px;
left: 2.5rem;
background-size: auto;
-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: '';
margin-left: 6px;
padding: 2px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border: solid #fff;
border-width: 0 1px 1px 0;
}
*/
.wp-block-group.wp-block-group-services-new .wp-block-columns .wp-block-column p:last-of-type a {
width: 100%;
height: calc(100% - 0px);
line-height: 1.2;
margin-top: 0;
padding: 2.5rem 2.5rem 3.5rem 2.5rem;
background-color: transparent;
font-size: 28px;
font-weight: 700;
color: #fff;
align-items: end;
display: flex;
text-transform: none;
}
.wp-block-group.wp-block-group-services-new .wp-block-columns .wp-block-column p:last-of-type a:after {
width: 15px;
height: 15px;
position: relative;
bottom: 0.5rem;
left: 0;
background-size: auto;
-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: '';
margin-left: 15px;
padding: 2px;
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
border: solid #fff;
border-width: 0 1px 1px 0;
}
.wp-block-group.wp-block-group-services-new .wp-block-columns .wp-block-column:hover .wp-block-image:after {
background: linear-gradient(20deg,var(--primary),transparent 70%);
}
.wp-block-column h2:nth-of-type(1) {
margin-top: 0rem;
margin-bottom: ;
}
.wp-block-column h2 {
margin-top: 2rem;
}
.wp-block-group.wp-block-group-services-new .wp-block-columns.services-col-3 .wp-block-column .wp-block-image img {
height: auto;
aspect-ratio: 1.2 / 1;
}
/* wp-block-group-image-mask */
.wp-block-group-image-mask .wp-block-image figcaption {
text-align: center;
font-family: 'Journal';
font-size: 3rem;
}
/* stappen */
.wp-block-group-stappen p {
background-color: #f5f5f5;
padding: 3rem;
/*border-radius: .75rem;*/
}
.wp-block-group-stappen img {
/*border-radius: .75rem;*/
}
/* Content image */
.wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(2),
.wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-child(1) {
position: relative;
}
/*.wp-block-group.wp-block-group-content-image .wp-block-group__inner-container .wp-block-image:before {
background-image:url('data:image/svg+xml,');
width: 277px;
height: 200px;
background-size: cover;
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.5);
opacity: 0.7;
}*/
.home .wp-block-group.wp-block-group-content-image {
padding-top: 0;
}
.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) {
padding-right: 2rem;
}
.wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image,
.wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-child(1) .wp-block-image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.wp-block-group.wp-block-group-content-image h4 {
color: #fff;
font-size: 1.2rem;
margin-bottom: 0;
}
.wp-block-group.wp-block-group-content-image button h4 {
color: var(--quinary);
font-size: 1rem;
}
.wp-block-group.wp-block-group-content-image h4 strong {
font-family: 'Viktoria';
font-size: 2.2rem;
font-weight: normal;
}
.wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(1) p:first-of-type,
.wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-child(2) p:first-of-type {
color: var(--primary);
}
.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 0 1rem 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: .5rem;
padding-left: 30px;
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: 22px;
height: 22px;
position: absolute;
top: 5px;
left: 0;
margin-right: .75rem;
background-color: var(--quinary);
border-radius: 50%;
content: '';
display: inline-block;
}
.wp-block-group.wp-block-group-content-image.square .wp-block-columns .wp-block-column:nth-child(1) ul li:not(.choice-1):before,
.wp-block-group.wp-block-group-image-content.square .wp-block-columns .wp-block-column:nth-child(2) ul li:not(.choice-1):before {
width: 12px;
height: 12px;
position: absolute;
top: 8px;
left: 0;
margin-right: .75rem;
background-color: var(--quinary);
border-radius: 3px;
content: '';
display: inline-block;
}
.wp-block-group.wp-block-group-content-image.square .wp-block-columns .wp-block-column:nth-child(1) ul li:not(.choice-1):after,
.wp-block-group.wp-block-group-image-content.square .wp-block-columns .wp-block-column:nth-child(2) ul li:not(.choice-1):after {
display: none;
}
.wp-block-group.wp-block-group-image-content h2 {
color: var(--primary);
}
.wp-block-cover .wp-block-group.wp-block-group-image-content h2 {
color: #fff;
}
.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: 10px;
left: 9px;
transform: rotate(45deg);
border-bottom: 2px solid var(--tertiary);
border-right: 2px solid var(--tertiary);
display: inline-block;
content: '';
}
.wp-block-group.wp-block-group-content-image.background-green {
background-color: var(--primary);
padding-bottom: 0;
}
/*.wp-block-group.wp-block-group-content-image.background-green .wp-block-columns .wp-block-column:nth-child(1) ul li:not(.choice-1):before,
.wp-block-group.wp-block-group-image-content.background-green .wp-block-columns .wp-block-column:nth-child(2) ul li:not(.choice-1):before {
width: 12px;
height: 12px;
position: absolute;
top: 8px;
left: 0;
margin-right: .75rem;
background-color: var(--quinary);
border-radius: 3px;
content: '';
display: inline-block;
}*/
.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;
text-decoration-thickness: 1px;
}
.wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(2) {
position: relative;
}
.wp-block-group.wp-block-group-content-image.wp-block-group-content-services .wp-block-columns .wp-block-column:nth-child(1) ul li {
padding-left: 0;
}
.wp-block-group.wp-block-group-content-image.wp-block-group-content-services .wp-block-columns .wp-block-column:nth-child(1) ul li:before,
.wp-block-group.wp-block-group-content-image.wp-block-group-content-services .wp-block-columns .wp-block-column:nth-child(1) ul li:after {
display: none;
}
.wp-block-group.wp-block-group-content-image.wp-block-group-content-services .wp-block-columns .wp-block-column:nth-child(1) ul li:not(:last-of-type) {
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px dotted var(--secondary);
}
.wp-block-group.wp-block-group-content-image.wp-block-group-content-services .wp-block-columns .wp-block-column:nth-child(1) ul li a {
font-family: 'Viktoria', sans-serif;
font-size: 1.75rem;
color: var(--quinary);
}
.wp-block-group.wp-block-group-content-image.wp-block-group-content-services .wp-block-columns .wp-block-column:nth-child(1) ul li a:hover,
.wp-block-group.wp-block-group-content-image.wp-block-group-content-services .wp-block-columns .wp-block-column:nth-child(1) ul li a:focus {
color: var(--secondary);
}
@media (max-width: 767.98px) {
.wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(1),
.wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-child(2) {
padding-left: 0;
padding-right: 0;
}
.wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image,
.wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-child(1) .wp-block-image {
width: 100%;
height: 350px;
margin-bottom: 0;
position: relative;
top: 0;
left: 0;
}
.wp-block-group.wp-block-group-content-image:not(.wp-block-group-background) .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image,
.wp-block-group.wp-block-group-image-content:not(.wp-block-group-background) .wp-block-columns .wp-block-column:nth-child(1) .wp-block-image {
width: 100%;
left: 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(1) {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image,
.wp-block-group.wp-block-group-image-content .wp-block-columns .wp-block-column:nth-child(1) .wp-block-image {
width: calc(100% - 2.5rem);
left: 0;
}
}
/* fundabeoordelingen */
.wp-block-group-fundabeoordelingen {
padding-bottom: 0;
}
.wp-block-group-fundabeoordelingen h2 {
color: var(--primary);
}
/* Voordelen */
.wp-block-group.wp-block-group-voordelen .wp-block-columns .wp-block-column ul {
padding-left: 0;
}
.wp-block-group.wp-block-group-voordelen .wp-block-columns .wp-block-column ul li {
position: relative;
list-style: none;
padding-left: 65px;
margin-bottom: 15px;
line-height: 27px;
}
.wp-block-group.wp-block-group-voordelen .wp-block-columns .wp-block-column ul li strong {
font-family: 'Roboto', sans-serif;
}
.wp-block-group.wp-block-group-voordelen h2 {
color: var(--primary);
}
.wp-block-group.wp-block-group-voordelen .wp-block-columns .wp-block-column ul li:before {
width: 40px;
height: 40px;
position: absolute;
top: 5px;
left: 0;
margin-right: .75rem;
background-color: var(--quinary);
border-radius: 50%;
content: '';
display: inline-block;
}
.wp-block-group.wp-block-group-voordelen .wp-block-columns .wp-block-column ul li:after {
width: 5px;
height: 10px;
position: absolute;
top: 19px;
left: 18px;
transform: rotate(45deg);
border-bottom: 2px solid var(--tertiary);
border-right: 2px solid var(--tertiary);
display: inline-block;
content: '';
}
/* footer cta */
.wp-block-group.wp-block-group-image-content.cta-footer .wp-block-columns {
background-color: #fff;
}
.wp-block-group.wp-block-group-image-content.cta-footer .wp-block-columns .wp-block-column:nth-child(1) .wp-block-image {
margin-bottom: 0;
}
.wp-block-group.wp-block-group-image-content.cta-footer .wp-block-columns .wp-block-column:nth-child(2) p:first-of-type,
.wp-block-group.wp-block-group-image-content.cta-footer .wp-block-columns p,
.wp-block-group.wp-block-group-image-content.cta-footer .wp-block-columns h2 {
color: var(--primary);
}
.wp-block-group.wp-block-group-image-content.cta-footer .wp-block-columns .wp-block-column:nth-child(2) {
padding-left: 2rem;
padding-right: 2rem;
}
.wp-block-group.wp-block-group-image-content.cta-footer .wp-block-columns .wp-block-column:nth-child(1) .wp-block-image {
position: relative;
}
/* content image */
.wp-block-group.wp-block-group-content-image.background .wp-block-columns {
background-color: var(--quinary);
/*border-radius: 0 1rem 1rem 1rem;*/
}
.wp-block-group.wp-block-group-content-image.background .wp-block-columns .wp-block-column:nth-of-type(1){
background-color: var(--quinary);
/*border-radius: 0 1rem 1rem 1rem;*/
padding: 5rem;
color: #fff;
}
.wp-block-group.wp-block-group-content-image.background .wp-block-columns .wp-block-column:nth-of-type(1) p,
.wp-block-group.wp-block-group-content-image.background .wp-block-columns .wp-block-column:nth-of-type(1) h2,
.wp-block-group.wp-block-group-content-image.background .wp-block-columns .wp-block-column:nth-of-type(1) h3 {
color: #fff;
}
.wp-block-group.wp-block-group-content-image.background .wp-block-buttons .wp-block-button__link {
background-color: var(--primary);
}
.wp-block-group.wp-block-group-content-image.background-green .wp-block-columns {
background-color: var(--primary);
/*border-radius: 0 1rem 1rem 1rem;*/
}
.wp-block-group.wp-block-group-content-image.background-green .wp-block-columns {
background-color: var(--primary);
/*border-radius: 0 1rem 1rem 1rem;*/
}
.wp-block-group.wp-block-group-content-image.background-green .wp-block-columns .wp-block-column:nth-of-type(1){
background-color: var(--primary);
/*border-radius: 0 1rem 1rem 1rem;*/
padding: 5rem;
color: #fff;
}
.wp-block-group.wp-block-group-content-image.background-green .wp-block-columns .wp-block-column:nth-of-type(1) a {
color: #fff;
text-decoration: underline;
}
.wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(1) p:first-of-type {
color: #fff;
}
.wp-block-group.wp-block-group-content-image.background-green .wp-block-buttons .wp-block-button__link {
background-color: var(--quinary);
}
.wp-block-group.wp-block-group-content-image.background-green h4,
.wp-block-group.wp-block-group-content-image.background-green h3,
.wp-block-group.wp-block-group-content-image.background-green h2 {
color: #fff;
}
.wp-block-group.wp-block-group-content-image.background-green .wp-block-columns .wp-block-column:nth-of-type(1) .box-white {
background-color: #fff;
padding: 3rem;
margin-top: 2rem;
}
.wp-block-group.wp-block-group-content-image.background-green .wp-block-columns .wp-block-column:nth-of-type(1) .box-white:before {
position: absolute;
top: 100px;
right: -6rem;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
content: '';
width: 120px;
height: 120px;
background-size: cover;
}
.wp-block-group.wp-block-group-content-image.background-green .wp-block-columns .wp-block-column:nth-of-type(1) .box-white h2,
.wp-block-group.wp-block-group-content-image.background-green .wp-block-columns .wp-block-column:nth-of-type(1) .box-white p {
color: var(--primary);
}
/* Content Image + Image Dienst */
.wp-block-group-content-image-dienst .wp-block-heading {
color: var(--quinary);
}
/*.wp-block-group-content-image-dienst .wp-block-image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}*/
.wp-block-group-content-image-dienst .wp-block-column p {
/*margin-bottom: 5rem;*/
}
.wp-block-group-content-image-dienst .wp-block-column:nth-child(1)[style] {
flex-basis: 50% !important;
}
/* Content Image + Image */
.wp-block-group-content-image-image {
}
.wp-block-group-content-image-image .wp-block-column h2:nth-of-type(1) {
margin-bottom: 3rem;
}
.wp-block-group-content-image-image .wp-block-column p {
margin-bottom: 3rem;
}
.wp-block-group-content-image-image .wp-block-heading {
color: var(--primary);
}
.wp-block-group-content-image-image .wp-block-group__inner-container {
/*display: ruby-text;*/
}
.wp-block-group-content-image-image .wp-block-columns {
align-items: stretch;
}
.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(1) {
/*padding-top: 5rem;*/
padding-right: 5rem;
}
.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(1)[style] {
flex-basis: 50% !important;
}
.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(2) {
width: 70%;
height: 580px;
object-fit: cover;
margin-top: 10rem;
z-index: 2;
}
.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image {
position: absolute;
width: 550px;
}
.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(2) img {
height: 580px;
object-fit: cover;
}
.wp-block-group-content-image-image .wp-block-columns .wp-block-column:nth-child(3) img {
height: 450px;
object-fit: cover;
}
/* Reviews */
.wp-block-group.wp-block-group-reviews {
overflow: hidden;
padding-top: 5rem;
padding-bottom: 5rem;
}
.wp-block-group.wp-block-group-reviews .wp-block-group__inner-container {
max-width: 1080px;
}
.wp-block-group.wp-block-group-reviews .wp-block-cover {
min-height: 320px;
margin-bottom: 2rem;
/*border-radius: 1rem;*/
}
.wp-block-group.wp-block-group-reviews .wp-block-cover p:first-of-type {
background-color: #fff;
/*border-radius: 0.75rem;*/
color: var(--primary);
width: auto;
padding-left: 1rem;
padding-right: 1rem;
display: table;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.wp-block-group.wp-block-group-reviews > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(2) {
padding-top: 0rem;
padding-bottom: 0rem;
}
.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%;
/*border-radius: 1rem;*/
object-fit: cover;
}
.wp-block-group.wp-block-group-reviews .carousel {
/*border-radius: 1rem;*/
}
.wp-block-group.wp-block-group-reviews .carousel .carousel-item .carousel-item-content {
/*border-radius: 1rem;*/
height: calc( 640px + 2rem);
padding: 2rem;
background-color: #fff;
}
.wp-block-group.wp-block-group-reviews .carousel .carousel-item .carousel-item-content h4 {font-size: 20px; }
.wp-block-group.wp-block-group-reviews .carousel .carousel-item .carousel-item-content p {
font-size: 1.2rem;
text-align: center;
font-weight: 700;
color: var(--font-color);
}
#carouselReviews .carousel-item-content h4 {font-size: 18px; color: var(--font-color);}
.rating {
font-size: 4rem;
text-align: right;
}
/*.rating strong {
background-image: url('data:image/svg+xml,');
width: 44px;
height: 58px;
background-size: cover;
display: inline-block;
text-align: center;
line-height: 50px;
font-size: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
}*/
.wp-block-group.wp-block-group-reviews .carousel .carousel-item .carousel-item-address {
color: var(--quinary);
text-align: center;
}
.wp-block-group.wp-block-group-reviews .carousel .carousel-item .carousel-item-name {
position: relative;
padding-left: 25px;
font-size: .8rem;
color: var(--font-color);
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
/*.wp-block-group.wp-block-group-reviews .carousel .carousel-item .carousel-item-name:before {
width: 15px;
height: 1px;
position: absolute;
top: 50%;
margin-left: -25px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-color: var(--quinary);
content: '';
}*/
.wp-block-group.wp-block-group-reviews .carousel .carousel-indicators {
margin-top: 20px;
}
.wp-block-group.wp-block-group-reviews .carousel .carousel-indicators div {
width: 8px;
height: 8px;
}
.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(--tertiary);
border-radius: 50%;
content: '';
}
#carouselReviews .carousel-control-prev,
#carouselReviews .carousel-control-next {
width: 40px;
height: 40px;
top: 45%;
background-color: var(--quinary);
border-radius: 50%;
cursor: pointer;
opacity: 1
}
#carouselReviews .carousel-control-prev {
left: -20px;
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
}
#carouselReviews .carousel-control-next {
right: -20px;
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
}
#carouselReviews .carousel-control-prev:before,
#carouselReviews .carousel-control-prev:after,
#carouselReviews .carousel-control-next:before,
#carouselReviews .carousel-control-next:after {
display: none
}
#carouselReviews .carousel-control-prev:hover,
#carouselReviews .carousel-control-next:hover {
background-color: var(--secondary);
}
@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;
}*/
}
/* medewerkers */
.wp-block-group-team .col-md-4 {
display: flex;
height: auto;
margin-bottom: 1.5rem;
}
.wp-block-group-team .medewerker {
background: var(--base);
}
.wp-block-group-team .medewerker-image {
overflow: hidden;
}
.wp-block-group-team .medewerker-image img {
transform: scale(1.42);
}
.wp-block-group-team .medewerker .medewerker-content {
padding: 1.5rem;
margin-bottom: 1.5rem;
}
.wp-block-group-team .medewerker .medewerker-content .medewerker-gegevens ul li {
line-height: 35px;
font-size: 0.95rem;
}
.wp-block-group-team .medewerker .medewerker-content .medewerker-gegevens ul li svg {
height: 18px;
margin-right: 10px;
}
.medewerker-functie {
min-height: 75px;
}
.medewerker-functie p {
font-size: 1rem !important;
}
/* Items */
.carousel-indicators {
display: none;
}
.wp-block-group.wp-block-group-items .wp-block-columns .wp-block-column h3 {
margin-bottom: 2rem;
font-size: 1.5rem;
color: var(--secondary);
}
.wp-block-group.wp-block-group-items .wp-block-columns .wp-block-column:nth-child(1) {
display: inline-grid;
}
.wp-block-group.wp-block-group-items .wp-block-columns .wp-block-column:nth-child(1) h2 {
color: var(--primary);
}
.wp-block-group.wp-block-group-items .wp-block-columns .wp-block-column p:last-of-type {
margin-bottom: 0;
}
/* Contact */
.wp-block-group.wp-block-group-contact {
padding-top: 12rem;
padding-bottom: 12rem;
color: var(--tertiary);
text-align: center;
}
.wp-block-group.wp-block-group-contact .wp-block-buttons {
width: auto;
text-align: center;
margin: 0 auto;
display: inline-flex;
}
.wp-block-group.wp-block-group-contact .wp-block-image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
margin-bottom: 0;
border-radius: 0;
}
.wp-block-group.wp-block-group-contact .wp-block-image:after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
opacity: .6;
content: '';
}
.wp-block-group.wp-block-group-contact .wp-block-image img {
border-radius: 0;
}
.wp-block-group.wp-block-group-contact h2 {
color: var(--tertiary);
}
/* Steps */
.wp-block-group.wp-block-group-steps {
padding-bottom: 10rem;
overflow: hidden;
background-color: var(--primary);
}
.wp-block-group.wp-block-group-steps.wp-block-group-background-light a {
color: #fff;
}
.wp-block-group.wp-block-group-steps:before {
position: absolute;
top: 0;
right: 2rem;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
content: '';
width: 200px;
height: 200px;
background-size: cover;
}
@media(max-width: 1920px) {
.wp-block-group.wp-block-group-steps:before {
width: 120px;
height: 120px;
background-size: cover;
right: 2rem;
}
}
.wp-block-group.wp-block-group-steps h2 {
color: #fff;
}
.wp-block-group.wp-block-group-steps .carousel {
width: 1520px;
}
.wp-block-group.wp-block-group-steps .carousel .carousel-item {
margin-left: -1rem;
padding-top: 2rem;
}
.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 {
min-height: 400px;
background-color: var(--quaternary);
}
.wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-number {
width: 50px;
height: 50px;
line-height: 50px;
top: -25px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background-color: var(--quinary);
font-size: 1rem;
color: var(--tertiary);
text-align: center;
font-weight: 600;
}
.wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-title h3 {
font-size: 1.25rem;
color: var(--primary);
font-weight: 600;
}
.wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-content {
flex-grow: 1;
}
#carouselReviews .carousel-item-content {
padding: 1.5rem;
background-color: var(--primary);
/*border-radius: 1rem;*/
min-height: 450px;
position: relative;
color: #fff;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100px;
background-position: top left 50px;
}
#carouselSteps .carousel-item-content {
background-color: var(--quaternary);
/*border-radius: 1rem;*/
min-height: 320px;
position: relative;
}
.carousel-item-address {
position: absolute;
bottom: 1.5rem;
text-align: center;
width: calc(100% - 3rem);
font-weight: 700;
}
.wp-block-group.wp-block-group-steps .carousel .carousel-item .carousel-item-content p {
color: var(--primary);
}
.wp-block-group.wp-block-group-steps .carousel .carousel-control-prev,
.wp-block-group.wp-block-group-steps .carousel .carousel-control-next {
width: 50px;
height: 50px;
top: auto;
bottom: -90px;
cursor: pointer;
opacity: 1;
}
.wp-block-group.wp-block-group-steps .carousel .carousel-control-prev {
left: calc(50% - 35px);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.wp-block-group.wp-block-group-steps .carousel .carousel-control-next {
left: calc(50% + 35px);
right: auto;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.wp-block-group.wp-block-group-steps .carousel .carousel-control-prev:after,
.wp-block-group.wp-block-group-steps .carousel .carousel-control-next:after {
width: 50px;
height: 50px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: var(--quinary);
background-repeat: no-repeat;
background-size: 37px 20px;
background-position: center;
border-radius: 50%;
content: '';
}
.wp-block-group.wp-block-group-steps .carousel .carousel-control-prev:after {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330' fill='%23ffffff'%3E%3Cg transform='scale(-1,1) translate(-330,0)'%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/g%3E%3C/svg%3E");
}
.wp-block-group.wp-block-group-steps .carousel .carousel-control-next: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-steps .carousel .carousel-control-prev:hover:after,
.wp-block-group.wp-block-group-steps .carousel .carousel-control-next:hover:after {
background-color: var(--quinary);
}
/* 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.carousel-item-prev {
z-index: 3;
}
}
.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 {
padding-top: 0;
padding-bottom: 0;
}
.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 > .wp-block-group__inner-container > h2 {
margin-bottom: 4rem;
padding-left: 0;
padding-right: 0;
}
.wp-block-group.wp-block-group-steps > .wp-block-group__inner-container > p:first-of-type {
padding-left: 0;
padding-right: 0;
}
.wp-block-group.wp-block-group-steps .carousel {
width: 100%;
}
.wp-block-group.wp-block-group-steps .carousel .carousel-item {
margin-left: 0;
}
.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 {
top: -25px;
z-index: 100;
}
.wp-block-group.wp-block-group-steps .carousel .carousel-control-prev {
right: 75px;
}
.wp-block-group.wp-block-group-steps .carousel .carousel-control-next {
right: 5px;
}
.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);
}
}
/* Objects */
.wp-block-group.wp-block-group-objects {
/*background-image:url('data:image/svg+xml,');*/
background-repeat: no-repeat;
background-position: bottom right ;
padding-top: 0;
}
.wp-block-group.wp-block-group-objects .wp-block-column h2:nth-of-type(1) {
margin-bottom: 0 !important;
color: var(--primary);
}
.wp-block-group.wp-block-group-objects .wp-block-columns {
margin-bottom: 1rem;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column ul {
margin: 0 0 0 auto;
padding: 0;
list-style: none;
/*display: contents;*/
position: relative;
/*width: 100%;*/
/*top: 54px;
z-index: 969;*/
text-align: right;
}
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column ul li a {
color: #fff;
}
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column ul li {
position: relative;
margin-top: 0rem;
padding: .0rem 0.5rem;
/*background-color: var(--primary);*/
/*border-radius: 50px;*/
font-size: .9rem;
color: var(--primary);
font-weight: 700;
text-decoration: none !important;
text-transform: uppercase;
display: inline-block;
cursor: pointer;
display: inline-block;
/*margin-right: 15px;*/
border-left: 1px solid var(--primary);
}
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column ul li:first-child {
border-left: 0 ;
}
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column ul li.active,
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column ul li:hover {
color: var(--quinary);
}
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column ul li:last-of-type {
margin-right: 0;
}
.wp-block-group.wp-block-group-objects p:last-of-type {
margin-left: auto;
margin-right: auto;
display: table;
}
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column:nth-of-type(2) {
/*display: flex;
align-content: baseline;
flex-wrap: wrap;*/
}
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column:nth-of-type(2) p {
line-height: 1.6;
margin-left: auto;
}
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column:nth-of-type(2) p a {
width: 160px;
margin-right: .5rem;
padding: .5rem 1.5rem;
border-bottom: 0;
text-align: center;
font-weight: 700;
}
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column:nth-of-type(2) p a:nth-of-type(1),
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column:nth-of-type(2) p a:nth-of-type(2) {
background-color: var(--secondary);
}
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column:nth-of-type(2) p a:last-of-type {
margin-right: 0;
}
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column:nth-of-type(2) p a:nth-of-type(1):hover,
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column:nth-of-type(2) p a:nth-of-type(2):hover {
color: var(--tertiary);
}
.wp-block-group.wp-block-group-objects .wp-block-group {
padding-top: 0rem;
padding-bottom: 0;
}
.wp-block-group.wp-block-group-objects .wp-block-group .wp-block-buttons .wp-block-button__link {
margin-top: 0;
margin-bottom: 1rem;
background-color: var(--primary);
}
.wp-block-group.wp-block-group-objects .wp-block-group .wp-block-buttons .wp-block-button__link:hover {
background-color: var(--quinary);
}
.wp-block-group.wp-block-group-objects .wp-block-group .wp-block-group__inner-container {
padding-left: 0;
padding-right: 0;
}
.wp-block-group.wp-block-group-objects .wp-block-group.wp-block-group-objects-huren,
.wp-block-group.wp-block-group-objects .wp-block-group.wp-block-group-objects-aanbod {
display: none;
}
/* Search */
.properties-filter-v-search {
margin-bottom: 1.2rem;
padding: .5rem;
background-color: rgb(245, 244, 243);
border-radius: 50px;
}
.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='%23595437'%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-size: .9rem;
font-weight: 300;
}
.properties-filter-v-search .facetwp-facet-zoeken .fs-dropdown {
background-color: transparent;
}
.properties-filter-v-search .properties-filter-btn {
height: 40px;
line-height: 40px;
background-color: var(--secondary);
border-radius: 50px;
font-size: .9rem;
font-weight: 700;
}
.properties-filter-v-search .properties-filter-btn:hover,
.properties-filter-v-search .properties-filter-btn:focus {
background-color: var(--primary);
}
.properties-filter-v-search .fs-no-results,
.properties-filter-v-search .facetwp-facet-zoeken .fs-options {
background-color: rgb(245, 244, 243);
}
.properties-filter-v-search .selected .facetwp-facet-zoeken .fs-label-wrap {
height: 40px;
line-height: 40px;
background-color: rgb(245, 244, 243);
border: 0;
}
.properties-filter-v-search .properties-filter-reset {
top: -3px;
background-color: var(--base);
}
.properties-filter-v-search .properties-filter-reset:before,
.properties-filter-v-search .properties-filter-reset:after {
background-color: var(--secondary);
}
@media (max-width: 767.98px) {
.properties-filter-v-search .properties-filter-btn {
padding-left: .5rem!important;
padding-right: .5rem!important;
}
}
/* Propertie filters */
.properties-filter-v-1 {
background-color: var(--primary);
}
.properties-filter-extra {
display: none;
}
.properties-filter-extra .facetwp-per-page .facetwp-per-page-select {
padding: 18px 40px 20px 20px;
}
.properties-filter-show svg {
fill: #fff;
}
.properties-title.mb-4 {
margin-bottom: 0 !important;
}
.properties-filter-extra .facetwp-sort:before, .properties-filter-v-search .facetwp-sort:before, .properties-filter-extra .facetwp-per-page:before, .properties-filter-extra .facetwp-sort:after, .properties-filter-v-search .facetwp-sort:after, .properties-filter-extra .facetwp-per-page:after {
background-color: #fff;
/*border-radius: 0.75rem;*/
}
.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(--primary);
color: #fff;
/*border-radius: 0.75rem;*/
}
.properties-filter .properties-filter-range-list {
/*border-radius: 0.75rem;*/
}
.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(--primary);
/*border-radius: 0.75rem;*/
}
.properties-filter-v-1 .facetwp-facet-zoeken.facetwp-type-fselect .fs-search {
padding-top: 16px;
padding-bottom: 16px;
}
@media(max-width: 767px){
.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,
.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%;
}
.properties-title h1, .properties-title h2, .properties-title h3, .properties-title h4, .properties-title h5, .properties-title h6 {
margin-bottom: 30px !important;
}
}
/* status labels */
.properties .object .object-image div.object-status, .properties-special .object .object-image div.object-status, .properties-item .object-detail-photo div.object-status {
top: .5rem;
left: .5rem;
background-color: var(--primary);
color: #fff;
}
.properties .object.object-status-verhuurd .object-image div.object-status, .properties-special .object.object-status-verhuurd .object-image div.object-status,
.properties .object.object-status-verkocht .object-image div.object-status, .properties-special .object.object-status-verkocht .object-image div.object-status, .properties-item.properties-item-verkocht .object-detail-photo div.object-status {
background-color: var(--quinary);
}
/* Properties + specials */
.properties-special .object ,
.properties .object {
position: relative;
background-color: #fff;
/*border-radius: 0.75rem;*/
}
.properties-special .object .object-image .object-image-img ,
.properties .object .object-image .object-image-img {
position: relative;
/*border-radius: .75rem;*/
overflow: hidden;
}
.properties .object .object-image.mb-3 {
margin-bottom: 0rem!important;
}
.properties-special .object .object-image .object-image-img:before ,
.properties .object .object-image .object-image-img:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
/*border-radius: .75rem;*/
opacity: .4;
content: '';
}
.properties-special .object .object-image img ,
.properties .object .object-image img {
height: auto;
aspect-ratio: 3 / 2.5;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.properties-special .object .object-image .object-image-empty ,
.properties .object .object-image .object-image-empty {
height: auto;
aspect-ratio: 3 / 2.5;
}
.properties-special .object .object-image .object-image-info ,
.properties .object .object-image .object-image-info {
padding: 3rem!important;
}
.properties-special .object .object-image .object-image-info:before,
.properties .object .object-image .object-image-info:before {
width: 50px;
height: 50px;
border-radius: 50px;
position: absolute;
top: 50%;
right: 3rem;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-color: var(--quinary);
background-image: url('data:image/svg+xml,');
background-size: auto 20px;
background-repeat: no-repeat;
background-position: center;
content: '';
}
.properties-special .object .object-image div.object-status ,
.properties .object .object-image div.object-status {
/*border-radius: .75rem;*/
}
.object.object-open-house .object-image div.object-status {
background-color: #2196f3;
}
.properties-special .object .object-address ,
.properties .object .object-address {
line-height: 1.2;
}
.properties-special .object .object-address .object-street ,
.properties .object .object-address .object-street {
font-size: 1.4rem;
}
.properties-special .object .object-price ,
.properties .object .object-price {
color: #fff!important;
}
.properties-special .object .object-info,
.properties .object .object-info {
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 4rem 3rem;
/*border-radius: .75rem;*/
font-size: 1.7rem;
font-weight: 600;
opacity: 0;
z-index: 2;
}
.properties-special .object .object-info:before ,
.properties .object .object-info:before {
width: 50px;
height: 60px;
position: absolute;
bottom: 57px;
right: 3rem;
background-color: var(--quinary);
background-image: url('data:image/svg+xml,');
background-size: auto 20px;
background-repeat: no-repeat;
background-position: center;
clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
content: '';
}
.properties-special .object .object-info .object-description p,
.properties .object .object-info .object-description p {
line-height: 1.3;
}
/*.properties-special .object:hover .object-info,
/*.properties .object:hover .object-info,
.properties-special .object:focus .object-info ,
.properties .object:focus .object-info {
opacity: 1;
}*/
.properties-special .object .object-info .object-view,
.properties .object .object-info .object-view,
.properties-special .object .object-info .object-view a ,
.properties .object .object-info .object-view a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
/*border-radius: .75rem;*/
opacity: 0;
}
.properties-special .object:after ,
.properties .object:after {
width: 82px;
height: 80px;
background-size: contain;
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
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:hover:after,
.properties .object:hover:after,
.properties-special .object:focus:after ,
.properties .object:focus:after {
opacity: 1;
}
.properties-special .object:hover .object-image img ,
.properties .object:hover .object-image img {
opacity: .2;
}
.properties-special p ,
.properties p {
text-align: center;
}
.properties-special .carousel-control-prev,
.properties .carousel-control-prev,
.properties-special .carousel-control-next ,
.properties .carousel-control-next {
width: 40px;
height: 40px;
top: 45%;
/*background-color: var(--quinary);*/
background-color: #fff;
border-radius: 50%;
cursor: pointer;
opacity: 1;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
}
.properties-special .carousel-control-prev ,
.properties .carousel-control-prev {
left: -20px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23d8282f'%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 ,
.properties .carousel-control-next {
right: -15px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23d8282f'%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 .carousel-control-prev:before,
.properties-special .carousel-control-prev:after,
.properties .carousel-control-prev:after,
.properties-special .carousel-control-next:before,
.properties .carousel-control-next:before,
.properties-special .carousel-control-next:after ,
.properties .carousel-control-next:after {
display: none;
}
.properties .object.object-banner {
background-color: var(--primary);
height: calc(100% - 1.5rem);
}
.facetwp-type-fselect .fs-option .fs-option-label {
text-transform: capitalize;
}
.properties .object .object-info.object-banner-info {
color: var(--primary);
opacity: 1;
color: #fff;
position: absolute;
bottom: 0;
top: 10%;
height: auto;
z-index: 8888;
}
.properties .object .object-banner-content {
font-size: 18px;
}
.object-banner-title {
color: #fff;
}
.properties .object.object-banner .object-image .object-image-img:after,
.properties .object.object-banner:after,
.properties .object .object-info.object-banner-info:before {
display: none;
}
.object-banner-button,
.object-banner-title {
position: relative;
z-index: 22;
}
.properties .object .object-info.object-banner-info:after {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
transition: opacity .25s ease-in-out;
background: linear-gradient(0deg, rgba(0, 0, 0, .6), transparent 70%);
/* border-radius: 0.75rem; */
content: '';
}
.properties .object:hover .object-info.object-banner-info:after {
background: linear-gradient(20deg, var(--primary), transparent 60%);
}
.properties .object.object-banner:hover .object-image img {
opacity: 1;
}
.object-banner-button a {
position: relative;
margin-top: 1rem;
padding: .5rem 1.5rem;
background-color: var(--quinary);
border-radius: 50px;
font-size: .9rem;
color: var(--tertiary);
font-weight: 700;
text-decoration: none !important;
text-transform: uppercase;
display: inline-block;
}
@media (max-width: 767.98px) {
.properties-special .object .object-image img ,
.properties .object .object-image img {
height: 300px;
}
.properties-special .object .object-info ,
.properties .object .object-info {
display: none;
}
}
/* 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: 0rem;
}
.properties-special .carousel-item > .row {
padding-left: 0;
padding-right: 0;
}
.properties-special .carousel-item {
margin-left: 0;
}
.properties-special .carousel-control-prev {
right: 40px;
}
.properties-special .carousel-control-next {
right: -19px;
}
.properties-special .object .object-image .object-image-info, .properties .object .object-image .object-image-info {
padding: 2rem;
}
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column ul li.ms-auto {
margin-left: 0!important;
}
}
@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 */
.properties-item {
margin-top: 50px;
}
.properties-item .object-detail-photos .container,
.properties-item .object-detail-extra .container {
max-width: none;
}
.properties-item .object-detail-photos .object-detail-photo-large img {
height: 700px;
/*border-radius: 1rem;*/
}
.properties-item .object-detail-photos .object-detail-photo-medium img,
.properties-item .object-detail-photos .object-detail-photo-small img {
height: 346px;
/*border-radius: 1rem;*/
}
.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 {
padding-bottom: 2rem!important;
}
.properties-item .object-detail-extra li a,
.properties-item .object-detail-extra li div.object-favorite {
background-color: var(--base);
/*border-radius: 1.5rem;*/
}
.properties-item .object-detail-navigation li a {
background-color: var(--base);
border: 1px solid var(--base);
border-radius: 1.5rem;
font-size: .9rem;
color: var(--font-color);
}
.properties-item .object-detail-navigation li a:hover,
.properties-item .object-detail-navigation li a:focus {
background-color: var(--base);
color: var(--secondary);
}
.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: 600;
}
.properties-item .object-detail-header .object-detail-adres h1 span.object-place {
font-size: 1.5rem;
}
.properties-item .object-detail-information .object-detail-description-small {
max-height: 550px;
}
.properties-item .object-detail-information .object-information {
padding-right: 5rem;
}
.properties-item .object-detail-contact {
border-radius: 1rem;
}
.properties-item .object-detail-contact .object-detail-title {
margin-bottom: 1rem!important;
}
.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(--base);
border-radius: 1.5rem;
color: var(--font-color)!important;
}
.properties-item .object-detail-contact .object-share li a {
background-color: var(--base);
}
@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-child(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-child(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(--base);
border-radius: 1.5rem;
}
.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: var(--tertiary);
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 {
border-radius: 0rem;
-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;
}
.properties-item .object-detail-other-media .object-detail-a4-item a,
.properties-item .object-detail-other-media .object-detail-a4-item a img {
border-radius: 0rem;
}
.object-detail-open-streetmaps {
margin-bottom: 5rem;
}
.modal .carousel-item {
transition:transform .2s ease-in-out;
}
@media (max-width: 767.98px) {
.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;
}
}
/* counter */
.counter-col {
position: relative;
z-index: 2;
padding-right: 0px;
/*background-color: var(--light);*/
padding: 0 3rem;
border-right:1px solid var(--light);
/*border-top-right-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;*/
min-height: 104px;
}
.counter-wrap .container .row .col-12:nth-child(3) .counter-col {
border-right: 0px;
}
.counter-col svg {
width: 50px;
height: 50px;
}
.counter-col span {
text-transform: uppercase;
font-weight: 700;
}
.counter-col span span {
display: block;
}
.counter-col:hover a,
.counter-col:hover {
color: #fff;
}
.counter-wrap .col-sm-6 {
border-right: 1px solid #a2a2a2;
}
.counter-wrap .col-sm-6:nth-child(4),
.counter-wrap .col-sm-6:nth-child(2) {
border-right: 0px solid #fff;
}
.counter-col a {
color: #fff;
}
.counter {
margin-bottom: 10px;
font-size: 60px!important;
font-weight: 700;
height: 100px;
line-height: 100px;
color: var(--base);
}
.counter-col span {
color: var(--base);
}
.counter_.space {
height: 20px;
}
/*.counter-col {
padding-left: 5vw;
padding-right: 5vw;
}*/
.counter.after-plus:after {
content: '+';
}
/*
.counter.before-plus:after {
content: '+';
}*/
.counter-wrap strong {
color: var(--primary);
font-weight: normal;
text-decoration: underline;
}
.counter-wrap .col-12:last-child .counter-col span {
font-size: 2rem;
}
/* Zoekformulier */
#wpforms-form-6 #choices--wpforms-6-field_50-item-choice-3,
#wpforms-form-6 #choices--wpforms-6-field_2-item-choice-3 {
display: none;
}
/* img overlay */
.wp-block-group.wp-block-group-image-mask .wp-block-columns {
gap: 0;
}
.img-overlay {
position: relative;
}
.wp-block-group-image-mask .wp-block-image.img-overlay figcaption {
text-align: left;
font-family: 'Journal';
font-size: 2.5rem;
position: relative;
z-index: 11;
padding: 0 20px;
top: -50px;
}
.img-overlay {
overflow: hidden;
}
.img-overlay img {
height: auto;
object-fit: cover;
aspect-ratio: 3 / 2.7;
transition: all ease 0.5s;
}
.img-overlay:hover img {
transform: scale(1.1);
}
.img-overlay:after {
background-image: url('https://www.vanhasselmakelaars.nl/wp-content/themes/vanhasselmakelaars/images/img-overlay.png');
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-size: contain;
content: '';
display: block;
position: absolute;
top: 0;
}
.img-overlay:hover:after {
background-image: url('https://www.vanhasselmakelaars.nl/wp-content/themes/vanhasselmakelaars/images/img-overlay-hover.png');
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-size: contain;
content: '';
display: block;
position: absolute;
top: 0;
}
/* overlay 2 */
.img-overlay-2 {
overflow: hidden;
position: relative;
}
.img-overlay-2 img {
width: 100%;
object-fit: cover;
aspect-ratio: 1 / 1;
transition: all ease 0.5s;
}
.img-overlay-2:hover img {
transform: scale(1.1);
}
.img-overlay-2:after {
background-image: url('https://www.vanhasselmakelaars.nl/wp-content/themes/vanhasselmakelaars/images/img-overlay.png');
background-repeat: no-repeat;
width: calc(100% + 2px);
height: calc(100% + 2px);
background-size: cover;
content: '';
display: block;
position: absolute;
top: 0;
}
.img-overlay-2:hover:after {
background-image: url('https://www.vanhasselmakelaars.nl/wp-content/themes/vanhasselmakelaars/images/img-overlay-hover.png');
background-repeat: no-repeat;
width: calc(100% + 2px);
height: calc(100% + 2px);
background-size: cover;
content: '';
display: block;
position: absolute;
top: 0;
}
.medewerker.overlay .medewerker-image h3 {
text-align: left;
font-family: 'Journal';
font-size: 3rem;
position: absolute;
z-index: 11;
padding: 0 20px;
bottom : 5px;
font-weight: 400;
color: var(--primary);
}
.modal-text,
.modal-image {
float: left;
}
.modal-image {
width: 45%;
}
.modal-image img {
object-fit: cover;
aspect-ratio: 1/1;
}
.modal-text {
width: 55%;
padding: 1rem 2rem;
}
.modal-text h2 {
margin-bottom: 0;
font-family: 'Journal';
font-size: 3.5rem;
font-weight: 400;
}
.custom-modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
}
.custom-modal.active {
display: block;
}
.custom-modal .modal-content {
background: #fff;
display: ;
margin: 5% auto;
padding: 0px;
max-width: 768px;
position: relative;
border-radius: 8px;
flex-direction: row;
border: 0px;
transform: translate(0px, 100%);
}
.close-modal {
position: absolute;
right: 15px;
top: 10px;
font-size: 28px;
cursor: pointer;
}
/* Footer */
.footer {
background-color: var(--quaternary);
font-size: 1rem;
color: var(--secondary);
}
@media(min-width: 992px) {
.footer .col-lg-2:nth-of-type(2),
.footer .col-lg-2:nth-of-type(1) {
width: 20%;
}
}
.footer .footer-logo svg {
width: 182px;
height: 140px;
}
.footer h5 {
font-size: 1.2rem;
color: var(--quinary);
font-weight: 700;
}
.footer li {
line-height: 2;
}
.footer li a {
color: var(--secondary);
}
.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(--primary);
border-width: 0 2px 2px 0;
display: inline-block;
content: '';
}
.footer ul.list-social li a.svg-rounded {
width: 50px;
height: 50px;
background-color: var(--quinary);
border: 1px solid var(--quinary);
}
.footer ul.list-social li svg.svg-social .svg-facebook,
.footer ul.list-social li svg.svg-social .svg-twitter,
.footer ul.list-social li svg.svg-social .svg-linkedin,
.footer ul.list-social li svg.svg-social .svg-youtube,
.footer ul.list-social li svg.svg-social .svg-instagram,
.footer ul.list-social li svg.svg-social .svg-whatsapp,
.footer ul.list-social li svg.svg-social .svg-tiktok {
fill: var(--tertiary);
}
.footer ul.list-social li a.svg-rounded:hover,
.footer ul.list-social li a.svg-rounded:focus {
background-color: var(--tertiary);
border-color: var(--secondary);
}
.footer ul.list-social li a.svg-rounded:hover svg.svg-social .svg-facebook,
.footer ul.list-social li a.svg-rounded:hover svg.svg-social .svg-twitter,
.footer ul.list-social li a.svg-rounded:hover svg.svg-social .svg-linkedin,
.footer ul.list-social li a.svg-rounded:hover svg.svg-social .svg-youtube,
.footer ul.list-social li a.svg-rounded:hover svg.svg-social .svg-instagram,
.footer ul.list-social li a.svg-rounded:hover svg.svg-social .svg-whatsapp,
.footer ul.list-social li a.svg-rounded:hover svg.svg-social .svg-tiktok {
fill: var(--primary);
}
.footer .footer-partner svg {
height: 40px;
}
.partners-list {
padding-left: 0
}
.partners-list a.d-block {
display: inline-block!important;
margin-right: 5%;
height: 40px;
width: auto
}
svg.svg-brand .svg-nvm-1,svg.svg-brand .svg-nvm-business-1,svg.svg-brand .svg-mva-1,svg.svg-brand .svg-mva-expats-1,svg.svg-brand .svg-funda-1,svg.svg-brand .svg-funda-ib-1,svg.svg-brand .svg-funda-3,svg.svg-brand .svg-funda-ib-3,svg.svg-brand .svg-funda-ib-4,svg.svg-brand .svg-pararius-1,svg.svg-brand .svg-pararius-2,svg.svg-brand .svg-vbo-2,svg.svg-brand .svg-vastgoedcert-1,svg.svg-brand .svg-vastgoedcert-2,svg.svg-brand .svg-nwwi-2,svg.svg-brand .svg-tmi-1,svg.svg-brand .svg-tmi-2,svg.svg-brand .svg-nrvt-2,svg.svg-brand .svg-scvm-1,svg.svg-brand .svg-scvm-2,svg.svg-brand .svg-scvm-3,svg.svg-brand .svg-scvm-4,svg.svg-brand .svg-vastgoedpro-1,svg.svg-brand .svg-vastgoedpro-2,svg.svg-brand .svg-qualis-1,svg.svg-brand .svg-qualis-2,svg.svg-brand .svg-tophuis-1 {
fill: var(--primary);
}
svg.svg-brand .svg-nwwi-3 {
fill: var(--primary);
opacity: .4
}
svg.svg-brand .svg-nrvt-1 {
fill: var(--quaternary);
}
.svg-nrvt {
height: 40px;
filter: brightness(100)
}
.partners-list.partners-list a svg.svg-brand:first-child {
margin: 0!important
}
.partners-list.partners-list a svg.svg-brand {
margin: 10px
}
.partners-list svg.svg-brand {
max-height: 50px;
height: 30px
}
svg.svg-brand .svg-vbo-1,svg.svg-brand .svg-funda-2,svg.svg-brand .svg-funda-ib-2,svg.svg-brand .svg-nwwi-1,svg.svg-brand .svg-qualis-3 {
fill: #fff0
}
.footer-copyright {
background-color: var(--quinary);
font-size: .8rem;
color: var(--tertiary);
}
.footer-copyright a {
color: var(--tertiary);
}
/* Search site */
.facetwp-template .fwpl-layout{
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
display: grid;
}
.facetwp-template .fwpl-layout .fwpl-result {
padding: 2rem;
border: 2px solid #ebe4db;
}
.facetwp-template .fwpl-layout .fwpl-result > .fwpl-row:nth-of-type(1) {
margin-bottom: 1rem;
color: var(--primary);
font-weight: 700;
display: flex;
}
.facetwp-template .fwpl-layout .fwpl-result > .fwpl-row:nth-of-type(1) > div > div:not(.is-empty) {
padding-right: .3rem;
}
.facetwp-facet.facetwp-facet-pagination {
margin-top: 2rem;
}
/* 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: var(--tertiary)!important;
box-shadow: none;
}
.announcement .announcement-image img {
width: 100%;
max-height: 75px;
object-fit: cover;
}
.announcement h4 {
line-height: 1.2;
font-size: 1.3rem;
}
.announcement a.btn {
margin-left: auto;
margin-right: auto;
display: table;
}
.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: var(--tertiary);
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: var(--tertiary);
}
.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;
}
}
/* Modal search */
.modal-search h5 {
font-size: 1.2rem;
}
/* TEMP
.navbar,
.page-slider,
.wp-block-group.wp-block-group-slider-cta,
.wp-block-group.wp-block-group-info,
.wp-block-group.wp-block-group-services,
.wp-block-group.wp-block-group-slogan,
.wp-block-group.wp-block-group-content-image,
.wp-block-group.wp-block-group-image-content,
.wp-block-group.wp-block-group-objects,
.wp-block-group.wp-block-group-items,
.wp-block-group.wp-block-group-reviews,
.wp-block-group.wp-block-group-cta,
.wp-block-group.wp-block-group-contact,
.footer,
.footer-copyright {
display: none!important;
}
*/
/* faq accordion */
.accordion-button:not(.collapsed) {
background-color: transparent;
border-color: transparent;
}
.accordion-button:not(.collapsed)::after {
background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231c3e2d'%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);
transform: rotate(-180deg);
}
.accordion-button h4 {
font-size: 1.2rem;
}
.wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(1) .accordion-body p {
color: var(--primary);
}
.wp-block-group.wp-block-group-content-image .wp-block-columns .wp-block-column:nth-child(1) .accordion-body p[style] {
opacity: 1 !important;
}
/* news */
.wp-block-latest-posts__featured-image img {
height: auto;
aspect-ratio: 2 / 1.75;
max-width: 100%;
width: auto;
object-fit: cover;
}
/*.wp-block-group-news {
padding-bottom: 0 ;
}
.wp-block-latest-posts.columns-3 li {
display: table;
background-color: #fff;
border-top-left-radius: 0;
overflow: hidden;
position: relative;
}
.wp-block-latest-posts__featured-image {
position: relative ;
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 0em;
text-align: center;
position: relative;
}
.wp-block-latest-posts__featured-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-latest-posts.columns-3 li:hover .wp-block-latest-posts__featured-image:after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: opacity .25s ease-in-out;
background: linear-gradient(20deg, var(--primary), transparent 70%);
content: '';
}
.wp-block-latest-posts__post-title {
font-size: 28px;
line-height: 35px;
display: block;
align-items: center;
padding: 2.5rem;
position: absolute;
bottom: 0;
color: #fff;
font-weight: 700;
min-height: 220px;
}
.wp-block-latest-posts__post-title:after {
width: 15px;
height: 15px;
position: absolute;
bottom: 50px;
left: 2.5rem;
background-size: auto;
-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: '';
margin-left: 6px;
padding: 2px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border: solid #fff;
border-width: 0 1px 1px 0;
}
.wp-block-latest-posts__post-title:hover {
color: #fff;
}
.wp-block-latest-posts__post-excerpt {
display: block;
width: 100%;
}
.blog-share a {
background-color: var(--primary);
}
.blog-share a:hover {
background-color: var(--quinary);
}
.blog-share a svg {
fill:#fff;
}
*/
/* marktupdates */
.wp-block-latest-posts.columns-3 li {
position: relative;
}
.wp-block-latest-posts__post-title {
font-size: 28px;
line-height: 35px;
display: block;
align-items: center;
padding: 2.5rem;
bottom: 0;
font-weight: 700;
min-height: 190px;
border: 1px solid var(--primary);
}
.wp-block-latest-posts__post-title:after {
width: 15px;
height: 15px;
position: absolute;
background-size: auto;
-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: block;
content: '';
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
border: solid var(--primary);
border-width: 0 3px 3px 0;
border-radius: 2px;
margin-left: -2px;
bottom: 25px;
right: 20px;
}
/* shape overlay */
.shape-overlay:before {
position: absolute;
top: 0;
right: 25%;
margin-right: -100px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
content: '';
width: 110px;
height: 110px;
background-size: cover;
z-index: 11;
}
/* usp */
.wp-block-group.wp-block-group-items.wp-block-group-usp .wp-block-columns .wp-block-column {
background-color: var(--quinary);
color: #fff;
border-top-left-radius: 0;
padding: 2rem;
}
.wp-block-group.wp-block-group-items.wp-block-group-usp .wp-block-columns .wp-block-column:nth-child(1) {
display: inline-block;
}
.wp-block-group-usp svg {
float: left;
margin-right: 15px;
}
.wp-block-group-usp svg path {
position: relative;
top: 50%;
left: 50%;
}
.wp-block-group.wp-block-group-items.wp-block-group-usp .wp-block-columns .wp-block-column h3 {
padding-top: 11px;
color: #fff;
/*float: left;*/
}
.wp-block-group.wp-block-group-items.wp-block-group-usp .wp-block-columns .wp-block-column p:last-of-type {
/*float: left;*/
}
.wp-block-group-usp svg path {
fill: #fff;
}
@media(max-width: 767px) {
.slider-logo {
position: absolute;
top: -20px;
left: -1rem;
z-index: 999;
transform: scale(0.5);
}
.header-nvm {
right: 1rem;
top: 30px;
}
.navbar .navbar-brand {
padding: 0.75rem 0;
}
.page-slider,
.home .page-slider {
height: 50vh;
}
.home .page-slider .page-slider-info .align-items-end {
padding-bottom: 20px !important;
}
.page-slider .page-slider-info h1 {
font-size: 2rem;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title {
display: block;
}
.wp-block-group.wp-block-group-content-image.background .wp-block-columns .wp-block-column:nth-of-type(1),
.wp-block-group.wp-block-group-content-image.background-green .wp-block-columns .wp-block-column:nth-of-type(1) {
padding: 1.5rem;
}
.logo-regio-makelaars.wp-block-image .alignright {
float: none;
margin: 60px auto 0;
}
.wp-block-group.wp-block-group-services-new:before {
width: 70px;
height: 70px;
}
.wp-block-group.wp-block-group-objects h2 {
margin-bottom: 0;
}
#carouselReviews .carousel-item-content {
min-height: 530px;
}
.wp-block-group.wp-block-group-objects .wp-block-columns .wp-block-column ul li {
margin-bottom: 15px;
font-size: .8rem;
}
.properties-special .carousel-inner {
width: 100%;
}
.properties-special .carousel-control-prev, .properties-special .carousel-control-next {
top: 50%;
}
}