.sr-listing {
position: relative;
display: block;
}
#sr-listings-results-list {
clear: both;
}
.sr-listings-grid-view {
display: grid;
justify-content: center;
grid-template-columns: repeat(3, 1fr);
column-gap: 15px;
}
.sr-listings-grid-view .sr-listing-grid-item {
margin-top: 25px;
width: 100%;
}
.sr-pagination-wrapper {
clear: both;
padding-top: 15px;
padding-bottom: 15px;
} .sr-photo {
position: relative;
display: inline-block;
height: 155px;
width: 30%;
overflow: hidden;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.sr-listing-grid-item .sr-photo {
height: 200px;
width: 100%;
display: block;
background-size: cover;
}
.sr-listing-status-banner {
padding: 5px 10px;
color: white;
font-weight: 700;
display: inline-block;
background-color: rgba(128, 128, 128, 0.75);
}
.sr-listing-status-banner-active,
.sr-listing-status-banner-comingsoon {
background-color: rgba(0, 128, 0, 0.75);
}
.sr-listing-status-banner-activeundercontract,
.sr-listing-status-banner-pending {
background-color: rgba(255, 165, 0, 0.75);
}
.sr-listing>a:first-child,
.sr-listing-grid-item>a:first-child {
text-decoration: none !important;
} .sr-listing-data-wrapper {
display: inline-block;
position: relative;
width: 69%;
vertical-align: top;
}
div#sr-contact-form {
padding-top: 15px;
}
div#sr-contact-form-success {
background-color: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
border-radius: 4px;
padding: 15px;
margin-bottom: 20px;
}
div#sr-contact-form-error {
background-color: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
border-radius: 4px;
padding: 15px;
margin-bottom: 20px;
}
.sr-primary-data {
padding-top: 10px;
padding-bottom: 10px;
background-color: #eee;
}
.sr-primary-data h4 {
padding-left: 15px;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.sr-listing-grid-item .sr-listing-data-wrapper {
display: block;
width: 100%;
} .sr-secondary-data {
vertical-align: top;
padding-top: 10px;
} .sr-data-column {
display: inline-block;
margin: 0px 0px 10px 15px !important;
vertical-align: top;
min-width: 15%;
} .sr-listing .more-details-wrapper {
margin-top: 5px;
margin-bottom: 10px;
}
.sr-listing .result-compliance-markup {
float: right;
}
.sr-listing-grid-item .result-compliance-markup {
display: block;
}
.result-compliance-markup {
font-size: 90%;
} .sr-details {
margin-top: 10px;
}
.sr-details table {
margin-top: 15px;
}
.sr-details th {
background-color: #eee;
} .sr-primary-details {
display: flex;
justify-content: space-between;
clear: both;
padding-top: 15px;
} .sr-primary-details .sr-detail {
text-align: center;
width: 100%;
padding-left: 5px;
padding-right: 5px;
border-left: solid 1px #eee;
border-right: solid 1px #eee;
border-bottom: solid 1px #eee;
}
.sr-remarks-details {
border-left: solid 1px #eee;
border-right: solid 1px #eee;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
}
.sr-remarks-details p {
line-height: 20px !important;
margin-bottom: 0px;
padding-bottom: 5px;
}
.sr-listing-openhouses-banner {
border-left: solid 1px #eee;
border-right: solid 1px #eee;
border-top: solid 1px #eee;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
}
.sr-listing-openhouses-banner h3 {
margin-bottom: 5px;
}
.sr-listing-openhouses-banner-item {
display: inline-block;
width: 25%;
padding-bottom: 5px;
} .sr-listing-wdgt {
padding-left: 10px;
padding-right: 10px;
}
.sr-listing-wdgt hr {
border: solid 1px #dedede;
margin-top: 10px;
margin-bottom: 10px;
}
#sr-listing-wdgt-details {
text-align: center;
color: #333;
margin-top: 5px;
margin-bottom: -5px;
}
#sr-listing-wdgt-remarks {
line-height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
height: 4.6em;
}
#sr-listing-wdgt-btn {
text-align: center;
margin-top: 5px;
margin-bottom: 10px !important;
} .sr-search-widget {
text-align: center;
}
.sr-search-widget #sr-search-ptype {
width: 100%;
display: block;
}
.sr-search-widget #sr-search-keywords {
float: left;
width: 90%;
margin-bottom: 10px;
}
.sr-search-widget #sr-search-ptype select {
width: 90%;
}
.sr-search-widget-field {
display: inline-block;
margin-top: 10px;
}
.sr-search-widget-filters .sr-search-widget-field {
width: 49% !important;
}
.sr-search-widget .btn {
margin-top: 10px;
} #sr-search-wrapper {
padding: 0px;
padding-top: 0px;
padding-bottom: 15px;
margin-bottom: 25px;
}
#sr-search-wrapper form {
margin-bottom: 0px;
clear: both;
}
#sr-search-wrapper h3 {
margin-top: 0px;
}
.sr-minmax-filters {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 10px;
}
#sr-search-keywords {
width: 70%;
}
#sr-search-keywords input {
width: 100%;
}
#sr-search-ptype {
width: 25%;
text-align: left;
}
#sr-search-ptype select {
width: 90%;
vertical-align: middle;
}
#sr-search-minprice,
#sr-search-maxprice,
#sr-search-minbaths,
#sr-search-maxbaths,
#sr-search-minbeds,
#sr-search-maxbeds {
text-align: left;
}
#sr-search-minprice input,
#sr-search-maxprice input,
#sr-search-minbaths input,
#sr-search-maxbaths input,
#sr-search-minbeds input,
#sr-search-maxbeds input {
width: 85%;
}
.sr-search-field {
display: inline-block;
}
#sr-search-wrapper .submit {
margin-top: 10px;
} .sr-slider {
max-width: 650px;
width: 100%;
position: relative;
padding-top: 485px;
margin: 10px auto;
background-color: transparent;
transition: all 0.5s;
}
.sr-slider>img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: auto;
max-height: 485px;
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.75);
}
.sr-slider input[name='slide_switch'] {
display: none;
}
.sr-slider label {
margin: 18px 0 0 18px;
border: 3px solid #999;
float: left;
cursor: pointer;
transition: all 0.5s;
opacity: 0.6;
height: 65px;
overflow: hidden;
clear: right;
display: none;
}
.sr-slider input[name='slide_switch']:checked+label {
border-color: #666;
opacity: 1;
}
.sr-slider input[name='slide_switch']~img {
opacity: 0;
transform: scale(1.1);
}
.sr-slider input[name='slide_switch']:checked+label+img {
opacity: 1;
transform: scale(1);
}
.sr-details-links {
text-align: right;
margin-top: -15px !important;
margin-bottom: 0px !important;
}
#sr-toggle-gallery {
clear: both;
cursor: pointer;
}
.sr-gallery {
margin-top: 20px;
margin-bottom: 20px;
}
.galleria-errors {
display: none !important;
} .sr-adv-search-wrap {
background-color: #f8f8f8;
border: solid 1px #e7e7e7;
border-radius: 2px;
padding: 10px;
}
.sr-adv-search-part {
margin-bottom: 10px;
}
.sr-adv-search-part label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sr-adv-search-wrap .sr-minmax-filters {
margin-bottom: 0px;
} .sr-adv-search-part .sr-adv-search-col1 {
padding: 5px 10px;
} .sr-adv-search-part .sr-adv-search-col2 {
display: inline-block;
width: 50%;
padding: 5px 10px;
}
.sr-adv-search-part .sr-adv-search-col2 input {
display: inline-block;
width: 45%;
}
.sr-adv-search-part .sr-adv-search-col2 select {
width: 100%;
} .sr-adv-search-part .sr-adv-search-col4 {
display: inline-block;
width: 25%;
padding: 5px 10px;
}
.sr-adv-search-part .sr-adv-search-col4 select {
width: 100%;
}
.sr-adv-search-part .sr-adv-search-col4 input {
width: 95%;
}
.sr-adv-search-amenities-wrapper {
padding: 5px 10px;
}
.sr-adv-search-amenities-wrapper-inner {
padding: 10px;
padding-top: 0px;
max-height: 125px;
overflow-y: scroll;
border: solid 1px #ccc;
border-radius: 4px;
background-color: white;
}
.sr-adv-search-amenities-wrapper-inner .sr-adv-search-option input {
margin-right: 5px;
}
.sr-adv-search-part li {
display: inline-block;
width: 25%;
}
.sr-sort-wrapper {
display: inline-block;
float: right;
margin: 10px 25px 0px 0px;
}
@media screen and (max-width: 576px) {
.sr-adv-search-part li {
width: 50%;
}
.sr-adv-search-part #sr-search-keywords {
width: 100%;
}
.sr-adv-search-part #sr-search-ptype {
width: 100%;
margin-top: 10px;
}
.sr-adv-search-part #sr-search-ptype select {
width: 100%;
} .sr-adv-search-part .sr-adv-search-col2 {
width: 100%;
}
.sr-adv-search-part .sr-adv-search-col2 input {
width: 49%;
} .sr-adv-search-part .sr-adv-search-col4 {
width: 49%;
} .sr-adv-search-part .sr-adv-search-option {
width: 50%;
}
} @media screen and (max-width: 768px) {
.sr-listings-grid-view {
grid-template-columns: repeat(2, 1fr);
column-gap: 10px;
}
}
@media screen and (max-width: 576px) { .sr-listings-grid-view {
grid-template-columns: 100%;
} .sr-photo {
display: block;
width: 100%;
}
.sr-primary-data {
display: block;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
clear: both;
}
.sr-primary-data h4 {
padding-right: 15px;
}
.sr-secondary-data {
display: block;
width: 100%;
} .sr-minmax-filters {
display: block;
}
.sr-minmax-filters #sr-search-ptype,
.sr-minmax-filters #sr-search-keywords {
width: 85%;
}
.sr-minmax-filters #sr-search-ptype select {
width: 100%;
margin-bottom: 15px;
}
#sr-search-wrapper .sr-sort-wrapper {
float: left;
margin-bottom: 15px;
}
} #sr_map_canvas img {
max-width: none !important;
}
.sr-iw-inner {
max-width: 325px;
min-width: 250px;
}
.sr-iw-inner__img {
text-align: center !important;
max-width: 95%;
margin: auto;
}
.sr-iw-inner__img #sr-iw-inner__img-img {
max-width: 100% !important;
max-height: 170px !important;
box-shadow: 0px 0px 3px #8B9293;
}
#sr-iw-inner__img-img {
max-width: 100% !important;
max-height: 170px !important;
box-shadow: 0px 0px 3px #8B9293;
}
.leaflet-popup-content {
margin: 10px;
}
.leaflet-popup-content #sr-iw-inner__img-img {
max-width: 100% !important;
}
.sr-iw-inner__primary {
text-align: center;
font-size: 18px;
}
.sr-iw-inner__primary p {
margin-bottom: 5px !important;
}
.sr-iw-inner hr {
margin-top: 3px;
margin-bottom: 3px;
}
.sr-iw-inner__secondary p {
margin-bottom: 3px !important;
}
.sr-iw-addr {
margin-top: 5px !important;
margin-bottom: 5px !important;
line-height: 1em !important;
font-size: 23px !important;
} .sr-listing-slider-item {
padding: 10px;
text-align: center;
}
.sr-listing-slider-item-img {
height: 170px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.sr-listing-slider-item-address {
margin-top: 10px;
}
.sr-listing-slider-item-price,
.sr-listing-slider-item-specs {
margin-bottom: 5px !important;
text-align: center;
} #sr-map-search {
width: 100%;
height: 550px;
margin-bottom: 25px;
}
#sr-map-search img {
margin: auto;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}
.owl-nav,
.owl-dots {
text-align: center;
font-size: 22px;
font-weight: 700;
}
.owl-carousel .owl-nav button {
padding: initial !important;
margin-left: 10px;
margin-right: 10px;
}
.owl-theme .owl-dots .owl-dot.active span {
background: #869791;
}