/* Home page
-------------------------------------------------------------- */
body.home h1 {
    letter-spacing: -0.063rem
}

@media screen and (min-width: 768px) {
    body.home .searchandfilter ul li:not(.sf-field-taxonomy-features) {
        max-width: 150px !important;
        display: inline-block !important;
    }

}

body.home .searchandfilter ul li:not(.sf-field-taxonomy-features) {

    margin-right: 15px;
}

body.home .searchandfilter ul li.sf-field-taxonomy-features li, body.home .searchandfilter h4 {
    color: white;
}

body.home .searchandfilter h4 {
    font-weight: 500 !important;
}

body.home .searchandfilter ul li.sf-field-taxonomy-features li {
    max-width: unset;
    font-size: 0.813rem;
}

body.home .searchandfilter ul li:not(.sf-field-taxonomy-features) select.sf-input-select {
    min-width: 150px;
}

body.home .home-listing .apartment-overview {
    flex: 1;
    -webkit-flex: 1;
}

body.home .home-listing .apartment-overview .im-wrapper-col {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)  {
    .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
        width: calc(50% - 0.625em);
    }}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px)  {
    body.home .home-listing .apartment-overview .im-wrapper-col {
        font-size: 0.813rem;
    }
}
@media screen and (min-width: 1536px) {
    body.home .home-listing .apartment-overview .im-wrapper-col {
        font-size: 1.25rem;
    }
}

body.home .home-listing .apartment-overview .inner-column-1 {
    flex: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    z-index: 1;
    min-width: 0;
    min-height: 0;
}

body.home .home-listing .apartment-overview svg {
    color: var(--global-palette1);
}

body.home .home-listing .comment-rating-field-pro-plugin {
    position: absolute;
    top: 0.625rem;
    left: 0.625rem;
}

body.home .home-listing .crfp-rating {
    background-repeat: no-repeat !important;
    height: 3.125rem !important;
    width: 3.125rem !important;
    line-height: 3.125rem !important;
    text-align: center;
    font-weight: 500;
    color: var(--global-palette3) !important;
    font-size: 0.813rem !important;
    text-indent: 0;
    background-size: contain !important;
}

body.home .home-listing .wp-block-post-featured-image {
    position: relative;
}

body.home .home-listing .wp-block-post-featured-image img {
    border-radius: var(--box-radius);
}
body.home .home-listing .kt-button {
    color: #ffffff;
    background: var(--global-palette1)!important;
    box-shadow: 0 9px 19px -7px rgba(0, 0, 0, 0.4);
}
body.home .home-listing .kt-button:hover, body.home .home-listing  .kt-button:hover  {
    box-shadow: 0 9px 19px -7px rgba(0, 0, 0, 0.4);
}
body.home .home-listing .crfp-rating .crfp-rating-0, body.home  .home-listing span.rating-always-on {
    display: none;
}

body.home .home-listing h2 {
    line-height: 1.3;
    color: var(--global-palette3) !important;
    font-size: 1rem;
    font-weight: 600;
}

@media screen and (min-width: 1280px) {
    body.home .home-listing h2 {
        min-height: 3.25rem;
    }
}

@media screen and (min-width: 1536px) {
    body.home .home-listing h2 {
        font-size: 1.25rem;
    }
}

body.home .home-listing figure, body.home .home-listing h2, body.home .home-listing .apartment-overview {
    margin: 0 0 0.625rem 0;
}

body.home .home-review {
    margin: 1rem 2rem 2rem 2rem;
}
body.home li.review {
    background-color: var(--global-palette9);
    padding: var(--box-margin);
    border-radius: var(--box-radius);
}
body.home li.review .review-content  {
    font-size: 0.875rem;
}
body.home li.review .review-content .comment {
     display:block;
}
body.home li.review .comment-author, body.home li.review a { font-weight: 600; }
body.home li.review .comment-author{ font-size: 1rem}
body.home li.review a { color: var(--global-palette3); text-decoration: none}

.review .rating-container .label {
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 1530px) {
body.home figure.recommended-by {
	    margin-left: 0rem!important;
}}