/**
 * Featured Listings Block
 */

.productListing .card-img-top {
    position: relative;
    border-radius: var(--global--border-radius) var(--global--border-radius) 0 0;
    overflow: hidden;
}

.featuredListingLargeImage .card-img-top::before {
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: linear-gradient(45deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0) 100%);
}

.featuredListing .card-img-top .suburbs {
    position:absolute;
    left:15px;
    bottom:15px;
}

.featuredListingLargeImage .card-img-top .suburbs {
    position:absolute;
    left:15px;
    top:15px;
}

.featuredListing .card-img-top .suburbs .suburb {
    position: relative;
    left:0;
    bottom:0;
}

.featuredListingLargeImage .card-img-top .suburb {
    position:relative;
    left: unset;
    bottom:unset;
}

.featuredListingLargeImage .card-img-top .overlay-text {
    position: absolute;
    left:15px;
    bottom:15px;
    right: 15px;
}

.featuredListingLargeImage .listingTitle,
.productListing.featuredListingLargeImage .propField {
    color: #fff;
}

#featuredListings .slick-prev {
    left:-40px;
}

#featuredListings .slick-next {
    right:-40px;
}

#featuredListings .slick-prev:before, #featuredListings .slick-next:before {
    color: var(--global--color-primary);
}

.featuredListingsContainer {
    width:80%;
    margin: 0 auto;
    max-width:800px;
}
@media screen and (max-width:768px){
.featuredListingsContainer {
	width: 100%;
}
}
.featuredListingHero {
    position:relative;
    z-index:1;
}

.featuredListingHero > a.overlay-text {
    display:block;
    position:relative;
    margin-top:-4em;
    left:10%;
    width:80%;
    background-color: #fff;
    padding: 2em;
    z-index:2;
    color: var(--text-color);
}

.featuredListingHero > a.overlay-text:hover,
.featuredListingHero > a.overlay-text:focus {
    color: var(--text-color);
}

.featuredListingHero .stats,
.featuredListingHero .short-description {
    margin-bottom:1em;
}

.featuredListingHero .short-description p {
    font-size: 0.875em;
}

.featuredListingHero .propField {
    font-size: 0.875em;
    margin-right:2em;
    font-weight: 300;
}

.featuredListingHero .listingTitle {
    font-size:1.25em;
}

.featuredListingHero a {
    text-decoration: none;
}

.featuredListingHero .link a {
    position:relative;
    padding-bottom:10px;
}

.featuredListingHero .link a::after{
    content: '';
    position:absolute;
    bottom:0;
    left:0;
    height:3px;
    background-color: var(--global--color-primary);
    width:100%;
    transform:scaleX(0);
    transition-duration:300ms;
    transform-origin: top left;
}

.featuredListingHero .link a:hover::after{
    transform:scaleX(1);
}