IDX Broker IMPress PropertyShowcase for Agent Focused Pro - url

impress-property-showcase-custom.css

/* IDX Broker IMPress Property Showcase - Default style unchecked
 * By https://github.com/mjsdiaz
----------------------------------------------------------------------------------------------- */

.front-page-3 .impress-showcase-widget .widget-title {
    color: #fff;
    font-size: 60px;
    font-size: 6rem;
    font-weight: 300;
    letter-spacing: 0;
    padding: 40px 0;
    text-align: center;
    text-transform: none;
}

.front-page-3 .impress-showcase-property {
    background-color: #fff;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    margin: 0 0 40px 0;
    padding: 0;
    vertical-align: top;
    width: 33.333333333333%;   
}

.front-page-3 .impress-showcase-property a img {
    height: 340px;
	object-fit: cover;
}

.front-page-3 .impress-showcase-property a,
.front-page-3 .impress-showcase-property a span.impress-price {
    color: #555;
    text-decoration: none;
}

.front-page-3 .impress-showcase-property span.impress-price {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    display: block;
}

.front-page-3 .impress-showcase-property a:hover,
.front-page-3 .impress-showcase-property a:focus,
.front-page-3 .impress-showcase-property a:hover span.impress-price,
.front-page-3 .impress-showcase-property a:focus span.impress-price {
    color: #111;
    text-decoration: underline;
}

.front-page-3 .impress-showcase-property span.impress-street:after {
    content: ",";
    display: inline-block;
    padding-right: 5px;
}

.front-page-3 .impress-showcase-property .impress-beds-baths-sqft span {
    margin: 0 10px 0 0;
}

.front-page-3 .impress-showcase-property p.impress-beds-baths-sqft {
    display: inline-block;
    width: auto;
}

.front-page-3 .impress-showcase-property span.impress-status {
  display: none;
}

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

    .front-page-3 .impress-showcase-property,
    .front-page-3 .impress-showcase-property span.impress-price,
    .front-page-3 .impress-showcase-property span.impress-status,
    .front-page-3 .impress-showcase-property .impress-address,
    .front-page-3 .impress-showcase-property p.impress-beds-baths-sqft {
        text-align: center;
    }
  
    .front-page-3 .impress-showcase-property p.impress-beds-baths-sqft {
        margin: 0 auto;
    }
}

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

    .front-page-3 .impress-showcase-widget .widget-title {
        font-size: 48px;
        font-size: 4.8rem;
    }

    .front-page-3 .impress-showcase-property {
       background-color: transparent;
       width: 100%;
    }
 
}