/* Listing Tiles */

.productListing.card {
    border-radius: var(--card--border-radius);
    height:100%;
    overflow:hidden;
}
.productListing .listingText h3{
    font-size: 1em;
    line-height: 1.25em;
    margin-bottom: 5px;
}

.productListing .stats .propField,
.infobubble .stats .propField,
.productListing .listingPrice,
.infobubble .listingPrice,
.productListing .suburb,
.infobubble .suburb{
    font-size: var(--text-size-small);
    line-height: 2em;
}

.productListing .stats .propField,
.infobubble .stats .propField {
    margin-right: 1em;
    font-weight: var(--theme--input-font-weight);
}

.productListing .suburb,
.productListing .listingPrice {
    font-weight:var(--theme--button-font-weight);
}

.productListing .card-body,
.infobubble .card-body {
    padding: 15px 15px 10px;
}

.productListing .card-img-top,
.infobubble .card-img-top {
    position:relative;
    overflow:hidden;
}

.productListing .card-img-top img,
.infobubble .card-img-top img {
    transition-duration: 400ms;
    transition-timing-function: ease-in-out;	
}

.productListing:hover .card-img-top img {
    transform:scale(1.1);
}

.productListing .propField::before,
.infobubble .stats .propField::before{
    content:'\f105';
    font-family: 'Font Awesome 5 Pro';
    font-weight:400;
    margin-right:5px;
}

.productListing .fieldSleeps::before,.productListing .propField.sleeps::before,.infobubble .fieldSleeps::before {
    content: '\f007'
}

.productListing .fieldBedrooms::before,.productListing .propField.bedrooms::before,.infobubble .fieldBedrooms::before {
    content: '\f236'
}

.productListing .fieldBathrooms::before,.productListing .propField.baths::before,.infobubble .fieldBathrooms::before {
    content: '\f2cd'
}

.productListing .fieldCars::before,.productListing .propField.cars::before,.infobubble .fieldCars::before {
    content: '\f1b9'
}

.productListing .fieldWifi::before,.productListing .propField.wifi::before,.infobubble .fieldWifi::before {
    content: '\f1eb'
}

.productListing .fieldPetFriendly::before,.productListing .propField.pet-friendly::before,.infobubble .fieldPetFriendly::before {
    content: '\f6d3'
}

.shortlist-container  {
    position:absolute;
    right:10px;
    top:10px;
    z-index: 1;
    cursor:pointer;
    background:#fff;
    padding:10px;
    line-height: 1em;
    border-radius: var(--card--border-radius);
}

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

/* Featured Listings */

.featuredListings .row.slick-featured {
    margin-left: calc(var(--page--inset-amount, 15px) * -1);
    margin-right: calc(var(--page--inset-amount, 15px) * -1);
}

.featuredListings .row.slick-slider .col {
    padding-left: var(--page--inset-amount, 15px);
    padding-right: var(--page--inset-amount, 15px);
}

.slick-featured .slick-track {
    display: flex !important;
}

.slick-featured .slick-slide {
    height: inherit !important;
}

.entry-content .slick-dots {
    padding-left:0;
}

.featuredListings p,
.featuredListings h2{
    margin-bottom:0;
}

.featuredListings .link{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.featuredListing.large{
    position:relative;
}

.featuredListing.large .text {
    position:absolute;
    bottom:0;
    padding:1em;
    color:#fff;
}

.featuredListing.large .listingText h3 {
    font-size:1.5em;
}

.featuredListing.large .card-img-top {
    position:relative;
}

.featuredListing.large .card-img-top::after {
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.45) 80%, rgba(0,0,0,0.75) 100%);
    opacity:0.5;
    transition-duration:500ms;
}

.featuredListing.large:hover .card-img-top::after {
    opacity:1;
}

.featuredListing.large .text-hidden {
    overflow:hidden;
    height:auto;
    transition-duration:750ms;
    transition-timing-function:ease-in-out;
    max-height:0;
}

.featuredListing.large:hover .text-hidden {
    max-height:400px;
}

.editor-styles-wrapper .featuredListing .stats .propField {
    font-size:0.75em;
}