/* -------------- --------------------- */
/* ------------- General -------------- */
/* -------------- --------------------- */

@font-face {
    font-family: "Didot LT Std Italic";
    src: url('../fonts/didot/DidotLTStd-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* -------------- --------------------- */
/* ------------- Botones ---------------*/
/* -------------- --------------------- */

.button{
    padding: 17px 35px;
    line-height:1;
    font-size: 14px;
    border-radius:0;
    color:#fff;
    transition: all .6s;
    border:1px solid;
    text-transform: uppercase;
}

.button:focus{
    box-shadow:none;
    outline: 0;
}

.button:active,
.button:focus{
    outline:0;
}

.button:hover{
    color:#fff;
}

.button-primary{
    color:#fff;
    border-color:#121212;
    background: #121212;
}

.button-primary:hover{
    background-color: #f68d1e;
    color: #fff;
    border-color:#f68d1e;
}

/* -------------- --------------------- */
/* --------------- Sections ------------*/
/* -------------- --------------------- */

.ms-section{
    overflow: hidden;
}

.head-section{
    text-align: center;
    margin-bottom: 50px;
}

.head-section .topTitle {
    font-family: "Didot LT Std Italic"!important;
    font-size: 21px;
    color: #121212;
    font-weight: normal;
    text-transform: capitalize;
    line-height: 2;
}

.head-section .titleSection {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 400;
    color: #121212;
    /* font-family: "Montserrat"; */
}

.section-button{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-top: 30px;
}

.section-button .button{
    width: 100%;
    max-width: 200px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

@media screen and (min-width: 580px) {
    .section-button .button{
        max-width: 245px;
    }
}

/* -------------- --------------------- */
/* ----------- Main section ------------*/
/* -------------- --------------------- */

#ms-main {
    position: relative;
    height: 70vh;
    max-height: none;
    min-height: 480px;
    padding: 15px 0;
}

#ms-main{
    position: relative;
    height: 70vh;
    max-height: none;
    min-height: 480px;
    padding: 15px 0;
    overflow: hidden;
}

@media screen and (min-width: 580px) {
    #ms-main {
        padding: 30px 0;
    }
}

#ms-main:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#ms-main .ms-layer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.center-slider-communities{
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    text-align: center;
    flex-direction: column;
    color: #fff;
    z-index: 3;
    transform: translateY(-50%);
    width: 100%;
}

/* @media screen and (min-width: 580px) {
    .center-slider-communities{
        width: 100%;
    }
} */

.center-slider-communities h2 {
    font-family: "Montserrat",sans-serif!important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 32px;
    margin-bottom: 25px;
}

@media screen and (min-width: 580px) {
    .center-slider-communities h2{
        font-size: 55px;
    }
}

@media screen and (min-width: 1280px) {
    .center-slider-communities h2{
        font-size: 70px;
    }
}
/* -------------- */

.center-slider-communities p {
    font-size: 20px;
    font-family: "Didot LT Std Italic"!important;
    margin: 10px 0 20px;
}

.btn-dual-comnuties{
    display: flex;
    align-items: center;
    gap:20px;
}

.btn-dual-comnuties .button{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    height: 42px;
    padding: 0;
}

@media screen and (min-width: 580px) {
    .btn-dual-comnuties .button{
        min-width: 200px;
    }
}

@media screen and (min-width: 1280px) {
    .btn-dual-comnuties .button{
        height: 58px;
    }
}

/* -------------- --------------------- */
/* -------- Listing communities --------*/
/* -------------- --------------------- */

/* -------------- --------------------- */
/* -------- Listing communities --------*/
/* -------------- --------------------- */

.section-ourlisting-communities{
    max-width: 1600px;
    margin: 45px auto!important;
    padding: 0 10px;
}

.section-ourlisting-communities .clidxboost-gs-wrapper-bullets{
    margin: 0;
    margin-top: 30px;
}

.section-ourlisting-communities .clidxboost-gs-wrapper-bullets .gs-bullet.gs-bullet-active:before{
    background-color: #f68d1e;
}

/* -------------- --------------------- */
/* -------------- Home for sale --------*/
/* -------------- --------------------- */

.section-homes-forsale {
    max-width: 942px;
    width: 100%;
    margin: 0 auto 20px!important;
    margin-bottom: 4rem!important;
}

body.page-id-3053 #header-filters{
    display: none;
}

body.page-id-3053.fixed-active .content-filters .fixed-box,
body.flex-filter-pages-template-default.fixed-active #flex-filters-theme .content-filters .fixed-box{
    top: 60px!important;
}

@media screen and (min-width: 1280px) {
    body.page-id-3053.fixed-active .content-filters .fixed-box,
    body.flex-filter-pages-template-default.fixed-active #flex-filters-theme .content-filters .fixed-box{
        top: 78px!important;
    }
}

body.page-id-3053 .content-filters #wrap-filters .gwr #filters {
    max-width: 944px!important;
    margin: 0 auto;
}

/* -------------- --------------------- */
/* ----------Section texto -------------*/
/* -------------- --------------------- */

.pinecrest-txt{
    width: 90%;
    margin: 0 auto;
    margin-top: 60px;
    text-align: justify;
    
    line-height: 22px;
    font-size: .875rem;
}

@media screen and (min-width: 1280px) {
    .pinecrest-txt{
        width: 80%;
        font-size: 17px;
        line-height: 28px;
    }
    
}


.pinecrest-txt-content{
    display: none;
}

.show-more .pinecrest-txt-content{
    display: block;
}

.read-more-btn{
    color: #121212;
    text-transform: uppercase;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    background-color: transparent;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    padding-bottom: 5px;
}

.read-more-btn::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #121212;
    transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.read-more-btn:hover::after {
    width: 0;
    right: auto;
    left: 0;
}

.read-more-btn::before{
    content:attr(data-text);
    display: block;
}


.section-homes-forsale #result-search{
    display:grid!important;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap:15px;
}

@media screen and (min-width: 580px) {
    .section-homes-forsale #result-search{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.section-homes-forsale #result-search>li{
    width:100%!important;
    margin:0!important;
}

/* -------------- --------------------- */
/* ----------Lazylaod --- --------------*/
/* -------------- --------------------- */

.lazy-loaded{
    transition: all 1s;
    transition-delay: 0.1s;
}

.lazy{
    opacity: 0;
    
}