/* Listing Tiles */

.productListing.card {
    border-radius: var(--theme--border-radius);
    border-color:#ddd;
    height:100%;
    overflow:hidden;
    text-decoration:none;
    background-color:#fff;
}

a.productListing.card {
    box-shadow:var(--theme--box-shadow);
    color:var(--theme--text-color); 
    transition-duration:300ms;
}

a.productListing.card:hover {
    box-shadow:var(--theme--box-shadow--hover);    
}

.search-grid .productListing .card-body{
    background-color: var(--theme--primary-color-20);
}

.search-grid a.productListing.card {
    box-shadow:unset;
    border:0;
}

.productListing .listingText h3{
    font-size: 1.25em;
    line-height: 1.25em;
    margin:0;
    color:var(--theme--text-color)
}

.productListing .listingStats{
    gap: 5px;
    flex-wrap: wrap;
}

.productListing .listingStats, .productListing .listingText {
    padding-bottom:10px;
    margin-bottom:10px;
    /* border-bottom:1px solid #ddd; */
}

.productListing .listingSuburb {
    color:var(--theme--primary-color);
    margin-bottom:0.25em;
}

.productListing .card-body{
    padding: var(--theme--card--padding);
    /* padding-bottom:0; */
}

.productListing .view-more-button {
    padding-top:  var(--theme--card--padding);
    margin-top: var(--theme--card--padding);
    border-top: 1px solid var(--theme--primary-color-60);
}

.productListing .listingImage{
    display:block;
    overflow:hidden;
    border-radius: calc(var(--theme--border-radius) / 2);
    position:relative;
}

.productListing .listingImage > img {
    display:block;
}

.productListing .listingImage::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: linear-gradient(0deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 50%);
    opacity:1;
    z-index:1;
}

.productListing .listingPrice {
   color: var(--theme--primary-color);
   font-size: var(--wp--preset--font-size--small);
   margin-bottom: .5rem;
   display: flex;
   justify-content: space-between;
}

.productListing .listingPrice small.strikethrough {
    font-size:0.75em;
    line-height: 0.75em;
    position:relative;
    text-decoration:line-through;
}

.productListing .listingPrice .promo {
    font-size:13px;
    font-weight:400;
    display:inline-block;
    line-height:1em;
    padding:5px 10px;
    background: var(--theme--primary-color);
    border-radius: var(--theme--border-radius);
    z-index:99;
}
@media screen and (max-width:600px){
    .productListing .listingPrice{
        font-size:var(--wp--preset--font-size--large);
    }
}

a.productListing .listingImage > img {
    transition-duration: 300ms;
}

a.productListing:hover .listingImage > img {
    transform:scale(1.1);
}

.productListing .statWrapper {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items: center;
}

.productListing .statWrapper:not(:last-child)::after {
    content : '';
    height: 15px;
    width:1px;
    background-color: var(--theme--text-color);
    margin-left:5px;
    
}

.productListing .statValue {
    text-transform: capitalize;
    font-size: var(--wp--preset--font-size--small);
}

.productListing .listingKeyFeatures_Suburb {
    position: absolute;
    left: 10px;
    top: 10px;
    line-height: 1em;
    width:70%;
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}

.productListing .listingKeyFeatures_Suburb span{
    font-size:0.8em;
    font-weight: 100;
    padding: 5px 10px;
    color:#fff;
    background:var(--theme--text-color);
    border-radius: var(--theme--border-radius);
    text-transform: uppercase;
}

.productListing .listingKeyFeatures_Suburb span.listingSuburb{
     background:var(--theme--primary-color);
}
.productListing .shortlist-container  {
    position:absolute;
    right:10px;
    top:10px;
    z-index: 2;
    cursor:pointer;
    background:#fff;
    padding:10px;
    line-height: 1em;
    border-radius: var(--theme--border-radius);
}

.productListing .shortlist-container.active > i, .productListing .shortlist-container:hover > i {
    font-weight:800;
    color: #dd3a29;
}

/*Listing List*/
.search-list{
    position: relative;
}

.search-list a.productListing.card, .search-list a.productListing.card:hover{
    background-color: transparent;
    box-shadow:unset;
}

.search-list .productListing{
    border:unset;
}
.search-list-background{
 background-color:var(--theme--primary-color-20);  
}

@media screen and (min-width:1200px){
.row > .search-list-image-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    bottom:0;
    max-width: 300px;
    height: 270px;
    display: flex;
    align-items: center;
    height: 100%;
}
.search-list-background .card-body {
    margin: 1rem 0 2rem 10vw;
    min-height:280px
}
.search-list-image-wrapper  .listingImage > img {
    display: block;
    height: 270px;
    object-fit: cover;
}
div#searchResults:not(.has-map)  .search-list-image-wrapper{
    max-width: 500px;
}
}
@media screen and (min-width:1500px){
    .row > .search-list-image-wrapper {
        max-width: 320px;
    }
    div#searchResults:not(.has-map)  .search-list-image-wrapper{
        max-width: 550px;
    }
}
@media screen and (min-width:1600px){
    .row > .search-list-image-wrapper {
        max-width: 350px;
    }
    div#searchResults:not(.has-map)  .search-list-image-wrapper{
        max-width: 600px;
    }
}

/*Map Tile*/
.gm-style-iw-chr{
    position:absolute;
    right:0;
    bottom: 10px;
    z-index: 1;
    
}
.gm-style-iw-chr button span{
    background-color: var(--theme--primary-color)!important;
}
.gm-style .gm-style-iw-c{
    /* background-color: transparent; */
    border-radius: var(--theme--border-radius) !important;
    box-shadow: unset !important;
}
.gm-style .gm-style-iw-c , .gm-style .gm-style-iw-d{
    padding: 0!important;
    overflow: visible!important;
}
.map-listing-title{
    position: relative;
     background-color:var(--theme--primary-color-20); 
}
.map-listing-title .accomm-photos{
    position: absolute;
    /* margin: 1rem; */
    background-color:transparent;
    top: -6vh;
    border-radius: var(--theme--border-radius);
}
.map-listing-title .accomm-photos img{
    height: auto;
    min-height: 140px;
    width: 90%;
    margin: auto;
    /* top: -100px; */
}
.map-listing-title .card-body{
    text-align: left;
    padding-top: 12vh;
    padding-left:15px;
    padding-right:15px;
}

.map-listing-title .view-more-button {
    padding-top: calc(var(--theme--card--padding) / 2 );
    margin-top: calc(var(--theme--card--padding) / 2 );
    border-top: 1px solid var(--theme--primary-color-60);
}
.map-listing-title a{
    color: var(--theme--text-color) !important;
    text-decoration: none;
}