﻿
.g-card-slider-box { width: 100%; background-color: #fafafa }

.g-card-slider .swiper-slide,
.single .g-property-single-card { width: 33%; }

.g-card-slider .swiper-slide { height: auto !important; }

.g-card-slider > .swiper-pagination-bullets { position: inherit; height: 100px; bottom: 0; justify-content: center; align-items: flex-end; display: flex; }
.g-card-slider .swiper-pagination-bullet-active { background-color: #171f2d }

.g-property-single-card { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; position:relative;}
.single .g-property-single-card { width: 33%; max-width: 460px; }

.g-card-image-slider.swiper-container { width: 100%; height: 0; padding-bottom: 100%; position: relative; display: table; }
.g-card-image-slider .swiper-container { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.g-card-image-slider .swiper-wrapper { width: 100%; }

.g-property-single-card-image { width: 100%; }
.g-card-image-slider img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover; display: block; }

.g-card-image-slider .swiper-pagination-bullet { background: rgba(255,255,255,.6); opacity: 1; box-shadow: 0 0 5px rgba(0,0,0,.7); }
.g-card-image-slider .swiper-pagination-bullet-active { background: #fff; }

.g-property-single-card-text-box { padding: 23px 20px; background-color: #fff; flex-grow: 1; display: flex; flex-direction: column; position: relative; }
.g-property-address { font-size: 150%; font-weight: 600; line-height: 1; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; }
.g-property-area { width: 90%; font-size: 88%; letter-spacing: 4px; margin-bottom: 0; }

.g-card-col { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 4rem 0 2.5rem 0; }

.g-property-home-type { display: flex; justify-content: flex-start; align-items: center; }
.g-property-price { color: #02a072; font-family: 'Apercu'; font-size: 150%; font-weight: 700; line-height: 1; letter-spacing: 2px; }
.g-property-home-type:before { content: ''; width: 1.4rem; height: 1.4rem; border-radius: 14px; display: inline-block; line-height: 24px; margin-right: 7px; }

.g-property-single-card-options-box { clear: both; display: flex; flex-grow: 1; flex-direction: column; justify-content: space-between; }


.g-property-statistics { display: flex; clear: both; justify-content: flex-start; flex-wrap: wrap; width: 100%; margin-bottom: 2rem; }
.g-property-statistics > div { margin-top: 1rem; margin-right: 8%; margin-bottom: 1rem; }
.g-property-statistics > div span { font-size: 88%; line-height: 1; display: block; }
.g-property-statistics > div span:first-child { line-height: 1.2; margin-bottom: 1rem; }


.g-property-single-card-more-box { width: 100%; clear: both; display: flex; justify-content: flex-end; align-items: flex-end; }
.g-property-single-card-more-box > * { width: 50%; line-height: 36px; border: 2px solid #171f2d; text-align: center; max-width: 100px; }
.g-property-single-card-more-box > *:last-child { margin-left: 5px; }

[data-property-type=home]:before { background-color: #171f2d; }
[data-property-type=cottages]:before { background-color: #02a072; }
[data-property-type=homesites]:before { background-color: #37a0c9; }
[data-property-type=villas]:before { background-color: #d76666; }


.g-icon-box img { width: 100%; transition: opacity 250ms ease-in-out; }
.g-icon-box.g-clicked img { transform: translate3d(0,-100%,0); }
.iconLikeEnable { opacity: 0; visibility: hidden; }

.g-clicked .iconLikeEnable { opacity: 1; visibility: visible; }
.g-clicked .iconLikeDisable { opacity: 0; visibility: hidden; }

.g-property-single-card-text-box .g-icon-box { width: 30px; height: 26px; overflow: hidden; position: absolute; top: 23px; right: 20px; cursor: pointer; }

.g-card-slider-box .g-card-slider-header { text-align: center; width: 100%; padding: 0 0 6rem 0; }
.g-card-slider-box .g-card-slider-header h2 { margin-bottom: 6rem; }


.g-icon-box.g-loading-hearts { pointer-events: none; cursor: crosshair; }
.g-icon-box.g-loading-hearts img { opacity: 0; }
.g-icon-box.g-loading-hearts:after { content: ''; display: block; position: absolute; top: 0; right: 2.5px; width: 20px; height: 20px; border: 2px solid #171f2d; border-top: 2px solid transparent; border-radius: 20px; animation: spinBtn 750ms linear infinite; }

.g-p-button-box .g-icon-box.g-loading-hearts:after { bottom: 0; left: 0; right: 0; margin: auto; }

.g-search-cards .g-property-single-card { height: auto; }
.g-search-cards .g-card-slider > .swiper-wrapper { align-items: unset !important; }

/*.g-search-cards .g-property-single-card { flex: 1; min-width: 45%; max-width: 45%; margin-right: 4%; margin-bottom: 4vw;    position: relative; }
.g-search-cards .g-property-single-card:nth-of-type(2n) { margin-right: 0; margin-left: 4% }*/

.g-search-cards .g-property-single-card { width:100%; margin-right: 0; margin-bottom: 4vw; position: relative; }
/*.g-search-cards .g-property-single-card:nth-of-type(2n) { margin-right: 0; margin-left: 4% }*/

.g-more-map .g-search-cards .g-property-single-card { min-width: 100%; max-width: 100%; }

.g-cards-center > .swiper-container > .swiper-wrapper { justify-content: center; }
.g-cards-center > .swiper-container > .swiper-wrapper > div:last-child { margin-right: 0 !important; }


.cards-without-slider > div, .cards-without-slider .g-card-slider swiper-container { width: 100%; }
.cards-without-slider > div > div > .swiper-wrapper { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: unset !important; }
.cards-without-slider .g-property-single-card { width: 26.7%; min-width: 280px;height:auto;margin-bottom:5%; }

.g-property-single-card .g-property-status-tag { top: 16px; left: 16px; }


@media screen and (max-width:1620px) {
    .g-property-address, .g-property-price { font-size: 120%; }
    .g-property-area, .g-property-statistics > div span, .g-property-single-card-more-box p { font-size: 80%; }
    .g-property-single-card-type-circle { width: 10px; height: 10px; margin-right: 5px; }
    .g-property-home-type { font-size: 84%; }

    .g-property-area { letter-spacing: 2px; }

    .g-property-single-card-more-box > *:last-child { margin-left: 5px; }

    .g-card-col { margin: 3rem 0 2rem 0; }

    .g-card-slider > .swiper-pagination-bullets { height: 80px; }

    .g-property-single-card-text-box .g-like-box { width: 25px; height: 22px; top: 15px; right: 15px; }
}



@media screen and (max-width:1480px) {


    .g-property-single-card-text-box { padding: 15px; }

    .g-property-statistics > div { margin-top: 0.5rem }

    .g-card-col { margin: 2rem 0 1.5rem 0; }

    .g-property-statistics-fx-zero { flex-shrink: 0; }

    .g-property-single-card-more-box > * { line-height: 30px; }

    .g-card-slider > .swiper-pagination-bullets { height: 90px; }

    .g-property-single-card-text-box .g-icon-box { top: 15px; }
    .g-property-single-card-text-box .g-icon-box img { width: 25px; float: right; }
    .g-search-map-infobox > div:first-child > a { height: 32px; line-height: 30px; }

    .g-search-map-infobox-img { height: calc(100% - 32px - 1rem) }
}

@media screen and (max-width:1279px) {

    .g-property-home-type { font-size: 75%; }
    .g-property-home-type:before { width: 1rem; height: 1rem; }

    .g-property-address { margin-bottom: 0; }
    .g-property-single-card-options-box { flex-direction: column; justify-content: space-between; }


    .g-property-single-card-more-box > * { width: 100px; line-height: 26px; height: 30px; }

    .g-card-slider > .swiper-pagination-bullets { height: 70px; }

    .g-property-single-card-text-box .g-like-box { width: 20px; height: 18px; }

    .g-property-single-card-text-box .g-icon-box img { width: 20px; }
    .g-icon-box.g-loading-hearts:after { width: 15px; height: 15px; right: 0; }
}



@media screen and (max-width:1020px) {
    .g-card-slider-box:not(.cards-without-slider) .p10:not(.g-cards-center) { padding-right: 0 !important }
    .g-card-slider .swiper-slide, .single .g-property-single-card { width: 280px; }

    .g-card-slider > .swiper-pagination-bullets { height: 60px; padding-right: 8rem; }
    /*.g-card-slider-box .p10:not(.g-cards-center) .g-card-slider-header { padding-right: 8rem; }*/
    .g-property-single-card-text-box .g-icon-box img { width: 20px }

    .cards-without-slider .g-property-single-card { width:45%; min-width: unset;margin-bottom:8%;}

}

@media screen and (max-width:768px) {
    .g-card-slider .swiper-slide, .single .g-property-single-card { width: 270px; }
    /*.g-property-single-card > div:first-child { height: 210px; }*/
    .g-property-single-card-more-box > * { width: 50%; }

}

@media screen and (max-width: 767.5px) {
    .g-card-slider > .swiper-pagination-bullets { height: 60px; padding-right: 6rem; }
    .g-card-slider-box .g-card-slider-header { padding-right: 6rem; }
    .g-cards-center .g-card-slider-header { padding-right: 0; }
}


@media screen and (max-width:660px) {

    .g-cards-center:not(.single) > .swiper-container > .swiper-wrapper { justify-content: flex-start; }
    .cards-without-slider .g-property-single-card {width:48%; }
}

@media screen and (max-width:480px) {
    .g-card-slider .swiper-slide { width: 250px; }
    .single.g-cards-center .g-property-single-card { width: 100% !important }
    .g-cards-center > .swiper-container > .swiper-wrapper > div:last-child { margin-right: 10% }
    /*.g-property-single-card > div:first-child { height: 200px; }*/
    .g-property-price,
    .g-property-home-type { margin: 1rem 0 3rem 0; line-height: 18px; }

    .g-property-area { margin: 0; }
    .g-card-slider > .swiper-pagination-bullets { height: 50px; padding-right: 5rem }
    .g-card-slider-box .p10 .g-card-slider-header { padding-right: 5rem; }
    .g-card-slider-box .p10.single .g-card-slider-header { padding-right: 0; }
    .g-cards-center .g-card-slider-header { padding-right: 0; }
    .g-property-single-card-more-box > * { max-width: 100%; }

    .g-search-cards .g-property-single-card, .g-search-cards .g-property-single-card:nth-of-type(2n) { min-width: 100%; margin: 0 0 4vw 0; }
    .cards-without-slider .g-property-single-card { width:100%; }

    .g-property-single-card .g-property-status-tag, .g-hero-property .g-property-status-tag { top: 12px; left: 12px; height: 20px !important; line-height: 22px; font-size: 12px; }
}
/* OVERRIDES */
