:root{
    /* typography */
    --html-size: 16px;

    --body-font: 'Outfit', sans-serif;
    --body-size: 1rem;
    --body-lineheight: 1.6875rem;
    --body-weight: 400;
    
    --title-font: 'Kaisei Tokumin', serif;
    --title-weight: 800;

    --h1-font-size: 3.5rem;
    --h1-line-height: calc(var(--h1-font-size) + .5rem);

    --h2-font-size: 3rem;
    --h2-line-height: calc(var(--h2-font-size) + .375rem);

    --h3-font-size: 2.25rem;
    --h3-line-height: calc(var(--h3-font-size) + .75rem);

    --h4-font-size: 1.6875rem;
    --h4-line-height: calc(var(--h4-font-size) + .5625rem);

    --h5-font-size: 1.3125rem;
    --h5-line-height: calc(var(--h5-font-size) + .375rem);

    --h6-font-size: 1.125rem;
    --h6-line-height: calc(var(--h6-font-size) + .375rem);

    --giant-font-size: var(--h1-font-size);
    --giant-line-height: var(--h1-line-height);

    --huge-font-size: var(--h2-font-size);
    --huge-line-height: var(--h2-line-height);

    --large-font-size: var(--h3-font-size);
    --large-line-height: var(--h3-line-height);

    --semilarge-font-size: var(--h4-font-size);
    --semilarge-line-height: var(--h4-line-height);

    --medium-font-size: var(--h5-font-size);
    --medium-line-height: var(--h5-line-height);

    --small-font-size: .875rem;
    --small-line-height: 1.125rem;
    
    /* colors */
    --primary-h: 172;
    --primary-s: 88%;
    --primary-l: 14%;
    --primary-color: hsl(var(--primary-h), var(--primary-s), var(--primary-l));
    --primary-alt-l: 34%;
    --primary-color-alt: hsl(var(--primary-h), var(--primary-s), var(--primary-alt-l));

    --secondary-h: 40;
    --secondary-s: 60%;
    --secondary-l: 50%;
    --secondary-color: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l));

    --red-color: #f00;
    
    --light-gray-h: 240;
    --light-gray-s: 29%;
    --light-gray-l: 97%;
    --light-gray-color: hsl(var(--light-gray-h), var(--light-gray-s), var(--light-gray-l));

    --text-h: 0;
    --text-s: 0%;
    --text-l: 21%;
    --text-color: hsl(var(--text-h), var(--text-s), var(--text-l));
    --text-color-light: hsl(var(--text-h), var(--text-s), 100%);

    --input-color: inherit;
    --placeholder-color: currentColor;
    --input-border: currentColor;
    --textarea-height: 8rem;

    --body-h: 172;
    --body-s: 88%;
    --body-l: 14%;
    --body-color: hsl(var(--body-h), var(--body-s), var(--body-l));

    --wrapper-h: 0;
    --wrapper-s: 0%;
    --wrapper-l: 100%;
    --wrapper-color: hsl(var(--wrapper-h), var(--wrapper-s), var(--wrapper-l));

    --light-color-h: 0; 
    --light-color-s: 0%; 
    --light-color-l: 91%; 
    --light-color: hsl(var(--light-color-h), var(--light-color-s), var(--light-color-l));

    --dark-l: 10%;
    --dark-color: hsla(0, 0%, var(--dark-l), 1);

    --white-l: 100%;
    --white-color: hsla(0, 0%, var(--white-l), 1);

    --shadow-o: .16;
    --shadow-color: hsla(var(--primary-h), var(--primary-s), var(--primary-l), var(--shadow-o));

    /* buttons */
    --btn-font-size: 1.125rem;
    --btn-lineheight: 1.5rem;
    --btn-font-weight: 600;
    --btn-radius: 1.4375rem;
    --btn-min-width: unset;
    --btn-border-width: 1px;
    --btn-padding-t: calc( .625rem - var(--btn-border-width) );
    --btn-padding-r: calc( 2.25rem - var(--btn-border-width) );
    --btn-padding-b: var(--btn-padding-t);
    --btn-padding-l: var(--btn-padding-r);

    --btn-primary-bg: hsl(var(--primary-h), var(--primary-s), var(--primary-l));
    --btn-primary-color: hsl(0, 0%, 100%);
    --btn-primary-outline-color: hsl(var(--primary-h), var(--primary-s), var(--primary-l));

    --btn-secondary-bg: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l));
    --btn-secondary-color: hsl(var(--secondary-h), var(--secondary-s), 100%);
    --btn-secondary-outline-color: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l));

    --btn-gray-bg: hsl(var(--light-color-h), var(--light-color-s), var(--light-color-l));
    --btn-gray-color: var(--btn-primary-bg);
    --btn-gray-outline-color: var(--btn-gray-bg);

    /* paddings */
    --quote-tb: 1.25rem;
    --quote-lr: 2.5rem;

    /* margins */
    --mb-1: 1.25rem;
    --mb-2: 2.1875rem;
    --mb-heading: 5rem;
    --mb-block: 6.25rem;
    --mb-header: 2.5rem;
    --mb-first: 6.25rem;
    --mb-last: 6.25rem;
    --mb-li: .3125rem;
    --mb-btns: 2.375rem;
    --mb-cols: 5rem;

    /* heights */
    --header-height: 5rem;

    /* grid */
    --grid-margin: -1.25rem;
    --grid-padding: 1.25rem;
    --grid-offset: calc( var(--grid-padding) * 2 );

    --grid-base-extra-narrow-width: 42.5rem;
    --grid-extra-narrow-width: calc( var(--grid-base-extra-narrow-width) + var(--grid-offset) );

    --grid-base-narrow-width: 72.5rem;
    --grid-narrow-width: calc( var(--grid-base-narrow-width) + var(--grid-offset) );

    --grid-base-width: 87.5rem;
    --grid-width: calc( var(--grid-base-width) + var(--grid-offset) );

    --grid-base-width-wide: 90rem;
    --grid-width-wide: calc( var(--grid-base-width-wide) + var(--grid-offset) );

    --grid-base-width-full: 107.5rem;
    --grid-width-full: calc( var(--grid-base-width-full) + var(--grid-offset) );

    /*--grid-width-max: 120rem;*/
	--grid-width-max: 100%;
}

