/*
    Catalog view
 */
.makelaars_block .relative,
.makelaars_block{position: relative;}

.makelaars_block form label, .makelaars_left_filter_inner label {display: block; line-height: 30px;}
.makelaars_left_filter_inner select, .makelaars_left_filter_inner input[type="text"]{box-shadow: none !important; outline: none !important;}
.makelaars_block form label input, .makelaars_left_filter_inner label input {margin-right: 10px;margin-top: 0;margin-bottom: 3px;height: 15px; width: 20px;}

.makelaars_block .makelaars_property{box-shadow: 0 5px 10px 2px rgba(0,0,0,0.15);display: flex;flex-direction: column;}
.makelaars_block .makelaars_property .price{font-weight: 700!important;font-size: 22px!important;position: absolute;bottom: 20px;}
.makelaars_block .makelaars_property_footer {background: #fff; width: 100%;flex-grow: 1;padding: 20px 20px 50px;position: relative;}
.makelaars_block .makelaars_property_header {position: relative; width: 100%; height: 250px !important; overflow: hidden; display: flex; align-items: center; justify-content: center;}

.property_status{padding: 5px 10px; color: #fff; font-weight: bold; border-radius: 30px; font-size: 14px;}
.property_status.sold{background-color: #4ABABD !important;}
.makelaars_block .makelaars_property_header .property_status{position: absolute; left: 10px; top: 10px;}
.makelaars_block .results_found{font-weight: bold;}

.makelaars_block .makelaars_property_header img{min-height: 100%; width: auto; min-width: 100%; object-fit: cover;}
.makelaars_block .makelaars_property_header .card-overlay {display: none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;color: #fff;justify-content: center;align-items: center;}
.makelaars_block .makelaars_property:hover{cursor: pointer;}
.makelaars_block .makelaars_property:hover .makelaars_property_header .card-overlay {display: flex;}
.makelaars_block .makelaars_filters {background: #22b9d7;color: #fff; height: 100px; display: flex; justify-content: space-around; align-items: center;}
.makelaars_block .makelaars_filters > input {width: unset;}
.makelaars_block .makelaars_filters select {cursor: pointer;width: unset;}
.makelaars_block .makelaars_filters .all_filters{border: 1px solid #fff; display: inline-block;padding: 5px;width: 200px;}
.makelaars_block .makelaars_filters .all_filters:hover{cursor: pointer;}
.makelaars_block .makelaars_filters .all_filters_inner{display: flex; justify-content: space-between; align-items: center;padding: 0 5px;}
.makelaars_block .makelaars_filters .filters-icon{position: relative;height: 20px;width: 15px;display: inline-block;}
.makelaars_block .makelaars_filters .filters-icon span{position: absolute;height: 2px;background: #fff;width: 100%;left: 0;}
.makelaars_block .makelaars_filters .filters-icon span:nth-child(1){top: 4px;}
.makelaars_block .makelaars_filters .all_filters_inner.open .filters-icon span:nth-child(1){width: 0;}
.makelaars_block .makelaars_filters .all_filters_inner.open .filters-icon span:nth-child(2){transform: rotate(45deg);}
.makelaars_block .makelaars_filters .all_filters_inner.open .filters-icon span:nth-child(3){transform: rotate(-45deg);}
.makelaars_block .makelaars_filters .all_filters_inner.open .filters-icon span:nth-child(4){width: 0;}
.makelaars_block .makelaars_filters .all_filters_inner span:nth-child(2){display: none;}
.makelaars_block .makelaars_filters .all_filters_inner.open span:nth-child(2){display: block;}
.makelaars_block .makelaars_filters .all_filters_inner.open span:nth-child(1){display: none;}
.makelaars_block .makelaars_filters .filters-icon span:nth-child(2){top: 10px;}
.makelaars_block .makelaars_filters .filters-icon span:nth-child(3){top: 10px;}
.makelaars_block .makelaars_filters .filters-icon span:nth-child(4){top: 16px;}
.makelaars_block .makelaars_filter_container{position: relative;margin-bottom: 20px;}
.makelaars_block .makelaars_left_filter .expand{color: #22b9d7; border-bottom: 1px dotted;width: 95px;cursor: pointer;line-height: 30px;}

.makelaars_block .makelaars_left_filter .expand::before{content: '\f067'; font-family: "FontAwesome"; width: 30px; display: inline-block;}
.makelaars_left_filter_inner.expanded ~ .expand::before{content:'\f068';}


.widget_makelaar_left_side_filter_widget:not(:last-child){padding-bottom: 1rem;}
.makelaars_left_filter_name{font-weight: bold; margin-bottom: 10px; display: block;}
.makelaars_left_filter_inner{max-height: 150px;overflow-y:auto;margin-top: 10px;}
.makelaars_left_filter_inner.expanded{max-height: none;}
.makelaars_block .sidebar_title{font-weight: bold;}

.makelaars_block .search_results:not(.map){display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}
.makelaars_block .search_results.blurred *:not(.loader){opacity: 0.5;}
.makelaars_block .loader{position: absolute;top: 10%;left: 50%;display: none;z-index: 9;}
.makelaars_block .search_toolbar{height: 50px; line-height: 50px; margin-bottom: 2rem;}
/*.makelaars_block .search_toolbar .results_options > *:not(.active){ color: initial !important;}*/
.makelaars_block .search_toolbar .switch {position: relative;display: inline-block;width: 50px;height: 24px;}
.makelaars_block .search_toolbar .switch input {opacity: 0;width: 0;height: 0;}
.makelaars_block .search_toolbar .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.makelaars_block .search_toolbar .slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 2px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.makelaars_block .search_toolbar input:checked + .slider {background-color: #2196F3;}
.makelaars_block .search_toolbar input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.makelaars_block .search_toolbar input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}

.makelaars_block .load_more_results{grid-column: span 3; text-align: center;}

/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

/*
    Singe property view
 */
.property_media{margin-bottom: 4rem;}
.property_media .col-xl-10{position: relative;}
.property_media .col-xl-10 .property_status{position: absolute; left: 10px; top: 10px;}
.property-slider, .custom-property-slider{display: grid !important;grid-gap: .5rem;grid-template-columns: repeat(12, 1fr);}
.property-slider .gallery-image:nth-child(1), .custom-property-slider .gallery-image:nth-child(1){grid-column: span 8; grid-row: span 2; height: 500px;}
.property-slider .gallery-image:nth-child(n+2), .custom-property-slider .custom-gallery-item:nth-child(n+2){grid-column: span 4; height: calc(250px - 0.25rem);}
.property-slider .gallery-image:nth-child(n+4){display: none;}

.property-slider.count_1 .gallery-image:nth-child(1),.custom-property-slider.count_1 .custom-gallery-item:nth-child(1){grid-column: span 12; grid-row: span 2; height: 500px;}
.property-slider.count_2 .gallery-image,.custom-property-slider.count_2 .custom-gallery-item{grid-column: span 6; grid-row: span 2; height: 500px;}

.gallery-image{cursor: pointer;width: 100%;position: relative;padding: 0 !important;display: flex; justify-content: center; overflow: hidden; align-items: flex-end;}
.gallery-image img{max-width: none!important; min-width: 100%; object-fit: cover;}
.gallery-image .overlay{display: flex; flex-direction: column; position: absolute;top: 0;right: 0;bottom: 0;left: 0;color: #fff;justify-content: center;align-items: center;}
.center-flex{display: flex; justify-content: center;align-items: center;}

.property_info_row{line-height: 24px; margin-bottom: 1rem; align-items: flex-end; margin-left: calc(100% / 12 * 2 + 1rem)}
.property_info_row a:not(:last-child){padding-right: 1rem; margin-right: 1rem; border-right: 1px solid #000;}
.property_info_row i{font-size: 20px;}

.property-build-details{padding: 20px; background-color: #F1F1F1; height: 100%; display: flex; flex-direction: column; justify-content: center; gap: 2rem;position: relative;}
.property-build-details > div {display: flex;align-items: center;flex-direction: row;gap: 1rem;}
.property-build-details .icon{ width: 45px; text-align: center;}
.property-build-details i{font-size: 28px;}
.property-build-details .value{font-size: 16px;}

.property-details{padding: 1rem 2rem;}
.property-details h1,
.property-details .property_price{font-size: 24px!important;}
.property-details > div> *:not(:last-child){padding-right: 1.5rem;margin-right: 1.5rem;border-right: 1px solid #000;}
.property-details i{font-size: 26px; margin-right: .5rem;}

.property-description{max-height: 300px; overflow: hidden;display: block;}
.property-description.is-overflowing{-webkit-mask-image: linear-gradient(black 60%,transparent);}
.property-description-row.toggled .property-description{height: auto;-webkit-mask-image: none;max-height: unset;}
.property-description-read-more,
.property-description-read-less{color: #22b9d7; border-bottom: 1px dotted;width: 125px;cursor: pointer;display: none;}
.property-description-row.toggled .property-description-read-more{display: none !important;}
.property-description-row.toggled .property-description-read-less{display: block;}

.property-description-read-more::before{content: '\f067'; font-family: "FontAwesome"; width: 30px; display: inline-block;}
.property-description-read-less::before{content:'\f068';font-family: "FontAwesome"; width: 30px; display: inline-block;}

.show-all-media,
.property-view-map{cursor: pointer;}

.property-characteristics td, .property-characteristics th{border: none; }
.property-characteristics td, .property-characteristics .energy-row{border-top: 1px solid lightgrey; }
.property-characteristics th, .property-characteristics tr td:first-child{padding-left: 0;}
.property-characteristics .energy-row td{border-top: none;}
.property-characteristics .energy{align-items: center;color: #fff;display: inline-flex;font-weight: 600;line-height: 1;height: 2rem;padding: 0 1rem 0 0.75rem;position: relative;background-color: red;margin-top: 6px;margin-left: 20px;}
.property-characteristics .energy:after {content: "";width: 0;height: 0;border-top: 1rem solid transparent;border-bottom: 1rem solid transparent;border-left: 1rem solid red;position: absolute;right: -1rem;background-color: transparent!important;}
.property-characteristics .energy-A,.property-characteristics .energy-A:after{background-color: darkgreen;border-left-color: darkgreen;}
.property-characteristics .energy-B,.property-characteristics .energy-B:after{background-color: green;border-left-color: green;}
.property-characteristics .energy-C,.property-characteristics .energy-C:after{background-color: lightgreen;border-left-color: lightgreen;}
.property-characteristics .energy-D,.property-characteristics .energy-D:after{background-color: yellow;border-left-color: yellow;}
.property-characteristics .energy-E,.property-characteristics .energy-E:after{background-color: orange;border-left-color: orange;}
.property-characteristics .energy-F,.property-characteristics .energy-F:after{background-color: darkorange;border-left-color: darkorange;}
.property-characteristics .energy-G,.property-characteristics .energy-G:after{background-color: red;border-left-color: red;}

.property-content.row .row{width: 100%;}

.sticky_sidebar {position: sticky!important;top: 150px;}
.sticky_sidebar.stop_at_bottom {position: absolute!important;bottom: 1rem;}

.realtor-form{margin-top: 1rem;border-top: 1px solid #F1F1F1;padding-top: 1rem;display: flex;flex-direction: column;gap: 1rem;}
.realtor-info img{max-width: 50%;}
.property_price{font-size: 28px;}

.fullScreenModel{z-index: 200000;}
.fullScreenModel .modal-dialog{max-width: 100vw; margin:0;}
.fullScreenModel .modal-dialog .modal-content{width: 100vw; height: 100vh;}
.fullScreenModel .modal-header{height: 60px;}
.fullScreenModel .content{height: calc(100vh - 60px);}

#properties_map{width: 100%; height: 600px;}

.sticky-top{z-index: 10!important;}
.realtor{padding: 1.5rem;background: #FFFFFF;box-shadow: 0 8px 16px 5px rgba(0,0,0,0.15);}
.realtor .image-container{ width: 110px; height: 110px; margin-right: 1rem; object-fit: cover;}
.realtor .image-container img{border-radius: 50%; object-fit: cover; aspect-ratio: 1;}

.object_form{padding: 40px;background: #FFFFFF;box-shadow: 0 8px 16px 5px rgba(0,0,0,0.15); margin-top: 2rem;}
.object_form label{ width: 100%; }

.mobile-images-summary {display: none;}

.gallery-video.custom-gallery-item video{object-fit: cover;}

/* Photoswipe */
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right{opacity: 1!important;}
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right{visibility: visible!important;}
.pswp__button--arrow--left:focus, .pswp__button--arrow--right:focus,
.pswp__button--arrow--left, .pswp__button--arrow--right{outline: none!important;box-shadow: none!important; -webkit-tap-highlight-color: rgba(0,0,0,0)!important;}

.mobile_show_filter_results,
.mobile_filters{display: none!important;}

/* Breadcrumbs */
.sc_breadcrumbs {
    list-style: none;
    margin: 0;
}

.sc_breadcrumbs li {
    display: inline;
    font-size: 16px;
}

.sc_breadcrumbs li:not(.breadcrumb-separator) {
    background-color: #fff;
    padding: 5px 20px;
    border-radius: 30px;
}

.sc_breadcrumbs li.breadcrumb-separator {
    padding: 5px 10px;
    color: #fff;
    margin: 0 0.6em;
}

.sc_breadcrumbs a {
    color: var(--color-content-link);
    text-decoration: none;
}

.sc_breadcrumbs li:last-child {
    color: #fff;
    background-color: unset;
    padding: 0;
}

/* Form fields */
.flex-1{flex: 1;}
.name_fields{display: flex; gap: 1rem;}
.name_fields *:nth-child(1),
.name_fields *:nth-child(3){flex: 3;}
.name_fields *:nth-child(2){flex: 1;}
.address_fields{display: flex; gap: 1rem;}
.address_fields *:nth-child(1){flex: 4;}
.address_fields *:nth-child(2),
.address_fields *:nth-child(3){flex: 1;}

/**
    Media Queries
 */
@media only screen and (max-width: 1400px) {
    .makelaars_block .search_results:not(.map){grid-template-columns: 1fr 1fr 1fr;}
    .makelaars_block .load_more_results{grid-column: span 3;}
}

@media only screen and (min-width: 1200px) {
    .property_media .col-xl-2{padding-right: 0;}
    .property_media .col-xl-10{padding-left: 0;}
}

@media only screen and (max-width: 1200px) {
    .property_media{display: grid; margin-bottom: 2rem;}
    .property_media .col-xl-2{order:3}
    .property_media .col-xl-10{order:1}
    .property_media .property_info_row{order:2; margin-top:0!important; margin-bottom: 1.5rem; margin-left: 0!important;}
    .property-build-details{flex-direction: row;}
    .property-details{padding:1rem 0;}
    .property-details > div> *:not(:last-child){padding-right: .5rem; margin-right: .5rem;}
    .property_media .col-xl-10 .property_status{left: 20px;}
}

@media only screen and (max-width: 1024px) {
    .makelaars_block .search_results:not(.map){grid-template-columns: 1fr 1fr;}
    .makelaars_block .load_more_results{grid-column: span 2;}
    .property-slider:not(.count_1):not(.count_2) .gallery-image:nth-child(1){grid-column: span 8;}
    .property-slider:not(.count_1):not(.count_2) .gallery-image:nth-child(n+2){grid-column: span 4;}
    .property-slider .gallery-image:nth-child(n+4){display: none;}

    .custom-property-slider:not(.count_1):not(.count_2) .custom-gallery-item:nth-child(1){grid-column: span 8;}
    .custom-property-slider:not(.count_1):not(.count_2) .custom-gallery-item:nth-child(n+2){grid-column: span 4;}

    .makelaars_block .search_toolbar{flex-direction: column-reverse;display: block; margin: 1rem 0; height: auto;}
    .makelaars_block .search_toolbar .results_options{justify-content: flex-start!important;}
}

@media only screen and (max-width: 991px) {
    .mobile_filters{display: flex!important;cursor: pointer;background-color: var(--light-grey);padding: 15px!important;max-width: 100%!important;font-size: 18px; }
    .mobile_filters .title{padding-top: 0; margin-left: 1rem;}
    .property_sidebar{display: none;}
    .property_sidebar.active{display: block;position: fixed;top: 0;left: 0;background: #fff;z-index: 100000;width: 100vw;height: 100vh;padding: 4.5rem 2rem 6rem;overflow: auto;}
    .property_sidebar .widget_custom_html{display: block!important;}
    .property_sidebar .mobile_header{display: block!important; padding-bottom: 1rem;border-bottom: 1px solid #ccc;}
    .property_sidebar .sidebar_title {position: absolute;top: 2rem;left: 2rem;}
    .property_sidebar .close_mobile_filters {position: absolute;top: 1.5rem;right: 2.5rem;font-size: 30px;cursor: pointer;}
    .property_sidebar .widgets{max-height: 100%; overflow: auto;}
    .property_sidebar .widget{margin-bottom: 1.5rem!important;}
    .makelaars_block .property_sidebar.blurred *:not(.loader){opacity: 0.5;}
    .property-content .col-lg-4{margin-top:2rem;}
    .mobile_show_filter_results{display: block!important;position: absolute; bottom: 1.5rem; left: 2rem; right: 2rem;}
    .mobile_show_filter_results a{width: 100%;}
}

@media only screen and (max-width: 767px) {
    .property-slider{display: block!important;}
    .property-slider .gallery-image{display: block!important;height: 250px!important;}
    .property-slider .gallery-image img{width: auto!important; height: 100% !important}
    .property-slider .overlay{display: none;}

    .custom-property-slider{display: none!important;}
    /*.custom-property-slider .custom-gallery-item{display: block!important;height: 250px!important;}*/
    /*.custom-property-slider .custom-gallery-item img{width: auto!important; height: 100% !important}*/
    /*.custom-property-slider .overlay{display: none;}*/

    /*.property-slider .gallery-image:nth-child(1){grid-column: span 12!important; height: auto;}*/
    /*.property-slider .gallery-image:nth-child(1) img{height: auto;}*/
    /*.property-slider .gallery-image:nth-child(n+2){display: none;}*/
    .property-content.row .row{width: calc(100% + 15px)}

    .property_info_row > div{overflow-y: scroll; display: block!important; white-space: nowrap;}
    .property_info_row > div a{white-space: nowrap; margin-right: 1rem;}

    .property_address{font-size:24px;}
    .property-view-map{margin-top: 1rem;float: left!important;}
    .mortage_advice{float: left; width: 100%; margin-top: 1rem;}
    .property-build-details{flex-direction: column; margin-top: 2rem;}
    .property-details{margin-top: 1rem!important;}
    .property-details > div{flex-direction: column; align-items: flex-start!important;}
    .property-details > div h1{margin-bottom: 1rem!important;}
    .property-details > div> *:not(:last-child){padding-right: 0; margin-right: 0; border:none;}

    .property-grid-wrapper{min-height: 200px;}
    .makelaars_block .loader{left: calc(50% - 30px); top: 40%;}
    .schedule-viewing.d-none{display: block !important;right: 10px;bottom: 10px;z-index: 9;}

    /*.property_info_row{display: none;}*/
    /*.mobile-images-summary{display: flex;}*/
}

@media only screen and (max-width: 600px) {
    .makelaars_block .search_results:not(.map){grid-template-columns: 1fr;}
    .makelaars_block .load_more_results{grid-column: span 1;}
}


@media only screen and (min-width: 720px) {
    .md-d-flex{display: flex;}
    .md-d-inline-flex{display: inline-flex;}
    .md-ms-3{margin-left: 1rem!important;}
}