/* -------- Index --------
1.0 - Default
1.1 Theme defaults
2.0 - Layout
2.1 Navigation
2.2 Slider
2.3 Search / FacetWP
2.4 Objects
2.5 Object
2.6 Blog
2.7 Brands
2.8 Cookie
2.9 Breadcrumbs
3.0 Open house
3.0 - Forms
3.1 Form defaults
3.2 Privacystatement
4.0 - Print
5.0 - Tophuis
*/
/* --------------------------------------------------------------
1.0 Default
-------------------------------------------------------------- */
/* 1.1 Theme defaults */
body {
overflow-y: scroll;
}
.navbar-toggler,
input,
select,
textarea,
option,
button {
outline: none!important;
}
a,
.modal .modal-close,
.modal .modal-close:before,
.modal .modal-close:after {
-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;
}
.img-cover {
object-fit: cover;
}
.skip-link {
display: none;
}
.alignwide.wp-block-columns,
.alignwide .wp-block-group__inner-container {
max-width: 80vw;
margin-left: auto;
margin-right: auto;
}
.alignfull {
max-width: 100vw;
}
/* Modal */
.modal .modal-close {
width: 40px;
height: 40px;
top: -20px;
right: -20px;
background-color: #dfdfdf;
cursor: pointer;
z-index: 2;
}
.modal .modal-close:hover,
.modal .modal-close:focus {
background-color: #780807;
}
.modal .modal-close:before,
.modal .modal-close:after {
width: 15px;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
background-color: #780807;
content: "";
}
.modal .modal-close:before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.modal .modal-close:after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.modal .modal-close:hover:before,
.modal .modal-close:focus:before,
.modal .modal-close:hover:after,
.modal .modal-close:focus:after {
background-color: #000;
}
.modal-full-screen .modal-close {
top: 7px;
right: 20px;
border-radius: 50%!important;
background-color: #fff;
}
.modal-full-screen .modal-close:before,
.modal-full-screen .modal-close:after {
background-color: #333;
}
.modal-full-screen .modal-close:hover,
.modal-full-screen .modal-close:focus {
background-color: #fff;
color: #000;
}
.modal-full-screen .carousel-item {
background-color: #fff;
}
.modal-full-screen .carousel-control-prev,
.modal-full-screen .carousel-control-next {
height: 90%;
}
.modal-full-screen .carousel-control-prev:before,
.modal-full-screen .carousel-control-prev:after,
.modal-full-screen .carousel-control-next:before,
.modal-full-screen .carousel-control-next:after {
width: 30px;
height: 2px;
position: absolute;
left: 50%;
background-color: #333;
content: ""
}
.modal-full-screen .carousel-control-prev:before {
top: calc(50% - 10px);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg)
}
.modal-full-screen .carousel-control-prev:after {
top: calc(50% + 10px);
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg)
}
.modal-full-screen .carousel-control-next:before {
top: calc(50% - 10px);
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg)
}
.modal-full-screen .carousel-control-next:after {
top: calc(50% + 10px);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg)
}
.modal-full-screen .carousel-control-prev span,
.modal-full-screen .carousel-control-next span {
display: none
}
.modal-video video {
height: calc(100% - 59px) !important;
}
.modal-360 #panorama,
.modal-360 iframe {
width: 100%;
height: 100%;
}
.modal-floorplan iframe {
width: 100%;
height: 100%;
}
/*
.modal-open-house .modal-content {
background-image: url(../images/nvm-clouds.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
*/
.modal-open-house .modal-image {
left: -200px;
bottom: -10px;
}
.modal-open-house .modal-image img {
max-width: 590px;
}
.modal-open-house .modal-body-text {
background-color: #e3175c;
}
.modal-open-house .btn-gnr-popup {
background: #e3175c;
background: -moz-linear-gradient(left, #e3175c 0%, #e3175c 19%, #005797 77%, #005797 100%);
background: -webkit-linear-gradient(left, #e3175c 0%,#e3175c 19%,#005797 77%,#005797 100%);
background: linear-gradient(to right, #e3175c 0%,#e3175c 19%,#005797 77%,#005797 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3175c', endColorstr='#005797',GradientType=1 );
color: #fff;
}
.modal-open-house .btn-gnr-popup svg {
max-width: 16px;
top: 50%;
right: 3rem;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
fill: #fff;
}
.modal-open-house .btn-gnr-popup:hover,
.modal-open-house .btn-gnr-popup:focus {
color: #fff;
}
.modal-open-house .modal-close {
background-color: #e3175c;
}
.modal-open-house .modal-close:before,
.modal-open-house .modal-close:after {
background-color: #fff;
}
.modal-open-house .modal-close:hover,
.modal-open-house .modal-close:focus {
background-color: #005797;
}
.modal-backdrop.show {
opacity: .8!important;
}
.modal-brochure .modal-body a {
color: #000;
}
.modal-brochure .modal-body a svg,
.modal-url .modal-body a svg {
max-width: 34px;
fill: #9b9b9b;
}
.carousel-control-prev,
.carousel-control-next {
width: 60px;
opacity: 1;
}
.carousel-control-prev:before,
.carousel-control-prev:after,
.carousel-control-next:before,
.carousel-control-next:after {
width: 30px;
height: 2px;
position: absolute;
left: 50%;
background-color: #fff;
content: "";
}
.carousel-control-prev:before {
top: calc(50% - 10px);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.carousel-control-prev:after {
top: calc(50% + 10px);
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.carousel-control-next:before {
top: calc(50% - 10px);
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.carousel-control-next:after {
top: calc(50% + 10px);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
/* --------------------------------------------------------------
2.0 Layout
-------------------------------------------------------------- */
/* 2.1 Navigation */
.navbar-brand img {
max-width: 300px;
}
.navbar-toggler {
width: 55px;
height: 50px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
z-index: 1000;
}
.navbar .navbar-toggler:focus {
box-shadow: none;
}
.navbar-toggler .navbar-toggler-line {
width: 24px;
height: 2px;
background-color: #333;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.navbar-toggler .navbar-toggler-line:nth-of-type(1) {
width: 23px;
-webkit-transform: rotate(-45deg) translate(-4px, 4px);
-ms-transform: rotate(-45deg) translate(-4px, 4px);
transform: rotate(-45deg) translate(-4px, 4px);
}
.navbar-toggler .navbar-toggler-line:nth-of-type(2) {
opacity: 0;
}
.navbar-toggler .navbar-toggler-line:nth-of-type(3) {
width: 23px;
margin-bottom: 0;
-webkit-transform: rotate(45deg) translate(-4px, -5px);
-ms-transform: rotate(45deg) translate(-4px, -5px);
transform: rotate(45deg) translate(-4px, -5px);
}
.navbar-toggler.collapsed .navbar-toggler-line:nth-of-type(1),
.navbar-toggler.collapsed .navbar-toggler-line:nth-of-type(3) {
width: 24px;
-webkit-transform: rotate(0) translate(0);
-ms-transform: rotate(0) translate(0);
transform: rotate(0) translate(0);
}
.navbar-toggler.collapsed .navbar-toggler-line:nth-of-type(2) {
opacity: 1;
}
/* 2.3 Search / FacetWP */
/* Basic */
.facetwp-facet .disabled,
.facetwp-overlay {
display: none;
}
.facetwp-counter {
font-size: 75%;
opacity: .7;
float: right;
}
.properties-filter-selections .facetwp-selections ul {
padding: 0;
font-size: 80%;
}
.properties-filter-selections .facetwp-selections .facetwp-selection-label {
margin-right: .3rem;
}
.properties-filter-selections .facetwp-selections .facetwp-selection-value {
position: relative;
padding: .5rem;
background-image: none;
border: 1px solid #f0f0f0;
}
.properties-filter-selections .facetwp-selections .facetwp-selection-value:before {
width: 20px;
height: 20px;
position: absolute;
top: -10px;
right: -10px;
background-color: #50245e;
border-radius: 50%;
content: "";
}
.properties-filter-selections .facetwp-selections .facetwp-selection-value:after {
position: absolute;
top: -8px;
right: -4px;
content: "\00D7";
font-size: 15px;
color: #fff;
}
.properties-filter {
position: relative;
}
.properties-filter .properties-save-search .properties-save-search-btn {
padding: .75rem;
border: 1px solid #0071b3;
box-shadow: 0 1px 0 rgba(0,0,0,.1),inset 0 0 0 rgba(0,0,0,.1);
color: #0071b3;
}
.properties-filter .properties-save-search .properties-save-search-btn svg {
max-height: 20px;
fill: #0071b3;
}
.properties-filter .facetwp-search-wrap {
width: 100%;
display: block;
}
.properties-filter .facetwp-btn {
display: none;
}
.properties-filter .facetwp-search-wrap input.facetwp-search,
.properties-filter .facetwp-type-autocomplete input.facetwp-autocomplete {
width: 100%;
height: 60px;
padding: 0 25px;
border: 0;
}
/*
.properties-filter .facetwp-type-autocomplete input.facetwp-autocomplete {
width: calc(100% - 50px);
}
*/
.properties-filter .facetwp-type-autocomplete input.facetwp-autocomplete-update {
width: 50px;
height: 60px;
background-color: #50245e;
border: 0;
color: #fff;
display: none;
}
.properties-filter .facetwp-checkbox,
.properties-filter .facetwp-radio {
position: relative;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 25px;
background-image: none;
}
.properties-filter .facetwp-checkbox:before,
.properties-filter .facetwp-radio:before {
width: 18px;
height: 18px;
position: absolute;
top: 6px;
left: 0;
border: 1px solid #d8d8d8;
border-radius: .25rem;
content: "";
}
.properties-filter .facetwp-radio:before {
top: 21px;
left: 20px;
}
.properties-filter .facetwp-checkbox:after,
.properties-filter .facetwp-radio:after {
width: 18px;
height: 18px;
position: absolute;
top: 6px;
left: 0;
content: "";
}
.properties-filter .facetwp-radio:after {
top: 21px;
left: 20px;
}
.properties-filter .facetwp-checkbox.checked:before,
.properties-filter .facetwp-radio.checked:before {
background-color: #40826c;
border-color: #40826c;
}
.properties-filter .facetwp-radio.checked {
background-image: none;
}
.properties-filter .facetwp-checkbox.checked:after,
.properties-filter .facetwp-radio.checked:after {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
background-repeat: no-repeat;
background-position: center;
}
.properties-filter .facetwp-toggle {
padding-top: 1rem;
color: #999;
text-decoration: underline;
}
.properties-filter .properties-filter-range-list {
width: 100%;
height: 60px;
line-height: 60px;
position: relative;
margin-bottom: .5rem;
padding: 0 40px 0 20px;
background-color: #fff;
cursor: pointer;
z-index: 2;
}
.properties-filter .properties-filter-range-list.open {
z-index: 4;
}
.properties-filter .properties-filter-range-list:after {
margin: auto;
position: absolute;
top: 50%;
right: 25px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #333;
transition: ease-in 0.15s;
content: "";
}
.properties-filter .properties-filter-range-list.open:after {
transform: rotate(-180deg);
}
.properties-filter .properties-filter-range-list .facetwp-type-radio,
.properties-filter.properties-filter-v-1 .properties-filter-range-list .facetwp-type-checkboxes,
.properties-filter.properties-filter-v-search .properties-filter-range-list .facetwp-type-checkboxes {
width: 100%;
height: auto;
max-height: 320px;
position: absolute;
left: 0;
background-color: #fff;
overflow: auto;
display: none;
}
.properties-filter .properties-filter-range-list .facetwp-type-radio .facetwp-radio,
.properties-filter.properties-filter-v-1 .properties-filter-range-list .facetwp-type-checkboxes .facetwp-checkbox,
.properties-filter.properties-filter-v-search .properties-filter-range-list .facetwp-type-checkboxes .facetwp-checkbox {
margin-bottom: 0;
padding: 0 20px 0 50px;
border-bottom: 1px solid #eee;
}
.properties-filter .properties-filter-range-list .facetwp-type-radio .facetwp-radio:first-of-type,
.properties-filter.properties-filter-v-1 .properties-filter-range-list .facetwp-type-checkboxes .facetwp-checkbox:first-of-type,
.properties-filter.properties-filter-v-search .properties-filter-range-list .facetwp-type-checkboxes .facetwp-checkbox:first-of-type {
border-top: 1px solid #eee;
}
.properties-filter .properties-filter-range-list.open .facetwp-type-radio,
.properties-filter.properties-filter-v-1 .properties-filter-range-list.open .facetwp-type-checkboxes,
.properties-filter.properties-filter-v-search .properties-filter-range-list.open .facetwp-type-checkboxes {
margin-top: -1px;
display: block;
}
.properties-filter.properties-filter-v-search .properties-filter-range-list.open .facetwp-type-checkboxes.facetwp-facet-huurcondities {
border: 1px solid #eee;
}
.properties-filter.properties-filter-v-1 .properties-filter-range-list .facetwp-type-checkboxes .facetwp-checkbox:before,
.properties-filter.properties-filter-v-search .properties-filter-range-list .facetwp-type-checkboxes .facetwp-checkbox:before {
top: 23px;
left: 20px;
}
.properties-filter.properties-filter-v-1 .properties-filter-range-list .facetwp-type-checkboxes .facetwp-checkbox:after,
.properties-filter.properties-filter-v-search .properties-filter-range-list .facetwp-type-checkboxes .facetwp-checkbox:after {
top: 23px;
left: 20px;
}
.properties-filter.properties-filter-v-1 .properties-filter-range-list .facetwp-type-checkboxes .facetwp-checkbox.checked,
.properties-filter.properties-filter-v-search .properties-filter-range-list .facetwp-type-checkboxes .facetwp-checkbox.checked {
background-image: none;
}
.properties-filter-extra .properties-filter-show,
.properties-filter-extra .facetwp-sort,
.properties-filter-v-search .facetwp-sort,
.properties-filter-extra .facetwp-per-page {
min-width: 100px;
height: 60px;
margin-left: 1rem;
position: relative;
float: left;
}
@media (max-width: 767.98px) {
.properties-filter-extra .facetwp-sort,
.properties-filter-v-search .facetwp-sort,
.properties-filter-extra .facetwp-per-page {
margin-left: 0;
margin-right: 1rem;
}
.properties-filter-extra .facetwp-per-page {
margin-bottom: 1rem;
margin-left: 0;
margin-right: 1rem;
}
}
.properties-filter-v-search .facetwp-sort {
width: 100%;
margin-bottom: .5rem;
margin-left: 0;
}
.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 {
width: 7px;
height: 2px;
position: absolute;
top: 50%;
background-color: #212529;
content: "";
}
.properties-filter-extra .facetwp-sort:before,
.properties-filter-v-search .facetwp-sort:before,
.properties-filter-extra .facetwp-per-page:before {
right: 24px;
-webkit-transform: translate(0, -50%) rotate(45deg);
-ms-transform: translate(0, -50%) rotate(45deg);
transform: translate(0, -50%) rotate(45deg);
}
.properties-filter-extra .facetwp-sort:after,
.properties-filter-v-search .facetwp-sort:after,
.properties-filter-extra .facetwp-per-page:after {
right: 20px;
-webkit-transform: translate(0, -50%) rotate(-45deg);
-ms-transform: translate(0, -50%) rotate(-45deg);
transform: translate(0, -50%) rotate(-45deg);
}
.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 {
height: 60px;
margin: 0;
padding: 20px 40px 20px 20px;
background-color: #edefe9;
border: 0;
border-radius: 0;
box-sizing: border-box;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
display: block;
}
.properties-filter-extra .facetwp-sort .facetwp-sort-select::-ms-expand {
display: none;
}
.properties-filter-v-search .facetwp-sort .facetwp-sort-select::-ms-expand {
display: none;
}
.properties-filter-extra .properties-filter-favorite a {
line-height: 60px;
}
.properties-filter-extra .properties-filter-favorite a span.properties-filter-favorite {
width: 60px;
height: 60px;
background-color: #edefe9;
}
.properties-filter-extra .properties-filter-favorite a span.properties-filter-favorite svg {
max-width: 18px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.properties-filter-extra .properties-filter-maps {
margin-left: 1rem;
}
.properties-filter-extra .properties-filter-maps a {
width: 60px;
height: 60px;
background-color: #edefe9;
}
.properties-filter-extra .properties-filter-maps a svg {
max-width: 24px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.properties-filter-default {
position: relative;
z-index: 3;
}
.properties-filter-more-options {
background-color: #f6f7f4;
z-index: 2;
}
.properties-filter-more-close {
background-color: #fafbf7;
}
.properties-filter-more-close a {
height: 60px;
line-height: 60px;
background-color: #50245e;
cursor: pointer;
}
.properties-filter-more-close a .facetwp-counts {
margin-right: .5rem;
float: left;
}
.properties-filter-more-close a:hover,
.properties-filter-more-close a:focus {
text-decoration: none;
}
/* Version 1 */
.properties-filter-v-1 {
background-color: #edefe9;
}
.properties-filter-v-1 .facetwp-type-fselect .fs-wrap,
.properties-filter-v-search .facetwp-type-fselect .fs-wrap,
.properties-filter-v-1 .facetwp-type-fselect .fs-dropdown,
.properties-filter-v-search .facetwp-type-fselect .fs-dropdown {
width: 100%;
}
.properties-filter-v-1 .facetwp-type-fselect .fs-wrap,
.properties-filter-v-search .facetwp-type-fselect .fs-wrap {
position: relative;
}
.properties-filter-v-1 .facetwp-facet,
.properties-filter-v-search .facetwp-facet {
height: 60px;
margin-bottom: .5rem;
}
.properties-filter-v-1 .fs-label-wrap {
width: 100%;
border: 0;
cursor: pointer;
}
.properties-filter-v-1 .fs-label-wrap .fs-label,
.properties-filter-v-search .fs-label-wrap .fs-label {
height: 58px;
line-height: 58px;
padding: 0 40px 0 20px;
}
.properties-filter-v-1 .fs-search,
.properties-filter-v-search .fs-search {
padding: 20px;
background-color: transparent;
border-top: 1px solid #eee;
}
.properties-filter-v-1 .fs-search input,
.properties-filter-v-search .fs-search input {
padding-top: 5px;
padding-bottom: 5px;
}
.properties-filter-v-1 .fs-no-results,
.properties-filter-v-search .fs-no-results {
padding: 20px;
}
.properties-filter-v-1 .fs-dropdown,
.properties-filter-v-search .fs-dropdown {
margin-top: 0;
border: 0;
}
.properties-filter-v-1 .fs-dropdown .fs-options,
.properties-filter-v-search .fs-dropdown .fs-options {
max-height: 320px;
}
.properties-filter-v-1 .fs-wrap.multiple .fs-option,
.properties-filter-v-search .fs-wrap.multiple .fs-option,
.properties-filter-v-1 .fsearch-wrap.multiple .fs-option,
.properties-filter-v-search .fsearch-wrap.multiple .fs-option {
padding: 25px 20px 25px 50px;
}
.properties-filter-v-1 .fs-wrap.multiple .fs-checkbox,
.properties-filter-v-search .fs-wrap.multiple .fs-checkbox,
.properties-filter-v-1 .fs-searchrap.multiple .fs-checkbox,
.properties-filter-v-search .fs-searchrap.multiple .fs-checkbox {
width: 18px;
left: 20px;
}
.properties-filter-v-1 .fs-wrap.multiple .fs-option .fs-checkbox i,
.properties-filter-v-search .fs-wrap.multiple .fs-option .fs-checkbox i,
.properties-filter-v-1 .fs-wrap.multiple .fs-option .fssearchcheckbox i,
.properties-filter-v-search .fs-wrap.multiple .fs-option .fssearchcheckbox i {
width: 18px;
height: 18px;
border-color: #d8d8d8;
border-radius: .25rem;
}
.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 {
background-color: #40826c;
}
.properties-filter-v-1 .fs-arrow,
.properties-filter-v-search .fs-arrow {
right: 25px;
}
.properties-filter-v-1 .properties-filter-more {
height: 60px;
line-height: 60px;
background-color: #40826c;
cursor: pointer;
}
.properties-filter-v-1 .properties-filter-reset {
width: 26px;
height: 26px;
top: -13px;
right: 2px;
background-color: #50245e;
cursor: pointer;
}
.properties-filter-v-1 .properties-filter-reset:before,
.properties-filter-v-1 .properties-filter-reset:after {
width: 10px;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
background-color: #fff;
content: "";
}
.properties-filter-v-1 .properties-filter-reset:before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.properties-filter-v-1 .properties-filter-reset:after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.properties-filter-v-search .properties-filter-btn {
width: 100%;
height: 60px;
line-height: 60px;
background-color: #40826c;
cursor: pointer;
z-index: 1;
}
.properties-filter-v-search .properties-filter-btn .facetwp-counts {
width: 26px;
height: 26px;
line-height: 26px;
position: absolute;
top: -6px;
right: -13px;
background-color: #50245e;
border-radius: 50%;
font-size: .7rem;
font-weight: 700;
cursor: pointer;
}
@media (max-width: 767.98px) {
.properties-filter-v-1 .facetwp-facet,
.properties-filter-v-1 .properties-filter-range-list {
margin-bottom: .5rem;
}
.properties-filter-show {
padding-right: 20px!important;
cursor: pointer;
}
.properties-filter-show svg {
max-width: 20px;
}
.properties-filter:not(.properties-filter-v-search) {
width: 100%;
height: 100vh;
position: fixed!important;
top: 0;
left: -100%;
-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;
z-index: 9999;
overflow-y: scroll;
overflow-x: hidden;
}
.properties-filter-v-2 {
background-color: #fff;
}
.properties-filter.closed:not(.properties-filter-v-search) {
left: -100%;
}
.properties-filter.open {
left: 0;
}
.col-properties-filter {
position: static!important;
}
.properties-filter .properties-filter-header,
.properties-filter-more-options,
.properties-filter-more-close {
background-color: #edefe9;
}
.properties-filter-v-1 .properties-filter-header {
background-color: #fff;
}
.properties-filter .properties-filter-header span.close {
width: 15px;
height: 15px;
top: 50%;
right: 1rem;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
opacity: 1;
z-index: 2;
}
.properties-filter .properties-filter-header span.close:hover,
.properties-filter .properties-filter-header span.close:focus {
opacity: 1;
}
.properties-filter .properties-filter-header span.close:before,
.properties-filter .properties-filter-header span.close:after {
width: 15px;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
background-color: #000;
content: "";
}
.properties-filter .properties-filter-header span.close:before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.properties-filter .properties-filter-header span.close:after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.properties-filter .properties-filter-button {
width: calc(100% - 3rem);
height: 40px;
line-height: 40px;
position: relative;
bottom: 1rem;
left: -100%;
background-color: #50245e;
cursor: pointer;
-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;
z-index: 1002;
}
.properties-filter.open .properties-filter-button {
left: 1rem;
}
.properties-filter .properties-filter-button .facetwp-counts {
margin-right: .5rem;
float: left;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.properties-filter-v-1 .facetwp-facet,
.properties-filter-v-1 .properties-filter-range-list {
margin-bottom: .5rem;
}
}
/* Version 2 */
.properties-filter-v-2 .facetwp-search-wrap input.facetwp-search,
.properties-filter-v-2 .facetwp-type-autocomplete input.facetwp-autocomplete,
.properties-filter-v-2 .properties-filter-range-list {
background-color: #edefe9;
}
.properties-filter-v-2 .facetwp-checkbox:before,
.properties-filter-v-2 .facetwp-checkbox:after,
.properties-filter-v-2 .facetwp-radio:before,
.properties-filter-v-2 .facetwp-radio:after {
top: 8px;
left: 0;
}
.properties-filter-v-2 .facetwp-facet-prijs_van .facetwp-radio:before,
.properties-filter-v-2 .facetwp-facet-prijs_van .facetwp-radio:after,
.properties-filter-v-2 .facetwp-facet-prijs_tot .facetwp-radio:before,
.properties-filter-v-2 .facetwp-facet-prijs_tot .facetwp-radio:after,
.properties-filter-v-2 .facetwp-facet-prijs_van_huur .facetwp-radio:before,
.properties-filter-v-2 .facetwp-facet-prijs_van_huur .facetwp-radio:after,
.properties-filter-v-2 .facetwp-facet-prijs_tot_huur .facetwp-radio:before,
.properties-filter-v-2 .facetwp-facet-prijs_tot_huur .facetwp-radio:after {
top: 20px;
left: 15px;
}
.properties-filter-v-2 .facetwp-facet-prijs_filter .facetwp-checkbox {
text-transform: capitalize;
}
.properties-filter-v-1 .facetwp-facet-prijs_filter .fs-search,
.properties-filter-v-2 .facetwp-facet-prijs_filter .fs-search {
display: none;
}
.properties-filter-v-1 .facetwp-facet-prijs_filter .fs-wrap.multiple .fs-option {
text-transform: capitalize;
}
.properties-filter-v-2 .properties-filter-title span.properties-filter-collapse {
width: 10px;
height: 10px;
top: 8px;
right: 0;
}
.properties-filter-v-2 .properties-filter-title span.properties-filter-collapse:before,
.properties-filter-v-2 .properties-filter-title span.properties-filter-collapse:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #212529;
content: "";
}
.properties-filter-v-2 .properties-filter-title span.properties-filter-collapse:before {
width: 10px;
height: 2px;
}
.properties-filter-v-2 .properties-filter-title span.properties-filter-collapse:after {
width: 2px;
height: 10px;
display: none;
}
.properties-filter-v-2 .properties-filter-title.collapsed span.properties-filter-collapse:after {
display: block;
}
/* Object types nested */
.properties-filter-v-2 .properties-filter-object-types-nested .facetwp-facet-objecttype_wh_nested,
.properties-filter-v-2 .properties-filter-object-types-nested .facetwp-facet-objecttype_app_nested,
.properties-filter-v-2 .properties-filter-object-types-nested .facetwp-facet-objecttype_bg_nested {
margin-bottom: 0;
}
.properties-filter-v-2 .properties-filter-object-types-nested .facetwp-facet-woonhuis_types,
.properties-filter-v-2 .properties-filter-object-types-nested .facetwp-facet-appartement_types {
margin-bottom: 0;
padding-left: 1rem;
}
/* Object types nested */
/* FIX OVERLAY */
.properties-filter-v-2 .col-properties-filter-price-from {
z-index: 1003;
}
.properties-filter-v-2 .col-properties-filter-price-till {
z-index: 1002;
}
/* FIX SEARCH PLACES/TYPES */
.properties-filter-v-2 .facetwp-type-fselect.facetwp-type-fselect-more,
.properties-filter-v-2 .facetwp-type-fselect.facetwp-kind-fselect-more {
margin-bottom: 0;
}
.properties-filter-v-1 .facetwp-facet-zoeken.facetwp-type-fselect .fs-label-wrap,
.properties-filter-v-2 .facetwp-type-fselect .fs-label-wrap {
display: none;
}
.properties-filter-v-1 .facetwp-facet-zoeken.facetwp-type-fselect {
height: auto;
}
.properties-filter-v-1 .facetwp-facet-zoeken.facetwp-type-fselect .fs-search {
padding-top: 14px;
padding-bottom: 14px;
}
.properties-filter-v-1 .facetwp-facet-zoeken.facetwp-type-fselect .fs-dropdown,
.properties-filter-v-2 .facetwp-type-fselect .fs-dropdown {
width: 100%;
position: relative;
margin-top: 0;
border: 0;
display: block!important;
}
.properties-filter-v-1 .facetwp-facet-zoeken.facetwp-type-fselect .fs-dropdown .fs-options,
.properties-filter-v-2 .facetwp-type-fselect .fs-dropdown .fs-options,
.properties-filter-v-2 .facetwp-energielabel-fselect .fs-dropdown .fs-options {
overflow: hidden;
}
.properties-filter-v-1 .facetwp-facet-zoeken.facetwp-type-fselect .fs-dropdown .fs-options {
width: 100%;
position: absolute;
background-color: #fff;
}
.properties-filter-v-1 .facetwp-facet-zoeken.facetwp-type-fselect.facetwp-facet-open .fs-dropdown .fs-options,
.properties-filter-v-2 .facetwp-type-fselect.facetwp-facet-open .fs-dropdown .fs-options {
max-height: 100%!important;
}
.properties-filter-v-2 .facetwp-type-fselect .fs-dropdown .fs-search {
padding-left: 0;
padding-right: 0;
background-color: transparent;
border: 0;
}
.properties-filter-v-2 .facetwp-type-fselect .fs-dropdown .fs-search input {
padding-top: 12px;
padding-bottom: 12px;
}
.properties-filter-v-2 .facetwp-type-fselect .fs-wrap {
width: 100%;
}
.properties-filter-v-2 .facetwp-type-fselect .fs-wrap.multiple .fs-option {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 26px;
padding-right: 0;
border-bottom: 0;
}
.properties-filter-v-2 .facetwp-type-fselect .fs-wrap.multiple .fs-option .fs-checkbox i {
width: 18px;
height: 18px;
margin-left: 0;
border: 1px solid #d8d8d8;
border-radius: .25rem;
}
.properties-filter-v-2 .facetwp-type-fselect .fs-wrap.multiple .fs-option.selected .fs-checkbox i {
background-color: #40826c;
border-color: #40826c;
}
.properties-filter-v-2 .properties-filter-show-more {
color: #999;
text-decoration: underline;
cursor: pointer;
}
/* FacetWP Autocomplete fix */
.properties-filter-v-2 .facetwp-facet-vrijezoekterm .facetwp-input-wrap {
display: block;
}
.properties-filter-v-2 .facetwp-facet-zoeken .fs-search input,
.properties-filter-v-2 .facetwp-facet-vrijezoekterm input.facetwp-search {
width: 100%;
height: 60px;
padding: 0 25px;
background-color: #edefe9;
border: 0;
}
.properties-filter-v-2 .facetwp-facet-vrijezoekterm .facetwp-icon {
right: 10px;
}
.properties-filter-v-1 .facetwp-facet-zoeken .fs-options,
.properties-filter-v-2 .facetwp-facet-zoeken .fs-options {
display: none;
}
/* Direct Search */
.properties-filter-v-search .fs-label-wrap {
width: 100%;
border-color: #edefe9;
cursor: pointer;
}
.properties-filter-v-search .facetwp-type-fselect .fs-dropdown,
.properties-filter-v-search .facetwp-search-wrap input.facetwp-search,
.properties-filter-v-search .facetwp-type-autocomplete input.facetwp-autocomplete,
.properties-filter-v-search .facetwp-sort .facetwp-sort-select,
.properties-filter-v-search .properties-filter-range-list,
.properties-filter-v-search .properties-filter-range-list .facetwp-type-radio,
.properties-filter-v-search .properties-filter-range-list .facetwp-type-checkbox {
border: 1px solid #edefe9;
}
.properties-filter-v-search .facetwp-sort .facetwp-sort-select {
width: 100%;
background-color: #fff;
}
.properties-filter-v-search .properties-filter-fw-prices {
z-index: 7
}
.properties-filter-v-search .properties-filter-fw-rooms {
z-index: 6
}
.properties-filter-v-search .properties-filter-fw-bedrooms {
z-index: 5;
}
.properties-filter-v-search .properties-filter-fw-constructionyear {
z-index: 4;
}
.properties-filter-v-search .properties-filter-fw-propertysurface {
z-index: 3;
}
.properties-filter-v-search .properties-filter-fw-usagearea {
z-index: 2;
}
.properties-filter-v-search .facetwp-facet-zoeken .fs-label-wrap {
display: none;
}
.properties-filter-v-search .facetwp-facet-zoeken .fs-dropdown {
width: 100%;
position: relative;
margin-top: 0;
border: 0;
display: block !important;
z-index: 20;
}
.properties-filter-v-search .properties-filter-reset {
width: 26px;
height: 26px;
top: -13px;
right: 2px;
background-color: #50245e;
cursor: pointer;
z-index: 10;
}
.properties-filter-v-search .properties-filter-reset:before,
.properties-filter-v-search .properties-filter-reset:after {
width: 10px;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
background-color: #fff;
content: "";
}
.properties-filter-v-search .properties-filter-reset:before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.properties-filter-v-search .properties-filter-reset:after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
/* Autocomplete fix */
.properties-filter-v-search .facetwp-facet-zoeken .fs-wrap {
position: relative;
}
.properties-filter-v-search .facetwp-facet-zoeken .fs-label-wrap {
width: 100%;
height: 60px;
line-height: 60px;
position: absolute;
top: 0;
padding: 0 25px;
z-index: 1001;
display: none;
}
.properties-filter-v-search .selected .facetwp-facet-zoeken .fs-label-wrap {
display: block;
}
.properties-filter-v-search .facetwp-facet-zoeken .fs-label {
padding: 0;
}
.properties-filter-v-search .facetwp-facet-zoeken .fs-arrow {
display: none;
}
.properties-filter-v-search .facetwp-facet-zoeken .fs-search {
padding: 0;
background-color: transparent;
border: 0;
}
.properties-filter-v-search .facetwp-facet-zoeken .fs-search input {
height: 60px;
line-height: 60px;
position: relative;
padding: 0 40px 0 20px;
border: 1px solid #edefe9!important;
}
.properties-filter-v-search .facetwp-facet-zoeken .fs-options {
border-left: 1px solid #edefe9;
border-right: 1px solid #edefe9;
display: none;
}
.properties-filter-tabs li.properties-filter-tab {
border: 1px solid #edefe9;
border-bottom: 0;
cursor: pointer;
}
.properties-filter-tabs li.properties-filter-tab:not(:first-of-type) {
border-left: 0;
}
.properties-filter-tabs li.properties-filter-tab.active {
background-color: #40826c;
border-color: #40826c;
color: #fff;
}
/* Pagination */
.properties-pagination .facetwp-facet {
margin-bottom: 0;
margin-left: auto;
display: table;
}
.properties-pagination .facetwp-pager {
display: flex;
}
.properties-pagination .facetwp-pager a.facetwp-page {
position: relative;
margin-left: -1px;
margin-right: 0;
padding: .5rem .75rem;
background-color: #fff;
border: 1px solid #dee2e6;
line-height: 1.25;
display: block;
}
/* Objects */
.properties-title h1 {
font-size: 1.5rem;
}
.properties-title h1 span {
font-size: .8rem;
font-weight: 400;
}
.properties-title .facetwp-counts {
margin-top: 4px;
padding: .2rem;
background-color: #50245e;
font-size: .7rem;
color: #fff;
font-weight: 700;
display: table;
}
.properties.properties-layout-maps .container {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.properties.properties-layout-maps .container > .row {
--bs-gutter-y: 0;
--bs-gutter-x: 0;
}
.properties .object.object-fade {
opacity: 0;
}
.properties.properties-layout-1 .row.facetwp-template .col-12:nth-child(1) .object.object-fade,
.properties.properties-layout-1 .row.facetwp-template .col-12:nth-child(2) .object.object-fade,
.properties.properties-layout-2 .row.facetwp-template .col-12:nth-child(1) .object.object-fade,
.properties.properties-layout-2 .row.facetwp-template .col-12:nth-child(2) .object.object-fade,
.properties.properties-layout-2 .row.facetwp-template .col-12:nth-child(3) .object.object-fade,
.properties.properties-layout-2 .row.facetwp-template .col-12:nth-child(4) .object.object-fade,
.properties.properties-layout-3 .row.facetwp-template .col-12:nth-child(1) .object.object-fade,
.properties.properties-layout-3 .row.facetwp-template .col-12:nth-child(2) .object.object-fade,
.properties.properties-layout-3 .row.facetwp-template .col-12:nth-child(3) .object.object-fade,
.properties.properties-layout-3 .row.facetwp-template .col-12:nth-child(4) .object.object-fade,
.properties.properties-layout-3 .row.facetwp-template .col-12:nth-child(5) .object.object-fade,
.properties.properties-layout-3 .row.facetwp-template .col-12:nth-child(6) .object.object-fade {
opacity: 1!important;
}
.properties .object .object-image .object-image-empty {
height: 320px;
border: 1px solid #f0f0f0;
}
.properties .object .object-image .object-image-empty span {
font-size: 1.5rem;
}
.properties .object .object-image img {
width: 100%;
height: 320px;
}
.properties .object .object-image .object-image-tophuis {
top: .5rem;
left: .5rem;
}
.properties .object.object-open-house .object-image .object-image-tophuis {
top: 3.5rem;
}
.properties .object .object-image .object-image-tophuis svg {
width: 50px;
}
.properties.properties-layout-4 .object .object-image img {
height: 484px;
}
.properties.properties-layout-4 .object .object-image.object-image-small img {
height: 230px;
}
.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: #333;
color: #fff;
}
.properties .object .object-image div.object-status-new,
.properties-special .object .object-image div.object-status-new {
left: auto;
right: .5rem;
}
.properties .object .object-image div.object-status-new-favorite,
.properties-special .object .object-image div.object-status-new-favorite {
right: calc(1rem + 40px);
}
.properties .object .object-image .object-favorite,
.properties-special .object .object-image .object-favorite,
.object-detail-photo .object-favorite {
width: 40px;
height: 40px;
top: .5rem;
right: .5rem;
background-color: rgba(0, 0, 0, .4);
cursor: pointer;
}
.properties .object .object-image .object-favorite-delete,
.properties-special .object .object-image .object-favorite-delete,
.object-detail-photo .object-favorite-delete {
background-color: rgba(0, 0, 0, 1);
}
.properties .object .object-image .object-favorite svg,
.properties-special .object .object-image .object-favorite svg,
.object-detail-photo .object-favorite svg {
max-width: 18px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
fill: #fff;
}
.properties .object .object-image .object-image-info {
bottom: 0;
left: 0;
z-index: 2;
}
.properties .object .object-address .object-street,
.properties .object .object-address .object-housenumber,
.properties .object .object-address .object-housenumber-addition {
font-size: 1rem;
font-weight: 700;
}
.properties .object .object-price {
font-weight: 700;
}
/*
.properties .object .object-price .object-price-kind-of {
text-transform: capitalize;
}
*/
.properties .object .object-feature .object-feature-info {
word-wrap: break-word;
}
.properties .object .object-view a {
border: 1px solid #f0f0f0;
}
.properties .object .object-view a:hover,
.properties .object .object-view a:focus {
background-color: #f0f0f0;
}
.properties-maps,
.properties-maps .maps,
.properties-maps .properties-objects-maps {
height: calc(100vh - 217px);
}
.properties-maps {
overflow: hidden;
}
.properties-maps .maps .facetwp-facet-maps {
margin-bottom: 0;
height: 100%;
}
.properties-maps .maps .facetwp-facet-maps #facetwp-map {
height: 100%!important;
}
.properties-maps .properties-objects-maps {
overflow-y: scroll;
overflow-x: hidden;
}
.properties .objects-maps .maps-image img {
max-width: 250px;
}
.properties .objects-maps .maps-image .object-status {
top: 12px;
left: 12px;
background-color: #000;
color: #fff;
font-size: .8rem;
}
.properties .objects-maps .maps-info .object-address .object-street,
.properties .objects-maps .maps-info .object-address .object-housenumber,
.properties .objects-maps .maps-info .object-address .object-housenumber-addition {
font-size: 1rem;
font-weight: 700;
}
.properties .objects-maps .maps-info .object-price {
font-weight: 700;
}
/* TEMP */
.facetwp-map-filtering {
position: absolute;
top: 0;
left: 0;
display: none;
}
/* Object */
.properties-item .object-detail-extra li a,
.properties-item .object-detail-extra li div.object-favorite {
width: 45px;
height: 45px;
background-color: #f0f0f0;
border: 1px solid transparent;
cursor: pointer;
}
.properties-item .object-detail-extra li a:hover,
.properties-item .object-detail-extra li a:focus,
.properties-item .object-detail-extra li div.object-favorite:hover,
.properties-item .object-detail-extra li div.object-favorite:focus,
.properties-item .object-detail-extra li div.object-favorite-delete {
background-color: #fff;
border-color: #f0f0f0;
}
.properties-item .object-detail-extra li a svg,
.properties-item .object-detail-extra li div.object-favorite svg {
max-width: 16px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.properties-item .object-detail-extra li.object-detail-extra-li-back a {
background-color: #fff;
border-color: #f0f0f0;
}
.properties-item .object-detail-extra li.object-detail-extra-li-back a:hover,
.properties-item .object-detail-extra li.object-detail-extra-li-back a:focus {
background-color: #f0f0f0;
border-color: transparent;
}
.properties-item .object-detail-title {
font-size: 1.5rem;
}
.properties-item .object-detail-title-sub {
font-size: 1.2rem;
}
.properties-item .object-detail-photos .object-detail-photo-large img {
height: 500px;
}
.properties-item .object-detail-photos .object-detail-photo-large .object-detail-photo-video {
width: 50px;
height: 50px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #212529;
}
.properties-item .object-detail-photos .object-detail-photo-large .object-detail-photo-video svg {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.properties-item .object-detail-photos .object-detail-photo-medium img,
.properties-item .object-detail-photos .object-detail-photo-small img {
height: 246px;
}
.properties-item .object-detail-photos-v3 .object-detail-photo-medium img {
height: 186px;
}
.properties-item .object-detail-photos-v3 .object-detail-photo-small img {
height: 149px;
}
.properties-item .object-detail-matterport iframe {
height: 600px;
}
.properties-item .object-detail-photo-show-more {
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .3);
font-size: 2rem;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.properties-item .object-detail-photo-show-more:hover,
.properties-item .object-detail-photo-show-more:focus {
background-color: rgba(0, 0, 0, .5);
}
.properties-item .object-detail-photos-item {
height: 200px;
}
.properties-item .object-detail-other-media-item {
height: 200px;
}
.properties-item .object-detail-header .object-detail-adres h1 {
line-height: .8;
font-size: 2rem;
}
.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 {
text-transform: uppercase;
font-weight: 700;
}
.properties-item .object-detail-header .object-detail-adres h1 span.object-zipcode,
.properties-item .object-detail-header .object-detail-adres h1 span.object-place,
.properties-item .object-detail-header .object-detail-adres h1 span.object-province,
.properties-item .object-detail-header .object-detail-adres h1 span.object-township,
.properties-item .object-detail-header .object-detail-adres h1 span.object-neighbourhood,
.properties-item .object-detail-header .object-detail-adres h1 span.object-country {
font-size: 1rem;
opacity: .7;
}
.properties-item .object-detail-header .object-detail-adres h1 span.object-address-line {
display: block;
}
.properties-item .object-detail-header li a {
height: 40px;
line-height: 20px;
background-color: #f0f0f0;
border: 1px solid transparent;
}
.properties-item .object-detail-header li a:hover,
.properties-item .object-detail-header li a:focus {
background-color: #fff;
border-color: #f0f0f0;
}
.properties-item .object-detail-header li.li-header-phone a,
.properties-item .object-detail-header li.li-header-email a {
width: 40px;
}
.properties-item .object-detail-header li.li-header-phone a svg,
.properties-item .object-detail-header li.li-header-email a svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.properties-item .object-detail-navigation li a {
background-color: #f0f0f0;
border: 1px solid transparent;
}
.properties-item .object-detail-navigation li a:hover,
.properties-item .object-detail-navigation li a:focus {
background-color: #fff;
border-color: #f0f0f0;
}
.properties-item .object-detail-navigation li.list-object-navigation-tophuis a {
background-color: #c69c68;
color: #fff;
}
.properties-item .object-detail-contact {
border: 1px solid #f0f0f0;
}
.properties-item .object-detail-contact .object-share li a,
.modal .object-share li a {
width: 33px;
height: 33px;
background-color: #f0f0f0;
cursor: pointer;
}
.properties-item .object-detail-contact .object-share li a svg,
.modal .object-share li a svg {
max-width: 14px;
max-height: 14px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
fill: #000;
}
.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: #000;
}
.properties-item .object-features-highlight {
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
}
.properties-item .object-detail-features .object-detail-features-small,
.properties-item .object-detail-information .object-detail-description-small {
max-height: 250px;
overflow: hidden;
}
.properties-item .object-detail-features .object-detail-features-small:after,
.properties-item .object-detail-information .object-detail-description-small:after {
width: 100%;
height: 75px;
position: absolute;
bottom: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
content: "";
display: block;
}
.properties-item .object-detail-information .object-detail-description-printtext .object-detail-description-small {
max-height: none;
overflow: auto;
}
.properties-item .object-detail-information .object-detail-description-printtext .object-detail-description-small:after {
display: none;
}
.properties-item .object-detail-features .object-detail-features-more,
.properties-item .object-detail-information .object-detail-description-more,
.properties-item .object-detail-photos-full .object-detail-photos-more,
.properties-item .object-detail-maps .object-detail-maps-more {
border: 1px solid #f0f0f0;
cursor: pointer;
}
.properties-item .object-detail-features .object-detail-features-more:hover,
.properties-item .object-detail-features .object-detail-features-more:focus,
.properties-item .object-detail-information .object-detail-description-more:hover,
.properties-item .object-detail-information .object-detail-description-more:focus,
.properties-item .object-detail-photos-full .object-detail-photos-more:hover,
.properties-item .object-detail-photos-full .object-detail-photos-more:focus,
.properties-item .object-detail-maps .object-detail-maps-more:hover,
.properties-item .object-detail-maps .object-detail-maps-more:focus {
background-color: #f0f0f0;
}
.properties-item .object-detail-features .object-detail-features-more span:after,
.properties-item .object-detail-features .object-detail-features-more span:before,
.properties-item .object-detail-information .object-detail-description-more span:before,
.properties-item .object-detail-information .object-detail-description-more span:after,
.properties-item .object-detail-photos-full .object-detail-photos-more span:before,
.properties-item .object-detail-photos-full .object-detail-photos-more span:after {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-color: #333;
content: "";
}
.properties-item .object-detail-features .object-detail-features-more span:before,
.properties-item .object-detail-information .object-detail-description-more span:before,
.properties-item .object-detail-photos-full .object-detail-photos-more span:before {
width: 12px;
height: 2px;
}
.properties-item .object-detail-features .object-detail-features-more span:after,
.properties-item .object-detail-information .object-detail-description-more span:after,
.properties-item .object-detail-photos-full .object-detail-photos-more span:after {
width: 2px;
height: 12px;
left: 5px;
}
.properties-item .object-detail-features .object-detail-features-more-open span:after,
.properties-item .object-detail-information .object-detail-description-more-open span:after,
.properties-item .object-detail-photos-full .object-detail-photos-more-open span:after {
display: none;
}
.properties-item .object-detail-other-media a.object-detail-a4-document svg {
width: 50px;
fill: #cacaca;
}
.properties-item .object-detail-features .object-feature {
border-bottom: 1px solid #ededed;
}
.properties-item .object-detail-features .object-feature-title {
opacity: .5;
}
.properties-item .object-detail-features .object-feature-koopprijs .object-feature-title,
.properties-item .object-detail-features .object-feature-huurprijs .object-feature-title {
text-transform: capitalize;
}
.properties-item .object-detail-features .object-features-energy .object-feature-info {
height: 28px;
position: relative;
padding-left: 1rem;
padding-right: 1rem;
color: #fff;
display: table;
}
.properties-item .object-detail-features .object-features-energy .object-feature-info:after {
position: absolute;
top: 0;
right: -14px;
border-top: 14.9px solid transparent;
border-bottom: 14.9px solid transparent;
border-left: 14.9px solid #0a6536;
content: "";
}
.properties-item .object-detail-features .object-features-energy-A .object-feature-info {
background-color: #0a6536;
}
.properties-item .object-detail-features .object-features-energy-A .object-feature-info:after {
border-left-color: #0a6536;
}
.properties-item .object-detail-features .object-features-energy-B .object-feature-info {
background-color: #138c3b;
}
.properties-item .object-detail-features .object-features-energy-B .object-feature-info:after {
border-left-color: #138c3b;
}
.properties-item .object-detail-features .object-features-energy-C .object-feature-info {
background-color: #93be31;
}
.properties-item .object-detail-features .object-features-energy-C .object-feature-info:after {
border-left-color: #93be31;
}
.properties-item .object-detail-features .object-features-energy-D .object-feature-info {
background-color: #fee934;
}
.properties-item .object-detail-features .object-features-energy-D .object-feature-info:after {
border-left-color: #fee934;
}
.properties-item .object-detail-features .object-features-energy-E .object-feature-info {
background-color: #f5b141;
}
.properties-item .object-detail-features .object-features-energy-E .object-feature-info:after {
border-left-color: #f5b141;
}
.properties-item .object-detail-features .object-features-energy-F .object-feature-info {
background-color: #e75a21;
}
.properties-item .object-detail-features .object-features-energy-F .object-feature-info:after {
border-left-color: #e75a21;
}
.properties-item .object-detail-features .object-features-energy-G .object-feature-info {
background-color: #ba1a28;
}
.properties-item .object-detail-features .object-features-energy-G .object-feature-info:after {
border-left-color: #ba1a28;
}
.properties-item .object-detail-maps .object-detail-maps-frame {
height: 500px;
position: relative;
display: flex;
}
.properties-item .object-detail-maps-link .object-detail-maps-image {
height: 400px;
}
.properties-item .object-detail-maps-link .object-detail-maps-image span {
bottom: 3rem;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background-color: rgba(0, 0, 0, .5);
border: 1px solid transparent;
}
.properties-item .object-detail-maps .gm-style-iw-chr {
position: absolute;
top: 0px;
height: 28px;
display: block;
width: 100%;
}
.properties-item .object-detail-maps .gm-style-iw-chr button.gm-ui-hover-effect {
background-color: #ffffff !important;
position: absolute !important;
width: 24px !important;
height: 24px !important;
z-index: 2;
}
.properties-item .object-detail-maps .gm-style-iw-chr button.gm-ui-hover-effect span {
width: 24px !important;
height: 24px !important;
margin: 0 !important;
}
.properties-item .object-detail-maps .gm-style .gm-style-iw-t {
bottom: 64px!important;
}
.properties-item .object-detail-maps .gm-style .gm-style-iw-c {
padding: 0;
border-radius: 0;
box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3);
padding-top: 0 !important;
}
.properties-item .object-detail-maps .gm-style .gm-style-iw-t:after {
box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.properties-item .object-detail-maps .maps-object {
width: 250px;
}
.properties-item .object-detail-maps .maps-object-photo img {
max-width: 100%;
}
.properties-item .object-detail-maps .object-detail-maps-legend-distance span.object-detail-maps-legend-distance-walking:before,
.properties-item .object-detail-maps .object-detail-maps-legend-distance span.object-detail-maps-legend-distance-bicycle:before {
width: 20px;
height: 20px;
margin-right: .5rem;
border: 1px solid;
border-radius: 50%;
vertical-align: middle;
display: inline-block;
content: '';
}
.properties-item .object-detail-maps .object-detail-maps-legend-distance span.object-detail-maps-legend-distance-walking:before {
background-color: #bdd6f1;
border-color: #6ab4ff;
}
.properties-item .object-detail-maps .object-detail-maps-legend-distance span.object-detail-maps-legend-distance-bicycle:before {
background-color: #d6e1ea;
border-color: #6ab4ff;
}
.properties-item .object-detail-maps .object-detail-maps-legend-options h4 {
font-size: 1rem;
}
.properties-item .object-detail-maps .object-detail-maps-distanceText {
overflow-y: auto;
height: 300px;
}
.properties-item .object-detail-maps .object-detail-maps-distanceText .nearby-item {
cursor: pointer;
}
.properties-item .object-detail-maps .object-detail-maps-routeform .object-detail-maps-route-user {
position: relative;
}
.properties-item .object-detail-maps .object-detail-maps-routeform .userlocation {
background-position: center center;
width: 20px;
height: 20px;
display: inline-block;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer !important;
}
/*
.properties-item .object-detail-maps .object-detail-maps-legend-options li:before {
width: 18px;
height: 18px;
position: relative;
top: 5px;
margin-right: 15px;
border: 1px solid #e0e0e0;
border-radius: 3px;
content: '';
display: inline-block;
}
*/
.properties-item .object-detail-maps .object-detail-maps-frame #googleMap {
flex: auto;
}
.properties-item .object-detail-maps .object-detail-maps-frame #divNearbyDirectionpanel {
padding: 0 1rem;
max-width: 30rem;
height: 100%;
box-sizing: border-box;
overflow: auto;
flex: 0 1 auto;
border: 0;
border-left: 1px solid #b8b8b8;
}
.properties-item .object-detail-maps .object-detail-maps-frame #divNearbyDirectionpanel .adp-placemark td img.adp-marker2 {
display: none;
}
.properties-item .object-detail-maps .object-detail-maps-frame #divNearbyDirectionpanel .adp-placemark td.adp-text {
font-weight: 700;
line-height: 26px;
}
.properties-item .object-detail-maps .object-detail-maps-frame #divNearbyRouteText button.hide {
width: 80px;
height: 26px;
cursor: pointer;
border: 0px;
border-radius: 8px 8px 0px 0px;
background: #b8b8b8;
position: absolute;
right: 452px;
top: 201px;
transform: rotate(-90deg);
}
.properties-item .object-detail-maps .object-detail-maps-frame #divNearbyRouteText button.hide:after {
content: 'sluiten';
}
.properties-item .object-detail-maps .object-detail-maps-frame #divNearbyRouteText button.move-right {
right: -27px;
}
.properties-item .object-detail-maps .object-detail-maps-frame #divNearbyRouteText button.move-right:after {
content: 'open';
}
.properties-item .object-detail-maps .object-detail-maps-frame #divNearbyDirectionpanel > div {
padding: 0.5rem;
}
.properties-item .object-detail-maps .object-detail-maps-streetview-frame {
height: 300px;
}
.gm-style-iw-d .gm-iw {
margin: 28px 10px 18px 10px;
}
.gm-style-iw-d {
overflow: hidden !important;
}
.gm-ui-hover-effect {
background: inherit !important;
top: 0px !important;
right: 0px !important;
border: 1px solid;
}
div#marker-tooltip {
width: auto;
height: auto;
padding: 0 10px;
position: absolute;
font-size: 13px;
background: #fff;
border: 1px solid #97abc1;
border-radius: 2px;
display: block;
color: #333;
}
.properties-item .object-detail-maps .maps-places-company {
width: 90%;
}
.properties-item .object-detail-maps .maps-object-price {
top: .5rem;
left: .5rem;
background-color: #2e2e2e;
font-size: .7rem;
}
.properties-item .object-detail-zonnestand #zonnestand,
.properties-item .object-detail-open-streetmaps #map {
height: 550px;
}
.properties-item .object-detail-zonnestand .leaflet-popup,
.properties-item .object-detail-open-streetmaps .leaflet-popup {
bottom: 12px!important;
}
.properties-item .object-detail-zonnestand .leaflet-popup-content-wrapper,
.properties-item .object-detail-open-streetmaps .leaflet-popup-content-wrapper {
padding: 0;
border-radius: 0;
}
.properties-item .object-detail-zonnestand .leaflet-popup-content,
.properties-item .object-detail-open-streetmaps .leaflet-popup-content {
margin: 0;
}
.properties-item .object-detail-zonnestand .leaflet-container .leaflet-marker-pane img,
.properties-item .object-detail-open-streetmaps .leaflet-container .leaflet-marker-pane img {
margin-top: -30px!important;
}
.properties-item .object-detail-zonnestand .leaflet-container a.leaflet-popup-close-button,
.properties-item .object-detail-open-streetmaps .leaflet-container a.leaflet-popup-close-button {
width: 26px;
height: 26px;
line-height: 23px;
padding: 0;
top: -13px;
right: -13px;
background-color: #f6a000;
border-radius: 50%;
color: #fff;
font-weight: 400;
}
.properties-item .object-detail-zonnestand .leaflet-container a.leaflet-popup-close-button:hover,
.properties-item .object-detail-zonnestand .leaflet-container a.leaflet-popup-close-button:focus,
.properties-item .object-detail-open-streetmaps .leaflet-container a.leaflet-popup-close-button:hover,
.properties-item .object-detail-open-streetmaps .leaflet-container a.leaflet-popup-close-button:focus {
color: #fff;
}
.properties-item .object-detail-zonnestand .maps-object-photo,
.properties-item .object-detail-open-streetmaps .maps-object-photo {
width: 210px;
}
.properties-item .object-detail-zonnestand .maps-object-price,
.properties-item .object-detail-open-streetmaps .maps-object-price {
top: .5rem;
left: .5rem;
background-color: #2e2e2e;
font-size: .7rem;
}
.properties-item .object-detail-neighborhood .object-neighborhood {
border-bottom: 1px solid #ededed;
}
.properties-item .object-detail-neighborhood .object-neighborhood-title
{
opacity: .5;
}
.properties-item .object-detail-neighborhood .chart-container {
width: 250px;
}
/*
.properties-item .object-detail-neighborhood .chart-container-gender {
width: 200px;
}
*/
.properties-item .object-detail-neighborhood .chart-legend {
font-size: 0.8rem;
}
.properties-item .object-detail-floorplan span {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* TEMP
.object-detail-extra,
.object-detail-photos,
.object-detail-header,
.object-detail-navigation,
.object-detail-information,
.object-detail-features,
.object-detail-photos-full,
.object-detail-other-media {
display: none!important;
}
*/
/*
.properties-appointment {
max-width: 400px;
top: 50%;
right: 1rem;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-color: #fff;
box-shadow: 0 0 30px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 30px rgba(0,0,0,0.2);
}
.properties-appointment .collapse-close {
width: 40px;
height: 40px;
top: 0;
right: 0;
background-color: transparent;
cursor: pointer;
z-index: 2;
}
.properties-appointment .collapse-close:before,
.properties-appointment .collapse-close:after {
width: 15px;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
background-color: #222;
content: "";
}
.properties-appointment .collapse-close:before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.properties-appointment .collapse-close:after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.properties-appointment .collapse-close:hover:before,
.properties-appointment .collapse-close:focus:before,
.properties-appointment .collapse-close:hover:after,
.properties-appointment .collapse-close:focus:after {
background-color: #222;
}
*/
.properties-item-scroll {
bottom: 0;
z-index: 99;
}
.properties-item-scroll li a {
height: 40px;
line-height: 20px;
background-color: #f0f0f0;
border: 1px solid transparent;
}
.properties-item-scroll li a:hover,
.properties-item-scroll li a:focus {
background-color: #fff;
border-color: #f0f0f0;
}
.properties-item-scroll li.li-scroll-phone a,
.properties-item-scroll li.li-scroll-email a {
width: 40px;
}
.properties-item-scroll li.li-scroll-phone a svg,
.properties-item-scroll li.li-scroll-email a svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.properties-item-scroll li span.object-favorite {
min-width: 50px;
height: 40px;
background-color: #f0f0f0;
border: 1px solid transparent;
cursor: pointer;
}
.properties-item-scroll li span.object-favorite-delete,
.properties-item-scroll li span.object-favorite:hover,
.properties-item-scroll li span.object-favorite:focus {
background-color: #fff;
border-color: #f0f0f0;
}
.properties-item-scroll li span.object-favorite svg {
max-width: 18px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
fill: #000;
}
.properties-item-scroll .object-address-line {
font-weight: 700;
}
@media (max-width: 575.98px) {
.properties-item .object-detail-photos .object-detail-photo-large img {
height: 250px;
}
}
@media (max-width: 767.98px) {
.properties-item-scroll {
top: auto;
bottom: 0;
}
.properties-item-scroll li {
display: contents;
}
}
@media (max-width: 767.98px) {
.single #ModalPhotos .vh-100,
.single #ModalPhotos .h-100,
.single #ModalA4 .h-100,
.single #ModalA4 .vh-100 {
height: auto!important;
}
}
/* Properties New Construction */
.properties-item .object.object-new-construction-items {
background-color: #ededed;
}
.properties-item .object.object-new-construction-items:before {
width: 0;
height: 0;
position: absolute;
top: -8px;
left: 50%;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #ededed;
content: '';
display: block;
}
.properties-item .object.object-new-construction-items .object-new-construction-items-title {
border-bottom: 1px solid #fff;
}
.properties-item .object.object-new-construction-items .object-new-construction-item {
border-bottom: 1px solid #fff;
}
.properties-item .object.object-new-construction-items .object-new-construction-item .object-status {
background-color: #c84940;
font-size: .7rem;
color: #fff;
font-weight: 700;
}
.properties-item .object.object-new-construction .object-view-items {
position: relative;
padding-left: 1.5rem;
color: #0d6efd;
cursor: pointer;
}
.properties-item .object.object-new-construction .object-view-items:before,
.properties-item .object.object-new-construction .object-view-items:after {
position: absolute;
top: calc(50% + 1px);
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-color: #0d6efd;
content: "";
}
.properties-item .object.object-new-construction .object-view-items:before {
width: 12px;
height: 2px;
}
.properties-item .object.object-new-construction .object-view-items:after {
width: 2px;
height: 12px;
left: 5px;
}
.properties-item .object.object-new-construction .object-view-items-open:after {
display: none;
}
/* Properties special */
.properties-special .active {
display: -ms-flexbox!important;
display: flex!important;
}
.properties-special .object .object-image img {
width: 100%;
height: 320px;
}
.properties-special .object .object-image .object-image-tophuis {
top: 1rem;
left: 1rem;
}
.properties-special .object .object-image .object-image-tophuis svg {
width: 50px;
}
.properties-special .object .object-image .object-image-empty {
height: 320px;
border: 1px solid #f0f0f0;
}
.properties-special .object .object-image .object-image-empty span {
font-size: 1.5rem;
}
.properties-special .object .object-image .object-image-info {
bottom: 0;
left: 0;
z-index: 2;
}
.properties-special .object .object-address .object-street,
.properties-special .object .object-address .object-housenumber,
.properties-special .object .object-address .object-housenumber-addition {
font-size: 1rem;
font-weight: 700;
}
.properties-special .object .object-price {
font-weight: 700;
}
.properties-special .carousel-control-prev,
.properties-special .carousel-control-next {
width: 30px;
opacity: 1;
}
.properties-special .carousel-control-prev {
left: -40px;
}
.properties-special .carousel-control-next {
right: -40px;
}
.properties-special .carousel-control-prev:before,
.properties-special .carousel-control-prev:after,
.properties-special .carousel-control-next:before,
.properties-special .carousel-control-next:after {
background-color: #333;
}
/* 2.6 Blog */
.posts-layout .post-categories-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.posts-layout .post-categories-list ul li {
margin: 0;
padding: 0;
}
.posts-layout .post-date {
font-size: .8rem;
opacity: .6;
}
.posts-layout .post-date svg {
max-width: 12px;
margin-top: -3px;
}
.posts-layout .post-meta {
top: 1rem;
right: 1rem;
background-color: #444;
border-radius: 25px;
font-size: .8rem;
}
.posts-layout .post-meta svg {
max-width: 12px;
margin-top: -3px;
fill: #fff;
}
/* Layout 1 */
.posts-layout-1 .post-image img {
width: 100%;
height: 300px;
}
/* Layout 2 */
.posts-layout-2 .card-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.posts-layout-2 .card {
background-color: #f7f7f7;
}
.posts-layout-2 .card .post-image span {
top: 0;
left: 0;
background-color: rgba(68, 68, 68, .9);
-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;
opacity: 0;
}
.posts-layout-2 .card .post-image span:before,
.posts-layout-2 .card .post-image span:after {
width: 30px;
height: 2px;
position: absolute;
left: 50%;
background-color: #fff;
content: ""
}
.posts-layout-2 .card .post-image span:before {
top: calc(50% - 10px);
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg)
}
.posts-layout-2 .card .post-image span:after {
top: calc(50% + 10px);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg)
}
.posts-layout-2 .card .post-image:hover span,
.posts-layout-2 .card .post-image:focus span {
opacity: 1;
}
.posts-layout-2 .card .post-categories-list {
bottom: 0;
left: 0;
}
.posts-layout-2 .card .post-categories-list ul li a {
padding: .5rem 1rem;
background-color: #444;
font-size: .8rem;
color: #fff;
display: block;
}
.posts-layout-2 .card .post-more a {
background-color: #444;
border-radius: 25px;
}
@media (max-width: 767.98px) {
.posts-layout-2 .card-columns {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}
/* Blog item */
.blog-share a {
width: 40px;
height: 40px;
background-color: #f0f0f0;
}
.blog-share a svg {
max-width: 16px;
max-height: 16px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
fill: #000;
}
/* Layout 3 */
.posts-layout-3 .post {
height: 100%;
}
.posts-layout-3 .post-item-2 .post-image,
.posts-layout-3 .post-item-4 .post-image {
height: 100%;
}
.posts-layout-3 .post-image img {
width: 100%;
height: 200px;
}
.posts-layout-3 .post-item-2 .post-image img,
.posts-layout-3 .post-item-4 .post-image img {
height: 100%;
}
.posts-layout-3 .post-info {
height: calc(100% - 200px);
border: 1px solid #ebebeb;
}
.posts-layout-3 .post-item-2 .post-info,
.posts-layout-3 .post-item-4 .post-info {
width: 75%;
height: auto;
bottom: 0;
left: 0;
}
.posts-layout-3 .post-info h5 {
min-height: 57px;
}
.posts-layout-3 .post-categories-list {
top: -18px;
left: -1px;
}
.posts-layout-3 .post-categories-list ul li a {
padding: .5rem 1rem;
background-color: #f8f8f8;
font-size: .7rem;
color: #000;
display: block;
}
.posts-layout-3 .post-date {
font-size: .8rem;
opacity: .6;
}
.posts-layout-3 .post-more {
bottom: 20px;
right: 20px;
}
.posts-layout-3 .post-more a {
width: 30px;
height: 30px;
border: 1px solid #343a40;
}
.posts-layout-3 .post-more a:before,
.posts-layout-3 .post-more a:after {
width: 8px;
height: 1px;
position: absolute;
left: 50%;
background-color: #343a40;
content: ""
}
.posts-layout-3 .post-more a:before {
top: calc(50% - 3px);
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg)
}
.posts-layout-3 .post-more a:after {
top: calc(50% + 3px);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg)
}
@media (max-width: 991.98px) {
.posts-layout-3 .post-item-2 .post-info,
.posts-layout-3 .post-item-4 .post-info {
width: 100%;
position: relative!important;
}
.posts-layout-3 .post-item-2 .post-image,
.posts-layout-3 .post-item-4 .post-image,
.posts-layout-3 .post-item-2 .post-image img,
.posts-layout-3 .post-item-4 .post-image img {
height: 200px;
}
}
/* 2.7 Brands */
svg.svg-brand {
max-height: 50px;
}
svg.svg-brand .svg-nvm-1,
svg.svg-brand .svg-nvm-business-1 {
fill: #005ad2;
}
svg.svg-brand .svg-mva-1 {
fill: #de1e33;
}
svg.svg-brand .svg-mva-expats-1 {
fill: #de1e33;
}
svg.svg-brand .svg-funda-1,
svg.svg-brand .svg-funda-ib-1 {
fill: #60c5f8;
}
svg.svg-brand .svg-funda-2,
svg.svg-brand .svg-funda-ib-2,
svg.svg-brand .svg-funda-ib-4 {
fill: #53241b;
}
svg.svg-brand .svg-funda-3,
svg.svg-brand .svg-funda-ib-3,
svg.svg-brand .svg-vbo-1 {
fill: #fff;
}
svg.svg-brand .svg-pararius-1 {
fill: #27325b;
}
svg.svg-brand .svg-pararius-2 {
fill: #4a9ad4;
}
svg.svg-brand .svg-vbo-2 {
fill: #f18204;
}
svg.svg-brand .svg-vastgoedcert-1 {
fill: #b2b2b2;
}
svg.svg-brand .svg-vastgoedcert-2 {
fill: #1d1d1b;
}
svg.svg-brand .svg-nwwi-1 {
fill: #1e0f49;
}
svg.svg-brand .svg-nwwi-2 {
fill: #fff;
}
svg.svg-brand .svg-nwwi-3 {
fill: #cad400;
}
svg.svg-brand .svg-tmi-1 {
fill: #1d1d1b;
}
svg.svg-brand .svg-tmi-2 {
fill: #0079b1;
}
svg.svg-brand .svg-nrvt-1 {
fill: #fff;
}
svg.svg-brand .svg-nrvt-2 {
fill: #bb1e2a;
}
svg.svg-brand .svg-scvm-1 {
fill: #221f20;
}
svg.svg-brand .svg-scvm-2 {
fill: #b1191a;
}
svg.svg-brand .svg-scvm-3 {
fill: #cd1720;
}
svg.svg-brand .svg-scvm-4 {
fill: #000;
}
svg.svg-brand .svg-vastgoedpro-1 {
fill: #88898b;
}
svg.svg-brand .svg-vastgoedpro-2 {
fill: #eb8234;
}
svg.svg-brand .svg-qualis-1 {
fill: #131a1c;
}
svg.svg-brand .svg-qualis-2 {
fill: #857d65;
}
svg.svg-brand .svg-qualis-3 {
fill: #fff;
}
svg.svg-brand .svg-tophuis-1 {
fill: #c69c68;
}
/* Social */
a.svg-rounded,
a.svg-square {
width: 40px;
height: 40px;
margin-left: auto;
margin-right: auto;
position: relative;
background-color: #e6e6e6;
}
a.svg-rounded svg.svg-social,
a.svg-square svg.svg-social {
max-height: 15px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
svg.svg-social {
max-width: 30px;
max-height: 30px;
}
svg.svg-social .svg-facebook {
fill: #1877f2;
}
svg.svg-social .svg-twitter {
fill: #000;
}
svg.svg-social .svg-linkedin {
fill: #0073b0;
}
svg.svg-social .svg-youtube {
fill: #f00;
}
svg.svg-social .svg-instagram {
fill: #bb3181;
}
svg.svg-social .svg-whatsapp {
fill: #00e676;
}
svg.svg-social .svg-tiktok {
fill: #010101;
}
/* 2.8 Cookie */
.cookie {
bottom: 0;
left: 0;
z-index: 1030;
}
.cookie .container-fluid {
max-width: 1600px;
}
.cookie p {
font-size: .7rem;
}
.cookie p a {
text-decoration: underline;
}
.cookie .btn-cookie {
background-color: rgba(0, 0, 0, 1);
font-size: .7rem;
cursor: pointer;
}
.cookie .btn-cookie-reject {
background-color: rgba(0, 0, 0, .7);
}
/* 2.9 Breadcrumbs */
svg.breadcrumbs-svg {
width: 7px;
}
/* Order fix */
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
/* 3.0 Open House */
.announcement-open-house {
max-width: 400px;
bottom: 0;
left: 1rem;
border-top-left-radius: .5rem;
border-top-right-radius: .5rem;
box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.35);
z-index: 9999;
}
.announcement-open-house.announcement-layout-open-house-2 {
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.announcement-open-house.announcement-layout-open-house-3 {
left: auto;
right: 1rem;
}
.announcement-open-house .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-open-house .well {
border-top-left-radius: .5rem!important;
border-top-right-radius: .5rem!important;
box-shadow: none;
}
.announcement-open-house .announcement-open-house-info {
background-image: linear-gradient(135deg, #0161ae 25%, #076aba 25%, #076aba 50%, #0161ae 50%, #0161ae 75%, #076aba 75%, #076aba 100%);
background-size: 14.14px 14.14px;
border-top-left-radius: .5rem;
border-top-right-radius: .5rem;
}
.announcement-open-house .announcement-open-house-title h4 {
font-size: 1.2rem;
font-weight: 700;
color: #fff;
}
.announcement-open-house .announcement-open-house-info {
background-color: #0161ae;
color: #fff;
}
.announcement-open-house .announcement-open-house-button a {
position: relative;
padding-left: 3rem;
font-weight: 700;
color: #222;
text-decoration: none;
z-index: 2;
}
.announcement-open-house .announcement-open-house-button a:hover,
.announcement-open-house .announcement-open-house-button a:focus {
color: #0161ae;
}
.announcement-open-house .announcement-open-house-button svg {
width: 29px;
position: absolute;
bottom: 30px;
left: 30px;
}
.announcement-open-house .btn-announcement-open-house-close {
width: 30px;
height: 30px;
background-color: #222;
position: absolute;
top: -15px;
right: -15px;
}
.announcement-open-house .btn-announcement-open-house-close:before,
.announcement-open-house .btn-announcement-open-house-close:after {
width: 13px;
height: 1px;
position: absolute;
top: 50%;
left: 50%;
background-color: #fff;
content: "";
}
.announcement-open-house .btn-announcement-open-house-close:before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.announcement-open-house .btn-announcement-open-house-close:after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
/* --------------------------------------------------------------
3.0 Forms
-------------------------------------------------------------- */
/* 3.1 Form defaults */
@media (max-width: 767.98px) {
div.wpforms-container-full .wpforms-form .wpforms-one-third.wpforms-first, div.wpforms-container-full .wpforms-form .wpforms-two-sixths.wpforms-first {
width: 100%!important;
}
}
div.wpforms-container-full {
position: relative;
z-index: 200;
}
.wpforms-field-limit-text {
display: none;
}
.wpforms-field-required-custom {
width: 10px!important;
height: 10px!important;
position: absolute!important;
top: 0!important;
background-color: #00f0f0!important;
}
.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page {
line-height: normal!important;
}
div.wpforms-container .wpforms-form .choices__placeholder {
opacity: 1!important;
}
@media (max-width: 767.98px) {
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page {
width: 50%!important;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-1,
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-2 {
margin-bottom: 1.5rem;
}
}
/* 3.2 Privacystatement */
.wpforms-container .wpforms-form .wpforms-field-privacy-checkbox .wpforms-field-label-inline {
display: none;
}
.wpforms-container .wpforms-form .wpforms-field-privacy-checkbox .wpforms-field-description {
/* float: left; */
position: relative;
top: 5px;
display: inline;
vertical-align: baseline;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
}
.wpforms-container .wpforms-form .wpforms-field-privacy-checkbox .wpforms-field-required {
float: left;
}
.wpforms-container .wpforms-form .wpforms-field-privacy-checkbox a {
text-decoration: underline;
font-weight: 700;
}
.wpforms-container .wpforms-form .wpforms-field-privacy-checkbox.wpforms-has-error label.wpforms-error {
display: block;
width: 100%;
float: left;
}
/* Swiper */
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.swiper {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
background-size: cover;
background-position: center;
}
.swiper-large {
width: 100%;
height: 90%;
}
.swiper-thumbs {
height: 10%;
box-sizing: border-box;
padding: 5px 0;
}
.swiper-thumbs .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}
.swiper-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.swiper-thumbs img {
cursor: pointer;
}
.swiper-button-next,
.swiper-button-prev {
background-color: rgba(0, 0, 0, 0.6);
padding: 15px;
}
/* --------------------------------------------------------------
4.0 Print
-------------------------------------------------------------- */
@media print {
.single .navbar,
.single .footer,
.single .footer-copyright,
.single .properties-item .object-detail-extra,
.single .properties-item .object-detail-navigation,
.single .properties-item .object-detail-information .object-detail-description-more,
.single .properties-item .object-detail-features .object-detail-features-more,
.single .properties-item .object-detail-features .object-features-energy .object-feature-info:after,
.single .properties-item .object-detail-features .object-detail-features-small:after,
.single .properties-item .object-detail-information .object-detail-description-small:after,
.single .properties-item .object-detail-photos-full .object-detail-photos-more,
.single .properties-item .object-detail-photos .col-12.col-md-4,
.single .properties-item .object-detail-photo div.object-status,
.single .properties-item .object-detail-photo .object-favorite {
display: none!important;
}
.single .properties-item .container {
max-width: 100%!important;
}
.single .properties-item .object-detail-photos-full .object-detail-photos-all {
display: block!important;
}
.single .properties-item .object-detail-header,
.single .properties-item .object-detail-information,
.single .properties-item .object-detail-features,
.single .properties-item .object-detail-photos-full {
clear: both!important;
page-break-after: always!important;
}
.single .properties-item .object-detail-features .object-detail-features-small,
.single .properties-item .object-detail-information .object-detail-description-small {
max-height: none!important;
overflow: hidden!important;
}
.single .properties-item .object-detail-photos-small .col-12,
.single .properties-item .object-detail-photos-all .col-12 {
width: 50%!important;
}
.single .properties-item .object-detail-photos-small .col-12:nth-child(8),
.single .properties-item .object-detail-photos-all .col-12:nth-child(7+7n) {
clear: both!important;
page-break-after: always!important;
}
.single .properties-item .object-detail-photos .col-12.col-md-8,
.single .properties-item .object-detail-information .col-12.col-lg-8,
.single .properties-item .object-detail-information .col-12.col-lg-4 {
width: 100%!important;
}
.single .properties-item .object-detail-contact {
padding: 0!important;
border: 0!important;
}
.single .properties-item .object-detail-photos .object-detail-photo-large img {
height: 500px!important;
}
}
/* --------------------------------------------------------------
5.0 Tophuis
-------------------------------------------------------------- */
.properties .object .object-image .object-image-tophuis,
.properties-special .object .object-image .object-image-tophuis {
width: 95px;
height: 95px;
background-color: rgba(0, 0, 0, .4);
border-radius: 0.25rem;
}
.properties .object.object-status-verkocht .object-image .object-image-tophuis,
.properties-special .object.object-status-verkocht .object-image .object-image-tophuis,
.properties .object.object-status-verkocht-onder-voorbehoud .object-image .object-image-tophuis,
.properties-special .object.object-status-verkocht-onder-voorbehoud .object-image .object-image-tophuis,
.properties .object.object-status-onder-bod .object-image .object-image-tophuis,
.properties-special .object.object-status-onder-bod .object-image .object-image-tophuis,
.properties .object.object-status-onder-optie .object-image .object-image-tophuis,
.properties-special .object.object-status-onder-optie .object-image .object-image-tophuis {
top: 4rem;
}
.properties .object.object-open-house .object-image .object-image-tophuis,
.properties-special .object.object-open-house .object-image .object-image-tophuis {
top: 4rem;
}
.properties .object .object-image .object-image-tophuis svg,
.properties-special .object .object-image .object-image-tophuis svg {
width: 80px;
padding: 10px;
margin-left: auto;
margin-right: auto;
display: table;
}
.properties .object .object-image .object-image-tophuis img,
.properties-special .object .object-image .object-image-tophuis img {
width: 95px;
height: auto;
padding: 10px;
border-radius: .85rem;
}
.properties .object .object-image .object-image-tophuis-animation img,
.properties-special .object .object-image .object-image-tophuis-animation img {
display: none;
}
.list-object-navigation-tophuis svg {
fill: #fff;
}
.list-object-navigation-tophuis a svg {
max-width: 20px;
}
.list-object-navigation-tophuis a div {
margin-left: 30px;
}
.wp-block-group__inner-container {
margin-left: auto;
margin-right: auto;
}