.classic-editor h2{
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height)
}

@media (min-width: 768px){
    .sticky-el{
        position: sticky!important;
        --sticky-top: 6.875rem;
        top: calc(var(--sticky-top) + var(--grid-padding))
    }
}

.font-kaisei{font-family: var(--title-font)!important; font-weight: 800}

.has-theme-primary-color{color: var(--primary-color)}
.has-theme-secondary-color{color: var(--secondary-color)}

.text-lowercase{text-transform: lowercase!important}
.text-uppercase{text-transform: uppercase!important}
.text-capitalize{text-transform: capitalize!important}

.font-weight-normal{font-weight: 400!important}
.font-weight-medium{font-weight: 500!important}
.font-weight-semibold{font-weight: 600!important}
.font-weight-bold{font-weight: 700!important}

.element-hero{color: #fff}
    .element-hero > *{max-width: 100%!important; padding: 0!important}
    .element-hero .splide__slide{isolation: isolate}
    .element-hero .splide__slide > .d-flex{min-height: 61.25rem; padding: var(--grid-padding)}

        .entry-header__bg,
        .entry-header__bg::after,
        .element-hero .splide__slide-bg,
        .element-hero .splide__slide-bg::after{top: 0; left: 0; width: 100%; height: 100%; position: absolute}
        .entry-header__bg,
        .element-hero .splide__slide-bg{z-index: -1}
            .entry-header__bg::after,
            .element-hero .splide__slide-bg::after{content: ''; display: block; background: rgb(4,65,57); background: linear-gradient(45deg, rgba(4,65,57,1) 0%, rgba(4,65,57,1) 20%, rgba(4,65,57,0.35) 100%); opacity: .7}
            .entry-header__bg > *,
            .element-hero .splide__slide-bg > *{display: block; width: 100%; height: 100%; object-fit: cover}

            .entry-header__bg > *{opacity: .5}

        .element-hero .splide__slide > .d-flex{padding-top: 11.875rem; padding-bottom: 11.875rem; max-width: var(--grid-base-width); margin-left: auto; margin-right: auto}
        .element-hero .splide__slide-content{width: 100%; max-width: 57.5rem}
        .element-hero .splide__slide-content > p:not(.has-giant-font-size){width: 100%; max-width: 42.5rem}
        .element-hero .has-giant-font-size + p{margin-top: 2.313rem}

        @media (min-width: 992px){
            .element-hero .splide__slide > .justify-content-lg-end > .splide__slide-content{text-align: right}
            .element-hero .splide__slide > .justify-content-lg-end > .splide__slide-content > p:not(.has-giant-font-size){margin-left: auto; margin-right: 0}
            .element-hero .splide__slide > .justify-content-lg-start > .splide__slide-content > p:not(.has-giant-font-size){margin-left: 0; margin-right: auto}
        }

.element-txtmedia .col-content{isolation: isolate}
    .element-txtmedia .col-content::before{
        content: '';
        display: block;
        position: absolute;
        background-color: #F2F5F5;
        top: var(--grid-margin);
        right: var(--grid-margin);
        bottom: var(--grid-margin);
        left: var(--grid-margin);
        z-index: -1;
        user-select: none;
        pointer-events: none
    }

    
.element-txtmedia-alt .col-media > .col-inner{max-width: 440px}

.hoverOverlay{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(var(--secondary-h), var(--secondary-s), var(--secondary-l), .9);
    opacity: 0;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}
a:hover .hoverOverlay{opacity: 1}

/* gallery */
.gallery{margin: var(--grid-margin)}
    .gallery > .gallery-item{margin: var(--grid-padding)}

.gallery .hoverOverlay svg{width: 3.75rem}

/* list-agent / list-development / list-agent-compact */
.list-agent, .list-development{display: grid; grid-template-rows: auto 1fr; text-decoration: none!important; width: 100%; max-width: 20rem; margin-left: auto; margin-right: auto}
.list-development{max-width: 27.5rem}

a.list-agent:hover, a.list-development:hover{box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.16)}

    .list-agent__thumb,
    .list-development__thumb{overflow: hidden}

    .list-agent__thumb:empty, .list-development:empty{background-color: var(--secondary-color)}
    .list-agent__about,
    .list-development__about{
        background-color: var(--primary-color);
        color: #fff;
        padding: 1.875rem;
        -webkit-transition: background .35s ease-in-out;
        transition: background .35s ease-in-out
    }
        .list-agent__about > * + *,
        .list-development__about > * + *{margin-top: 1.25rem}
        .list-agent__about > .agent__name + .agent__job,
        .list-development__about > .development__name + .development__meta{margin-top: .3125rem}

    a.list-agent:hover .list-agent__thumb:empty,
    a.list-development:hover .list-development__thumb:empty{background-color: var(--primary-color)}
    a.list-agent:hover .list-agent__about,
    a.list-development:hover .list-development__about{background-color: var(--secondary-color)}
    
    a.list-development .list-development__thumb{overflow: hidden}
    a.list-agent .list-agent__thumb > img,
    a.list-development .list-development__thumb > img{
        top: 50%;
        left: 50%;
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
        -moz-transform: scale(1) translateX(-50%) translateY(-50%);
        transform: scale(1) translateX(-50%) translateY(-50%);
        transform-origin: top left;
    }
    a.list-agent:hover .list-agent__thumb > img,
    a.list-development:hover .list-development__thumb > img{
        -moz-transform: scale(1.1) translateX(-50%) translateY(-50%);
        transform: scale(1.1) translateX(-50%) translateY(-50%)
    }
    .list-development__thumb > svg{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
        -moz-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        opacity: 0;
    }
    a.list-development:hover .list-development__thumb > svg{opacity: 1}

