Instantly share code, notes, and snippets.

Embed
What would you like to do?
IDX Broker IMPress PropertyShowcase for Agent Focused Pro - url
/* 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%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment