/* @group Neighborhood Header

------------------------------------ */

.page-template-property-search .page-header {
    padding-top: 0 !important;
}
.page-template-property-search .page-header::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, rgba(3, 18, 38, 0.5) 0%, rgba(0, 0, 0, 0) 23.19%), linear-gradient(0deg, rgba(0, 21, 49, 0.35), rgba(0, 21, 49, 0.35)); }
.property-map { min-height: 1px; }
.page-header { color: var(--main-white); position: relative; border-bottom: 4.6rem solid var(--teal); margin: 7rem 0 0;}
.page-header a { color: var(--main-white); }
.page-header .img-box { height: calc(100vh - 11.6rem); }
.page-header ul { margin: 4.4rem 0 2rem; }
.page-header li { display: inline-block; font-size: 1em; font-weight: 600; letter-spacing: 0.02em; line-height: 1.4em; text-transform: uppercase; }
.page-header li::after { content: '•'; margin: 0 1rem; }
.page-header li:last-child::after { content: none; }
.page-header h1 { color: var(--teal); font-size: 3.6em; font-size: 600; line-height: 1.167em; margin: 0 0 1.1rem; }
.page-header p { font-size: 1.8em; line-height: 1.336em; }
.page-header .goDown { position: absolute; bottom: 7.4rem; left: 0; font-size: 1.2em; z-index: 4; }
.page-header::after { content: ''; position: absolute; top: 0; right: 0; background: url(../../img/layout/property-search/bg-mobile.svg) center top; background-size: cover; height: 100%; width: 100%; }