.agent__contacts{color: var(--secondary-color)}
a:not(.list-notification):hover .agent__contacts{color: #fff}

.list-agent-compact * + .agent__contacts{margin-top: .9375rem}
.agent__contacts a{text-decoration: none}

.agent__name > span,
.development__name > span,
.list-notification__intro > h2 > span{display: inline-block; position: relative; padding-bottom: .3125rem}
    .agent__name > span::after,
    .development__name > span::after,
    .list-notification__intro > h2 > span::after{
        content: '';
        display: block;
        width: 100%;
        height: .125rem;
        background: currentColor;
        position: absolute;
        bottom: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: .5;
        -webkit-transition: transform .25s ease-in-out;
        transition: transform .25s ease-in-out
    }
    a.list-agent:hover .agent__name > span::after,
    a.list-development:hover .development__name > span::after,
    a.list-notification:hover .list-notification__intro > h2 > span::after{-webkit-transform: scaleX(1); transform: scaleX(1)}

.development__meta > * + *::before{content: '/'; margin-left: .3125rem; margin-right: .3125rem}

.list-development .development__price{color: var(--secondary-color)}
a.list-development:hover .development__price{color: #fff}

.agent__regnr{opacity: .5}

.list-agent-compact{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 2.5rem;
    text-decoration: none!important;
    color: var(--text-color)
}
    .list-agent-compact__thumb{width: 10rem!important}
    .list-agent-compact__thumb:empty{background-color: rgba(0, 0, 0, .06)}

.element-bound-agents .list-agent-compact{
    padding: 2.5rem;
    background-color: #F2F5F5
}
@media (min-width: 768px){
    .element-bound-agents .list-agent-compact{width: 35rem}
}


.col-agent__meta > * + *{margin-top: 1.875rem}
.col-agent__meta > .single_agent_job + .single_agent__regnr{margin-top: .625rem}

* + .contact_methods,
.col-agent__meta > * + .single_agent__contacts{margin-top: 1.875rem}

.contact_methods > * + *,
.single_agent__contacts > * + *{margin-top: 1.25rem}

.contact_methods,
.single_agent__contacts{font-size: 1.5rem; line-height: 2rem}

.contact_methods svg,
.single_agent__contacts svg{margin-right: 1.25rem}

.contact_methods a,
.single_agent__contacts a{color: var(--primary-color); text-decoration: none}

.contact_methods a:hover,
.single_agent__contacts a:hover{color: var(--secondary-color); text-decoration: none}

.element-bgcolor{background-color: #F2F5F5; padding-top: 5rem; padding-bottom: 5rem}
.element-bgcolor.bg-dark{background-color: var(--primary-color); color: #fff}
.element-bgcolor.bg-dark *{color: inherit}

.element-txtmedia .col-content > .col-inner{width: 100%}

.element-partners h3{margin-bottom: 3.75rem}
.element-partners .flex-partners{margin: -2.5rem}
.element-partners .flex-partner{margin: 2.5rem}

* + .row-partners{margin-top: calc( 3.75rem - var(--grid-padding) )!important}

.list-notification{
    min-height: 15rem;
    color: var(--text-color)!important;
    text-decoration: none!important;
    background-color: #F2F5F5;
    border: 1px solid #F2F5F5;
    padding: calc( 1.25rem - 1px );
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center
}
.list-notification > *{padding: 1.25rem}

    .list-notification__intro{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 30%; max-width: 100%}
    .list-notification__agent{-ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 30rem}
    .list-notification__btn{margin: 0!important}

    .list-notification__intro > * + *{margin-top: .625rem!important}

a.list-notification:hover{background-color: #fff}
    a.list-notification:hover .list-notification__btn > .wp-block-button__link{background-color: var(--secondary-color)!important; border-color: var(--secondary-color)!important}

.element-stats > .d-flex{margin: -1.25rem -2.5rem}
.element-stats__item{font-size: 1.125rem; line-height: 1.5rem; margin: 1.25rem 2.5rem}
    .element-stats__item > *{width: 12.5rem; margin-left: auto; margin-right: auto}
    .element-stats__item > * + *{margin-top: .4375rem}

.element-post-meta > .col-12 > .d-flex{margin: -1.25rem}
    .element-post-meta > .col-12 > .d-flex > *{padding: 1.25rem; position: relative}
    .element-post-meta > .col-12 > .d-flex > *:not(:last-child)::after{
        content: '·';
        display: block;
        position: absolute;
        top: 50%;
        left: 100%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        user-select: none;
        pointer-events: none;
    }

.element-post-meta > .col-12 > img{display: block; margin: 0 auto}
.element-post-meta > .col-12 > img + .d-flex{margin-top: 1rem}

.element-gallery-map .col-map:only-child > iframe{height: 28.125rem}
.element-gallery-map .col-map > iframe{display: block; margin: 0; width: 100%; position: relative; height: 100%}

.ticked-boxes{margin: var(--grid-margin)}
* + .ticked-boxes{margin-top: calc(2.5rem - var(--grid-padding))}
    .ticked-box{
        min-height: 5rem;
        font-size: 1rem;
        line-height: 1.25rem;
        --ticked-min-width: 100%;
        --ticked-width: 100%;
        margin: var(--grid-padding);
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: calc(var(--ticked-min-width) - var(--grid-offset));
        max-width: calc(var(--ticked-width) - var(--grid-offset));
        padding: 1.25rem;
        background-color: #F2F5F5;
        color: var(--text-color)
    }
    .ticked-box > svg{width: 1.25rem}
    .ticked-box > svg + *{
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        padding-left: 1rem
    }

.location-grid{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1.875rem;
    align-items: center;
}
.location-grid__address{
    font-size: 1.3125rem;
    line-height: 1.5rem;
}
.location-grid__map{grid-column: auto/span 2}
    .location-grid__map > iframe{display: block; margin: 0; width: 100%; height: 22.5rem}

.nav-tabs{list-style: none; padding: 0; margin: -1.875rem}
.nav-tabs > *{margin: 1.875rem}
.nav-tabs + *{margin-top: 1.875rem}

.nav-tabs a{
    display: block;
    position: relative;
    padding-bottom: .3125rem;
    text-decoration: none!important;
    color: var(--primary-color)
}
    .nav-tabs a::after{
        content: '';
        display: block;
        width: 100%;
        height: 0.125rem;
        background: currentColor;
        position: absolute;
        bottom: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: transform .25s ease-in-out;
        transition: transform .25s ease-in-out;
    }
    .nav-tabs a:hover::after,
    .nav-tabs .active > a::after{
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

.element-locations * + .classic-editor{margin-top: 1.25rem}

@media (min-width: 568px){
    .ticked-box{--ticked-min-width: 50%}
}
@media (min-width: 768px){
    .ticked-box{--ticked-min-width: 33.3334%}

    .element-txtmedia .col-content::before{top: var(--grid-padding); bottom: var(--grid-padding); width: 100vw}
    .element-txtmedia .col-content{min-height: calc(26rem + var(--grid-offset))}
}
@media (min-width: 992px){
    .element-locations .col-lg-4 + *{margin-left: 8.333333%}
}
@media (min-width: 1200px){
    .ticked-box{--ticked-min-width: 25%}

    .element-txtmedia .col-content{min-height: calc(42.5rem + var(--grid-offset))}

    :root{--header-height: 11.875rem}
    
    .element-hero .justify-content-center:not(.justify-content-lg-start):not(.justify-content-lg-end) .splide__slide-content{text-align: center}
        .element-hero .justify-content-center:not(.justify-content-lg-start):not(.justify-content-lg-end) .splide__slide-content > p:not(.has-giant-font-size){margin-left: auto; margin-right: auto}

    .element-txtmedia .col-content:not(.order-md-1) + .col-media{margin-left: -8.333334%}
        .element-txtmedia .col-content:not(.order-md-1)::before{right: var(--grid-padding); left: unset}
        .element-txtmedia .col-content:not(.order-md-1) > .col-inner{padding-right: calc(20% + var(--grid-offset))}
        .element-txtmedia .col-content:not(.order-md-1) + .col-media > .col-inner{margin-left: calc(var(--grid-offset) * -1)}   
    .element-txtmedia .col-content.order-md-1::before{right: unset; left: var(--grid-padding)}
        .element-txtmedia .col-content.order-md-1 + .col-media{margin-right: -8.333334%}
        .element-txtmedia .col-content.order-md-1 > .col-inner{padding-left: calc(20% + var(--grid-offset))}
        .element-txtmedia .col-content.order-md-1 + .col-media > .col-inner{margin-right: calc(var(--grid-offset) * -1)}  
}
@media (max-width: 1199.9px){
    .element-hero .justify-content-center{text-align: center}
        .element-hero .justify-content-center .splide__slide-content > p:not(.has-giant-font-size){margin-left: auto; margin-right: auto}

    :root{
        --h1-font-size: 2.2rem;
        --h2-font-size: 2rem;
        --h3-font-size: 1.6875rem;
        --h4-font-size: 1.35rem;
        --h5-font-size: 1.25rem;
    }
}
@media (min-width: 860.1px) and (max-width: 1130px){
    .list-notification__intro{min-width: 40%}
}
@media (max-width: 992px){
    .list-notification__agent,
    .list-notification__btn{
        min-width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 767.9px){
    .element-gallery-map .col-map > iframe{height: 28.125rem}
    .element-txtmedia .col-content + .col-media{margin-top: var(--grid-margin)}
}

#ps2id-dummy-offset{
    --dummy-offset: 6.875rem;
    height: calc(var(--dummy-offset) + var(--grid-offset));
}


.element-bgcolor.bg-dark .has-theme-primary-color{color: inherit!important}
.element-bgcolor.bg-dark .element-txtmedia .col-content{color: var(--text-color)}

.element-posts .splide{
    max-width: 57.5rem;
    margin-left: auto;
    margin-right: auto
}
.element-posts .splide__arrows.arrows-offset{max-width: 75rem; bottom: unset; top: 0}

.element-posts__intro{color: #fff; isolation: isolate; border-top: 1px solid var(--primary-color); border-bottom: 1px solid var(--primary-color)}

.element-posts__intro > .classic-editor{
    max-width: 42.5rem;
    margin-left: auto;
    margin-right: auto
}
.element-posts__intro > * + .classic-editor{margin-top: 2.1875rem}

.element-posts__intro::before{
    content: '';
    display: block;
    width: 100vw;
    position: absolute;
    left: 50%;
    top: -1px;
    bottom: -1px;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: var(--primary-color)
}
.element-posts__intro + *{position: relative; z-index: 1}
    .element-posts__intro > *:first-child{margin-top: 5rem}
    .element-posts__intro > *:last-child{margin-bottom: 3.75rem}

/* block-objects */
.mks-block + *{margin-top: var(--mb-block)}
.object-badge{
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 500;
	padding: 0.25rem 0.625rem;
	color: #fff;
	background-color: var(--primary-color);
	display: inline-block
}
.object-badge.is-booked{background-color: #CC9933}

.object-pagi ul{margin: -5px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
	.object-pagi ul > li{margin: 5px}
		.object-pagi ul > li > *{
            color: var(--primary-color);
            text-decoration: none;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			width: 2.5rem;
			height: 2.5rem;
			border-radius: 50%;
            border: 1px solid #fff;
            background-color: #fff;
            font-size: 1rem;
            line-height: 1.25rem;
            font-weight: 500;
            transition: all .3s linear;
            position: relative
		}
        .object-pagi ul > li > .page_arrow{border-color: rgba(4, 65, 57, .2)}
            .object-pagi ul > li > .page_arrow::after{
                content: '';
                display: block;
                width: .75rem;
                height: .75rem;
                background-color: currentColor
            }
            .object-pagi ul > li > .page_first::after{
                mask: url(../images/arrow-left.svg) center no-repeat;
                mask-size: auto 100%;
                -webkit-mask: url(../images/arrow-left.svg) center no-repeat;
                -webkit-mask-size: auto 100%
            }
            .object-pagi ul > li > .page_last::after{
                mask: url(../images/arrow-right.svg) center no-repeat;
                mask-size: auto 100%;
                -webkit-mask: url(../images/arrow-right.svg) center no-repeat;
                -webkit-mask-size: auto 100%;
                margin-left: .125rem
            }

        .object-pagi ul > li > a:hover{border-color: var(--primary-color)}
        .object-pagi ul > li > .page_current{
            color: #fff;
            background-color: var(--primary-color);
            border-color: var(--primary-color)
        }

.block-objects > .block__filter{
	background-color: #F2F5F5;
	padding: calc(var(--grid-padding) * 2) 0!important;
	max-width: 100%!important;
	margin-bottom: calc(var(--grid-padding) * 2)
}
    .block-objects > .block__filter > .container{
        display: grid;
        grid-template-columns: 30.625rem 1fr auto;
        gap: 1.25rem 1.875rem
    }
        .block-objects > .block__filter > .container > .filter--type{grid-column: 1}
        .block-objects > .block__filter > .container > .filter--inputs{grid-column: 2}
        .block-objects > .block__filter > .container > .filter--actions{grid-column: 3; padding-top: 1.5rem}
        .block-objects > .block__filter > .container > .filter--more{grid-column: 1 / -1}

.block-objects > .block__body{display: grid; grid-template-columns: repeat(12, 1fr); gap: calc(var(--grid-padding) * 2)}
	.block-objects > .block__body > *:not(.object-item){grid-column: 1 / -1}
	.block-objects > .block__body > .object-item{grid-column: auto/span 4; width: 100%; max-width: 27.5rem; margin-left: auto; margin-right: auto}

	.block-objects > .block__body > .body__actions{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-padding) calc(var(--grid-padding) * 2); align-items: center}
		.block-objects > .block__body > .body__actions > .action--label{font-size: 1.75rem; line-height: 2.5rem; color: var(--primary-color)}
		.block-objects > .block__body > .body__actions > .action--pagination{grid-column: 2}
.block-objects > .block__footer{margin-top: calc(var(--grid-padding) * 2)}

.filter--inputs{
    margin: -.3125rem -.9375rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start
}
    .filter--inputs > *{margin: .3125rem .9375rem}
    .filter--inputs > .f--fill{flex: 1 0 0; min-width: 10rem}

.action--dropdown .form-control,
.filter--inputs .form-control{
    display: block;
    font-size: 1rem;
    line-height: 1.25rem;
    height: 2.5rem;
    padding: .25rem .875rem;
    color: rgba(54, 54, 54, .5);
    background-color: #fff;
    border: 1px solid rgba(4, 65, 57, .2);
    border-radius: 5px;
    min-width: 6.875rem;
    appearance: none
}
.filter--inputs .form-control:focus,
.filter--inputs .form-control[value]{
    color: #363636;
    background-color: #fff;
    border-color: var(--primary-color);
}

.action--dropdown .form-select,
.filter--inputs .form-select{
    color: #363636;
    border-color: var(--primary-color);
    padding-right: 1.8125rem;

    -moz-padding-start: calc(.875rem - 3px);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .5625rem center;
    background-size: 16px 12px
}

.action--dropdown .form-select{width: auto}

@media (min-width: 768px){
    .action--dropdown{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

.filter--inputs .input-range{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: .375rem .75rem;
    width: 100%;
    max-width: 16.25rem
}
    .filter--inputs .input-range .form-control{width: 100%; min-width: 3.75rem}
    .filter--inputs .input-range > span{
        display: block;
        width: 1rem;
        height: .0625rem;
        background: var(--primary-color)
    }

.filter--actions{text-align: center}
    .filter--actions > * + *{margin-top: 1.25rem}
        .filter--actions > .wp-block-button .wp-block-button__link{width: 100%}
    .reset-filters,
    .filter--more [data-toggle="collapse"]{
        color: var(--primary-color);
        text-decoration: none;
        padding: 0;
        border: none;
        background: none;
        font-size: 1rem;
        line-height: 1.3125rem;
        font-weight: 500;
        padding-bottom: .1875rem;
        position: relative
    }
    .reset-filters:hover,
    .filter--more [data-toggle="collapse"]:hover{color: var(--primary-color); text-decoration: none}
        .reset-filters::after,
        .filter--more [data-toggle="collapse"]::after{
            content: '';
            display: block;
            width: 100%;
            height: 1px;
            background-color: currentColor;
            position: absolute;
            left: 0;
            bottom: 0;
            transform: scaleX(1);
            transition: all .3s linear
        }
        .reset-filters:hover::after,
        .filter--more [data-toggle="collapse"]:hover::after{transform: scaleX(0)}

    .filter--more [data-toggle="collapse"]{padding-right: 1.125rem}
    .filter--more [data-toggle="collapse"] > span{display: block}
    .filter--more [data-toggle="collapse"][aria-expanded="false"] > span:last-child,
    .filter--more [data-toggle="collapse"][aria-expanded="true"] > span:first-child{display: none}
        .filter--more [data-toggle="collapse"]::after{width: calc(100% - 1.125rem)}
        .filter--more [data-toggle="collapse"]::before{
            content: '';
            display: block;
            position: absolute;
            right: 0;
            width: 0.75rem;
            height: calc(100% - .1875rem);
            background: currentColor;
            mask: url(../images/arrow-down.svg) center no-repeat;
            mask-size: 100% auto;
            -webkit-mask: url(../images/arrow-down.svg) center no-repeat;
            -webkit-mask-size: 100% auto
        }
        .filter--more [data-toggle="collapse"][aria-expanded="true"]::before{transform: scaleY(-1)}

    .filter--more .collapse-inner{
        margin-top: .625rem;
        padding: 1.8125rem 0 1.875rem 0;
        border-top: 1px solid rgba(54, 54, 54, .2)
    }

.object-item{
	display: grid;
	grid-template-rows: auto 1fr;
	background-color: #fff;
	box-shadow: 0.3125rem 0.3125rem 0.9375rem 0 rgba(4, 65, 57, .05);
	font-size: 1rem;
	line-height: 1.3125rem;
	color: #363636;
	text-decoration: none
}
a.object-item:hover{text-decoration: none}
	.object-item > .item__thumb{position: relative; background-color: #B5B5B5; min-height: 15rem; display: block; text-decoration: none}
		.object-item > .item__thumb::before{content: ''; display: block; width: 0; padding-top: 68.1825%}
		.object-item > .item__thumb > *{position: absolute}
		.object-item > .item__thumb > .object-badge{position: absolute; left: 0; top: 1.25rem}
		.object-item > .item__thumb > img{display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; position: absolute; top: 0; left: 0}
        /*.object-item > .item__thumb::after{
            content: '';
            display: block;
            width: 6.25rem;
            height: 1.875rem;
            position: absolute;
            top: 1.25rem;
            right: 1.25rem;
            background-color: #fff;
            mask: url(../images/lumenkv-logo.svg) right top no-repeat;
            mask-size: auto 100%;
            -webkit-mask: url(../images/lumenkv-logo.svg) right top no-repeat;
            -webkit-mask-size: auto 100%
        }*/
	.object-item > .item__content{padding: 1.875rem}
.object-item .item-el{display: block}
.object-item a.item-el{color: var(--primary-color); text-decoration: none}

a.object-item:hover .item--address,
.object-item a.item-el:hover{color: var(--secondary-color); text-decoration: underline}
.object-item .item-el + .item-el{margin-top: 0.9375rem; padding-top: 0.9375rem; border-top: 1px solid rgba(4, 65, 57, .2)}
.object-item .item-el.item--address{
	font-size: 1.25rem;
	line-height: 1.625rem;
	font-weight: 600;
}
.object-item .item-el.item--meta{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.625rem;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500
}
    .object-item .item-el.item--meta > * > *{display: block}
    
.object-pricing{
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500
}
.object-pricing > *{display: block}
.object-pricing > .is-price,
.object-item .item-el.item--meta > .meta__right > .is-rooms-qty{
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600
}
.object-pricing > .is-price{color: var(--secondary-color)}

/* filters */
@media (min-width: 1200px){
    .f__group.f--smaller{max-width: 7.5rem}
}
.f__group > label:not([class]){
    display: block;
    font-size: 0.875rem;
    line-height: 1.1875rem;
    font-weight: 500;
    margin-bottom: .3125rem;
    color: var(--primary-color)
}

.f__extra-styled-choices{
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem
}
    .f__extra-styled-choices label{
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 500;
        display: block;
        cursor: pointer;
        position: relative;
        width: 100%;
        margin: 0
    }
        .f__extra-styled-choices label > input{position: absolute; top: 0; left: 0; opacity: 0}
        .f__extra-styled-choices label > input + *{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            height: 3.125rem;
            padding: .25rem .875rem;
            color: rgba(54, 54, 54, .5);
            border: 1px solid rgba(4, 65, 57, .2);
            background-color: #fff;
            border-radius: 5px;
        }
            .f__extra-styled-choices label > input + *::before{
                content: '';
                display: block;
                width: 14px;
                height: 14px;
                position: absolute;
                left: 14px;
                top: 50%;
                transform: translateY(-50%);
                background-color: currentColor;
                opacity: 0;
                mask: url(../images/tick.svg) center no-repeat;
                mask-size: 100% auto;
                -webkit-mask: url(../images/tick.svg) center no-repeat;
                -webkit-mask-size: 100% auto
            }
        .f__extra-styled-choices label:hover > input + *,
        .f__extra-styled-choices label > input:checked + *{border: 1px solid rgba(4, 65, 57, 1)}
        .f__extra-styled-choices label > input:checked + *{padding-left: 2.25rem; color: #fff; background-color: rgba(4, 65, 57, 1)}
            .f__extra-styled-choices label > input:checked + *::before{opacity: 1}

.styled-checkbox{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 1.875rem;
    cursor: pointer;
    padding-left: 2.5rem;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    margin: 0;
}
    .styled-checkbox > input[type="checkbox"]{position: absolute; top: 0; left: 0; opacity: 0}
    .styled-checkbox > input[type="checkbox"] + span{color: rgba(54, 54, 54, .5)}
        .styled-checkbox > input[type="checkbox"] + span::before,
        .styled-checkbox > input[type="checkbox"] + span::after{
            content: '';
            display: block;
            width: 1.875rem;
            height: 1.875rem;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            z-index: 1;
            background-color: #fff;
            border-radius: .3125rem
        }
        .styled-checkbox > input[type="checkbox"] + span::before{border: 1px solid rgba(4, 65, 57, .2)}
        .styled-checkbox > input[type="checkbox"] + span::after{
            mask: url(../images/tick.svg) center no-repeat;
            mask-size: .875rem auto;
            -webkit-mask: url(../images/tick.svg) center no-repeat;
            -webkit-mask-size: .875rem auto;
            opacity: 0
        }

    .styled-checkbox:hover > input[type="checkbox"] + span, 
    .styled-checkbox > input[type="checkbox"]:checked + span{color: rgba(54, 54, 54, 1)}
        .styled-checkbox > input[type="checkbox"]:checked + span::before{background-color: var(--primary-color); border-color: var(--primary-color)}
        .styled-checkbox > input[type="checkbox"]:checked + span::after{opacity: 1}

.g__inline-checkboxes{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: -.5rem -.9375rem
}
    .g__inline-checkboxes > *{margin: .5rem .9375rem}

/* block-single-object */
.entry-header + .block-single-object{margin-top: 3.75rem}

.block-single-object{display: grid; grid-template-columns: repeat(2, 1fr); gap: 3.75rem 2.5rem}
    .block-single-object > *:not(.single-object__content, .single-object__about){grid-column: 1 / -1}

.single-object__content{padding-right: 1.25rem}
    .single-object__content > * + *{margin-top: 1.875rem}

.single-object__about .object--meta{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .625rem;
    align-items: flex-start;

    --btn-font-size: .875rem;
    --btn-lineheight: 1.25rem;
    --btn-radius: 1.4375rem;
    --btn-min-width: unset;
    --btn-border-width: 1px;
    --btn-padding-t: calc(.5625rem - var(--btn-border-width));
    --btn-padding-r: calc(1.5625rem - var(--btn-border-width));
    --btn-padding-b: var(--btn-padding-t);
    --btn-padding-l: var(--btn-padding-r);
}
    .single-object__about .object-pricing{
        font-size: 1.1875rem;
        line-height: 1.625rem
    }
        .single-object__about .object-pricing > .is-price{
            font-size: 1.875rem;
            line-height: 2.5rem
        }

    .single-object__about .object--meta > .object--link{
        font-size: .875rem;
        line-height: 1.125rem;
        text-align: right
    }
    .single-object__about .object--meta > .object--link > * + .wp-block-button{margin-top: .375rem}

.single-object__about > * + *{margin-top: 1.875rem}

    .object--media .primary__splide .splide__slide > *{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        aspect-ratio: 3 / 2;
        background-color: #B5B5B5
    }
        .object--media .primary__splide .splide__slide > * > img{display: block; width: 100%; height: 100%; object-fit: cover}

    /*
    .object--media .primary__splide::after{
        content: '';
        display: block;
        width: 7.5rem;
        height: 2.25rem;
        position: absolute;
        top: 1.25rem;
        right: 1.25rem;
        background-color: #fff;
        mask: url(../images/lumenkv-logo.svg) right top no-repeat;
        mask-size: auto 100%;
        -webkit-mask: url(../images/lumenkv-logo.svg) right top no-repeat;
        -webkit-mask-size: auto 100%;
        z-index: 10
    }
    */

    .object--media .primary__splide .splide__arrows{
        top: unset!important;
        left: unset!important;
        bottom: 1.25rem!important;
        right: 1.25rem!important;
        width: 5.125rem!important;
        transform: none!important;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: .625rem
    }
        .object--media .primary__splide .splide__arrows > .splide__arrow{
            --arrow-size: 2.25rem;
            --arrow-color: #fff;
            --arrow-bgcolor: var(--primary-color);

            position: static!important;
            top: unset!important;
            left: unset!important;
            bottom: unset!important;
            right: unset!important;
            transform: none
        }
        .object--media .primary__splide .splide__arrows > .splide__arrow--next{
            --arrow-color: var(--primary-color);
            --arrow-bgcolor: #fff;
        }
        .object--media .primary__splide .splide__arrows > .splide__arrow:disabled{opacity: .5}
        
    .object--media .secondary__splide{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1.25rem;
        margin-top: 1.25rem
    } 
        .object--media .secondary__splide > .splide__track{grid-column: 1 / 4}

        .object--media .secondary__splide,
        .object--media .secondary__all{min-height: 5rem}
        .object--media .secondary__splide .splide__slide{background-color: #B5B5B5}
        .object--media .secondary__all{background-color: #F2F5F5}
        .object--media .secondary__splide .splide__slide::before,
        .object--media .secondary__all::before{
            content: '';
            display: block;
            padding-top: 66.667%
        }
        .object--media .secondary__splide .splide__slide::after{
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            border: 3px solid var(--primary-color);
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
        }
        .object--media .secondary__splide .splide__slide.is-active::after{opacity: 1}
            .object--media .secondary__splide .splide__slide > *,
            .object--media .secondary__all > *{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0}
            .object--media .secondary__splide .splide__slide img{display: block; width: 100%; height: 100%; object-fit: cover}

    .object--media .secondary__all{position: relative}
        .object--media .secondary__all > *{
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            align-items: center;
            align-content: center;
            justify-content: center;
            font-size: 1rem;
            line-height: 1.25rem;
            text-align: center;
            text-decoration: none;
            color: var(--primary-color);
            padding: .25rem
        }
        .object--media .secondary__all > a:hover{color: var(--secondary-color)}
            .object--media .secondary__all > * > *{display: block; flex: 0 0 100%}
            .object--media .secondary__all .all_label{text-decoration: underline}
            .object--media .secondary__all .all_qty{
                text-decoration: none;
                font-size: 0.875rem;
                line-height: 1rem
            }

.object--stats{
    font-size: 1rem;
    line-height: 1.25rem
}
    .object--stats .stat__label{
        color: var(--primary-color);
        font-size: .875rem;
        line-height: 1rem;
        font-weight: 500;
        margin-bottom: .3125rem
    }
    .object--stats > .os__body{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: .875rem 0
    }
        .object--stats > .os__body > .os__item{
            padding-bottom: .875rem;
            border-bottom: 1px solid #ccd9d7;
            padding-right: 1.25rem
        }
    .object--stats > .os__body + .os__end{
        margin-top: -1px;
        border-top: 1px solid #ccd9d7;
        padding-top: 0.9375rem
    }

.object--realtor{
    padding: 1.875rem;
    background-color: #F2F5F5;
    display: grid;
    grid-template-columns: 8.75rem 1fr;
    align-items: center;
    gap: 1.25rem 1.875rem
}
    .object--realtor > .realtor__thumb{
        width: 8.75rem;
        position: relative;
        overflow: hidden;
        background-color: rgba(4, 65, 57, .05)
    }
        .object--realtor > .realtor__thumb::before{content: ''; display: block; padding-top: 100%}
        .object--realtor > .realtor__thumb > img{
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    .object--realtor .rc__title{
        font-size: 1.875rem;
        line-height: 2.5rem;
        font-weight: 600;
        color: var(--primary-color)
    }

    .object--realtor .single_agent__contacts{
        font-size: 1.3125rem;
        line-height: 1.875rem
    }
        .object--realtor .single_agent__contacts > * + *{margin-top: .625rem}
        .object--realtor .single_agent__contacts svg{margin-right: .625rem}

    .object--realtor > .realtor__content > * + *{margin-top: .5rem}

.object--location-map > *{width: 100%; height: 25rem; margin: 0; display: block; object-fit: cover}

.single-object__related > .block__header{
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.625rem 1.25rem
}
    .single-object__related > .block__header > h2{
        font-size: 1.75rem;
        line-height: 2.5rem;
        font-weight: 800;
        color: var(--primary-color)
    }
    .single-object__related > .block__header > .splide__arrows,
    .single-object__related > .block__header > .splide__arrows > .splide__arrow{
        position: static;
        transform: none;
        margin: 0;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset
    }
    .single-object__related > .block__header > .splide__arrows{
        width: unset;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
        width: 6.25rem
    }
    .single-object__related > .block__header > .splide__arrows > .splide__arrow{
        --arrow-size: 2.5rem;
        --arrow-color: #fff;
        --arrow-bgcolor: var(--secondary-color);
    }
    .single-object__related > .block__header > .splide__arrows > .splide__arrow:disabled{opacity: .3}

.single-object__related > .block__body{margin: -.9375rem}
    .single-object__related > .block__body > .splide__track .splide__slide{padding: .9375rem}

/* objects responsiveness */
@media (min-width: 1200px){
    .filter--actions > .wp-block-button{width: 12.5rem}
    .filter--actions > .wp-block-button .wp-block-button__link{
        --btn-radius: 1.875rem;
        --btn-border-width: 1px;
        --btn-padding-t: calc(1.125rem - var(--btn-border-width));
        --btn-padding-r: calc(1.5rem - var(--btn-border-width));
        --btn-padding-b: var(--btn-padding-t);
        --btn-padding-l: var(--btn-padding-r)
    }
}
@media (max-width: 1199px){
    .filter--inputs{margin: -.3125rem -.5rem}
        .filter--inputs > *{margin: .3125rem .5rem}

    .block-objects > .block__filter > .container{grid-template-columns: 22.5rem 1fr}
    .filter--actions > * + *{margin-top: 0}
    .block-objects > .block__filter > .container > .filter--actions{
        padding: 0;
        grid-column: 1 / -1;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin: -.3125rem -0.5rem;
        order: 10
    }
        .block-objects > .block__filter > .container > .filter--actions > *{margin: .3125rem .625rem}

    .filter--inputs > *:not(.f--fill){max-width: calc(50% - 1rem)}
    .filter--inputs .input-range .form-control{min-width: 100%; max-width: 100%}

    .filter--actions > .wp-block-button .wp-block-button__link{width: auto}
}
@media (max-width: 1023px){
    .block-objects > .block__filter > .container{grid-template-columns: 1fr}
    .block-objects > .block__filter > .container > .filter--type,
    .block-objects > .block__filter > .container > .filter--inputs{grid-column: 1 / -1}

    .f__extra-styled-choices{grid-template-columns: repeat(6, 1fr)}
    
    .block-objects > .block__body > .body__actions{grid-template-columns: repeat(2, 1fr)}
    .block-objects > .block__body > .body__actions > .action--pagination{
        grid-column: 1 / -1;
        order: 1
    }
    .block-objects > .block__body{grid-template-columns: repeat(4, 1fr)}
        .block-objects > .block__body > .object-item{grid-column: auto/span 2}
}
@media (max-width: 991px){
    .block-single-object{grid-template-columns: 1fr}
    .single-object__content{padding-right: 0}
}
@media (max-width: 879px){
    .f__extra-styled-choices{grid-template-columns: repeat(4, 1fr)}
}
@media (max-width: 767px){
    .block-objects > .block__body > .body__actions{grid-template-columns: 1fr}

    .f__extra-styled-choices{grid-template-columns: repeat(3, 1fr)}
    
    .block-objects > .block__body{grid-template-columns: 1fr}
        .block-objects > .block__body > .object-item{grid-column: 1 / -1}
}
@media (max-width: 567px){
    .f__extra-styled-choices{grid-template-columns: repeat(2, 1fr)}
    
    .filter--inputs > *:not(.f--fill){min-width: calc(100% - 1rem); max-width: calc(100% - 1rem)}
    .filter--inputs .input-range{max-width: 100%}

    .object--realtor{
        grid-template-columns: 1fr
    }
}
@media (max-width: 413px){
    .f__extra-styled-choices{grid-template-columns: 1fr}
}

.classic-editor a[style="color:blue;"]{color: var(--secondary-color)!important}
.classic-editor a[style="color:blue;"]:hover{color: var(--primary-color)!important}