@media only screen
and (min-width : 961px) {
    .page-header { margin: 8.8rem 0 0; border-bottom-width: 2.4rem; }
    .page-header .img-box { height: 55rem; }
    .page-header ul { margin: 8.5rem 0 2rem; }
    .page-header li { font-size: 1.4em; letter-spacing: 0.04em; line-height: 1.429em; }
    .page-header h1 { font-size: 5em; letter-spacing: -0.02em; line-height: 1.161em; margin: 0 0 2.3rem; }
    .page-header p {}
    .page-header .goDown { bottom: 10.7rem; }
    .page-header::after { background-image: url(../../img/layout/property-search/bg.svg); height: 57.1rem; width: 61.6rem; }

    
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */
/* @group Filters
------------------------------------ */
.site-nav + .page-filters { margin: 7rem 0 0; }
.page-filters p { color: var(--main-blue); font-size: 1.6em; font-weight: 700; line-height: 1.250em; }
.page-filters p em { font-style: normal; text-decoration: underline; }
.page-filters .toggle-wrapper { background: var(--light-grey); height: 4.5rem; width: 8.5rem; border-radius: 8.5rem; display: inline-flex; justify-content: space-between; align-items: center; padding: .5rem; }
.page-filters .toggle-wrapper button { color: var(--main-grey); font-size: 1.6em; height: 3.5rem; width: 3.5rem; }
.page-filters .toggle-wrapper .active { background: var(--main-white); color: var(--font-black); box-shadow: 0 0 1.6rem .2rem rgba(0,0,0,.2); border-radius: 100%; }
.page-filters .toggle-wrapper .icon-location {  font-size: 2em; }
.page-filters .separator { display: inline-flex; align-items: center; }

.page-filters .price-container div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-filters .price-container span {
    font-size: 1.2em;
    line-height: 1em;
    color: var(--font-black);
}
.page-filters .price-container legend {
    color: var(--font-black);
    font-size: 1em;
    line-height: 1.2em;
    text-transform: uppercase;
    padding: .5rem 0;
}
.page-filters .price-container label:not(:last-child) {
    margin-bottom: .75rem;
}
.page-filters .price-container label {
    display: block;
    width: 100%;
    padding: 0 .5rem;
}
.page-filters .price-container input[type=text] {
    width: 100%;
    max-width: 100%;
    flex: 1;
    border-radius: .5rem;
    border: .1rem solid var(--font-black);
    padding: .75rem .5rem;
    font-size: 1.2em;
    line-height: 1em;
    color: var(--font-black);
    margin-left: .5rem;
}
.page-filters .price-container button {
    text-align: center;
    margin-bottom: .25rem;
}

@media only screen
and (min-width : 961px) {
    .site-nav + .page-filters { margin: 8.8rem 0 0; }
    .page-filters .filters-box { padding-left: 5rem; }
    .page-filters .col-12-6 { padding: 0 3rem; }
    .page-filters .col-12-6:last-child { padding-right: .5rem;padding-left: 0; }

    .page-filters .select-bg { width: 100%; }
    .page-filters [data-type="states"] { max-width: 10.1rem; }
    .page-filters [data-type="neighborhoods"] { max-width: 15.3rem; }
    .page-filters [data-type="collections"] { max-width: 12.9rem; }
    .page-filters [data-type="bedrooms"] { max-width: 12.4rem; }
    .page-filters [data-type="price"] { max-width: 9.5rem; }

    .page-filters [data-type="price"] .fake-dropdown { min-width: auto; }

    .page-filters .reset-container  {
        display: inline-block;
        vertical-align: middle;
        max-width: 5rem;
        padding-left: 1.5rem;
    }
    .page-filters .reset-icon span {
        display: none;
    }
    .page-filters .reset-icon {
        display: inline-block;
    }
    .page-filters .reset-container img {
        width: 2rem;
        height: 2rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 1290px)
and (max-width : 1438px) {
    .page-filters .col-12-6 { -ms-flex: 0 0 41.66666666666667%; flex: 0 0 41.66666666666667%; max-width: 41.66666666666667%; }
    .page-filters .col-12-6:last-child { -ms-flex: 0 0 58.333333333333336%; flex: 0 0 58.333333333333336%; max-width: 58.333333333333336%; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1289px) {
    .page-filters .col-12-6 { flex: 0 1 40rem; max-width: 40rem;}
    .page-filters .col-12-6:last-child { flex: 1; max-width: 100%;}
    .page-filters .select-bg { margin-bottom: 1rem;}
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .page-filters .reset-container {
        margin-bottom: 1.5rem;
        width: 10rem;
        margin-left: auto;
    }
    .page-filters .reset-icon {
        background: var(--light-grey);
        color: var(--font-black);
        border: 0.1rem solid var(--light-grey);
        height: 4.5rem;
        width: 100%;
        border-radius: 0.4rem;
        text-align: left;
        padding: 0 1.4rem;
        font-size: 1.2em;
        font-weight: 300;
        letter-spacing: -0.01em;
        line-height: 1.338em;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .page-filters .reset-container img {
        width: 2rem;
        height: 2rem;
        margin-left: 1rem;
    }
}

/* @end */
/* @group Property Search
------------------------------------ */

/* Main
----------------------*/
.property-main { margin: 0 0 5.6rem; }
.property-main .bttn[data-function="load-properties"] { display: inline-flex; }
/* Main - Map
----------------------*/
.mapContainer { height: 100vh; }
/* Info Bubble
----------------------*/
.mapContainer .bubble_container .bubble { overflow: visible!important; background: var(--main-white)!important; box-shadow: 0px 0px 3rem .4rem rgba(0,0,0,.2)!important;
  border: none!important; padding: 0!important; width: 21rem!important; height: auto!important; text-align: left!important; border-radius: .8rem!important; }
.mapContainer .bubble_container .arrow div { display: none!important; }
.mapContainer .bubble_container .content { padding: 0 1rem 1.5rem; }
.mapContainer .bubble_container .img-box { padding: 1rem; height: 22rem; border-radius: .4rem; }
.mapContainer .bubble_container h4 { color: var(--main-blue); font: 600 1.6rem / 1.250em var(--museo-font); margin: 0 0 .2rem; }
.mapContainer .bubble_container p { color: var(--font-black); font: 300 1.2rem / 1.338em var(--museo-font); letter-spacing: -0.01em; }
.mapContainer .bubble_container p a { color: var(--font-black); }
.property-main .property-box button { text-decoration: underline; }

.property-main[data-view="map-view"] .property-box:not(.map-visible) {
        display: none;
    }
.property-main .bttn-wrapper {
    display: none;
}
.property-main[data-view="map-view"] .bttn-wrapper {
    display: block;
}
:is([data-loaded-all="true"], #important) .bttn-wrapper {
    display: none;
}

.property-main[data-view="map-view"] .bttn-wrapper button {
    padding-inline: 2.4rem;
    padding-block: 1.6rem;
    border: solid .3rem var(--blue, #002E6D);
    border-radius: 5.4rem;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 900;
    color: var(--blue,#002E6D);
}


@media only screen
and (min-width : 961px) {
    .property-main { margin: 0; }
    .property-main .bttn[data-function="load-properties"] { margin: 0 0 6.6rem; }
    /* Main - Map
    ----------------------*/
    .property-map { position: sticky; top: 0; flex: 53.4vw; max-width: 53.4vw; }
    .property-list { flex: 1; }
    .property-main[data-view="list-view"] .property-map { position: absolute; left: -100vw; }
    /* Main - List
    ----------------------*/
    .property-main .property-list { padding-inline: 2.05rem; margin: 1.1rem 0 0; }
    [data-view="list-view"] .property-list { margin: 3.7rem 0 0; }
    .property-main[data-view="list-view"] .property-list { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .property-list .property-box { margin: 0 0 8.4rem; }
    .property-main[data-view="list-view"] .property-list .property-box { padding: 0 3.6rem; }
    .property-main[data-view="list-view"] .property-box .img-box { height: 41rem; margin: 0 0 2.7rem; }
    .property-list .property-box::after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: .1rem; background: var(--secundary-grey); }
    .property-list .property-box:last-of-type::after,
    .property-list .property-box:nth-child(3n)::after { content: none; }
    .property-main[data-view="map-view"] .property-box h3 { font-size: 1.6em; line-height: 1.250em; }

    .property-main[data-view="map-view"] {
        position: relative;
    }
    .property-main[data-view="map-view"] #ajax_container{
        padding-bottom: 5rem;
    }
    .property-main[data-view="map-view"] .bttn-wrapper {
        width: calc(100% - 53.4vw);
        margin-left: auto;
        position: absolute;
        bottom: 5rem;
        right: 0;
        padding-inline: 4rem;
    }

    
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 961px)
and (max-width : 1280px) {
    .property-main[data-view="map-view"] .property-box { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .property-list .property-box:nth-child(3n)::after { content: ''; }
    .property-list .property-box:nth-child(2n)::after { content: none; }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .property-map {width: 100%;}
    /* .property-map {width: 100%;}
    .mapContainer { height: 27vh; }
    .property-list { padding-top: 2rem;} */
    .property-main[data-view="map-view"] { margin: 0; }
    /* Main - List
    ----------------------*/
    .property-main .property-list { background: var(--main-white); opacity: 0; margin-top: -80vh; position: absolute; left: -100vw; }
    .property-main[data-view="list-view"] .property-list { animation: fadeUp 1.2s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; left: auto; position: relative; margin-top: -100vh; }
}

/* @end */


[data-comp='result'] {
    display: none;
}
[data-comp='result'].active {
    display: block;
}
[data-comp='result'] {
    padding: 3rem 0 8rem 2rem;
}
[data-comp='result'] h3 {
    font-size: 2rem;
    line-height: 1.2em;
    color: var(--font-black);
}

.property-main .cluster span {
    font-family: var(--museo-font);
    font-size: 1rem;
    position: absolute;
    top: 1rem;
    left: 1rem;
    line-height: 1em;
    color: #fff;
}