/* Property Listing Panel Styles */ #property-listing { background-color: var(--light-grey); min-height: 400px; } #property-listing div.properties { margin: 0% auto; padding: 10px 0% 6px 0%; display: flex; flex-wrap: wrap; } #property-listing div.properties a.property { margin: 0% 0% 2.44% 3.5%; padding: 10px 10px 20px; background-color: #FFF; border-radius: 16px; width: 31%; display: inline-block; vertical-align: top; user-select: none; -webkit-user-select: none; -moz-user-select: none; -webkit-touch-callout: none; overflow: hidden; position: relative; } #property-listing div.properties a.property span.ribbon { margin: 0%; padding: 45px 16px 16px; width: 270px; right: -108px; top: -13px; font-size: 1.5em; line-height: 1em; font-weight: 500; text-align: center; text-transform: uppercase; position: absolute; display: block; color: #FFFFFF; z-index: 100; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);} #property-listing div.properties a.property span.ribbon.under-offer { background-color: #f28f3b; font-size: 0.75em; } #property-listing div.properties a.property span.ribbon.sold { background-color: #B12D2D; } #property-listing div.properties a.property span.ribbon.reduced { background-color: #eac435; font-size: 1rem; } #property-listing div.properties a.property span.ribbon.sale { background-color: #f28f3b; } #property-listing div.properties a.property div.image_container { padding-top: 75%; overflow: hidden; } #property-listing div.properties a.property div.image_container div.image_dimensions { padding: 0%; border-top-left-radius: 10px; border-top-right-radius: 10px; } #property-listing div.properties a.property div.image_container img { transform: scale(1.01); transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; } #property-listing div.properties a.property div.image_container div.sold { margin: 0%; padding: 8px 16px; width: 180px; right: -56px; bottom: 16px; font-size: 0.875em; line-height: 1em; font-weight: 600; text-align: center; text-transform: uppercase; position: absolute; display: block; color: #FFFFFF; background-color: #B12D2D; box-shadow: 0px 6px 4px 0px rgba(0,0,0,0.4); z-index: 100; -webkit-font-smoothing: subpixel-antialiased; backface-visibility: hidden; transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg); -moz-transform: translateZ(0) rotate(-45deg); } #property-listing div.properties a.property div.details { padding: 16px 1px; } #property-listing div.properties a.property div.details h3 { margin: 0% 0% -1px 0%; font-size: 1.125em; line-height: 1.5em; font-weight: 600; } #property-listing div.properties a.property div.details h4 { margin: 0; font-size: 1.125em; line-height: 1.5em; font-weight: 400; font-size: 1rem; } #property-listing div.properties a.property div.details div.summary { padding: 8px 0 0; } #property-listing div.properties a.property div.details div.summary p { margin: 0; font-size: 0.875rem; font-weight: 400; } #property-listing div.properties a.property div.details span { font-size: 1em; line-height: 1.75em; display: block; color: #333333; } #property-listing div.properties a.property div.details span.price { display: inline-block; } #property-listing div.properties a.property div.details span.sale span.price{ color: #f28f3b; } #property-listing div.properties a.property div.details span.offers, #property-listing div.properties a.property div.details span.date { font-weight: 600; } #property-listing div.properties a.property div.details span.hold { color: var(--light-grey-text-alt); display: inline; margin-left: 0.5rem; } #property-listing div.properties a.property div.details span.size { display: inline; font-size: 1rem; } #property-listing div.properties a.property div.details div.column { width: 65%; display: inline-block; vertical-align: top; } #property-listing div.properties a.property div.details div.column.right { text-align: right; width: 35%; } #property-listing div.properties a.property:nth-of-type(3n+1) { margin: 0% 0% 2.44% 0%; } #property-listing div.properties a.property:hover div.image_container img { transform: scale(1.03); } #property-listing div.properties a.property div.details span.strikethrough { position: relative; font-size: 0.875em; display: inline-block; color: #766e6f; margin-right: 0.5rem; } #property-listing div.properties a.property div.details span.strikethrough::before { position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 1px solid; border-color: inherit; -webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -ms-transform: rotate(-12deg); -o-transform: rotate(-12deg); transform: rotate(-12deg); color: #766e6f; } #property-listing .properties_message { padding: 1rem 0 0; } #property-listing .properties_message p { font-weight: 500; margin: 0; } #property-listing div.property-not-available { } #property-listing div.property-not-available div.offset { max-width: 1350px; } #property-listing div.property-not-available h2 { color:#000; margin-top: 0; } #property-listing div.property-not-available p { color:#000; } /* Property Listing Pagination Styles */ #property-listing div.pagination { display: flex; margin: 0% auto; padding: 12px 0% 59px 0%; user-select: none; -webkit-user-select: none; -moz-user-select: none; -webkit-touch-callout: none; } #property-listing div.pagination div.btn { display: inline-block; } #property-listing div.pagination div.pages { display: flex; flex-wrap: wrap; max-width: calc(100% - 231px); margin: 0 1rem; } #property-listing div.pagination a.button { margin: 0% 0% 0% 14px; padding: 8px 8px 7px 8px; font-size: 0.875em; line-height: 1em; text-transform: uppercase; color: #333333; background-color: transparent; } #property-listing div.pagination a.button:hover { color: #FFFFFF; background-color: #616161; } #property-listing div.pagination a.button.prev:before { margin: 0% 10px 0% 0%; content: '\f053'; font-family: 'Font Awesome 5 Pro', sans-serif; display: inline-block; vertical-align: -1px; } #property-listing div.pagination a.button.next:after { margin: 0% 0% 0% 10px; content: '\f054'; font-family: 'Font Awesome 5 Pro', sans-serif; display: inline-block; vertical-align: -1px; } #property-listing div.pagination a.pagination { margin: 0% 2px; color: #333333; min-width: 26px; display: flex; justify-content: center; } #property-listing div.pagination a.pagination.active { font-weight: 700; border-bottom: 2px solid #333333; } /* Property Listing Map Styles */ #property-listing #map .button, #property-listing #map button { min-width: auto; } #property-listing #map img { max-width: none; } #property-listing #map div.marker-popup { display: block; } #property-listing #map div.marker-popup div.image_container { padding-top: 53.57%; overflow: hidden; } #property-listing #map div.marker-popup div.image_container div.image_dimensions { padding: 0%; } #property-listing #map div.marker-popup div.image_container img { transform: scale(1.01); transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; } #property-listing #map div.marker-popup div.image_container div.sold { margin: 0%; padding: 8px 16px; width: 180px; right: -56px; bottom: 16px; font-size: 0.875em; line-height: 1em; font-weight: 600; text-align: center; text-transform: uppercase; position: absolute; display: block; color: #FFFFFF; background-color: #B12D2D; box-shadow: 0px 6px 4px 0px rgba(0,0,0,0.4); z-index: 100; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); } #property-listing #map div.marker-popup div.details { padding: 16px 18px; font-family: 'Lato', sans-serif; text-align: left; background-color: #FFFFFF; } #property-listing #map div.marker-popup div.details h3 { margin: 0% 0% -1px 0%; font-size: 1.125em; line-height: 1.5em; font-weight: 600; text-transform: uppercase; color: #C97900; } #property-listing #map div.marker-popup div.details span { font-size: 1em; line-height: 1.75em; display: block; color: #333333; } #property-listing #map div.marker-popup div.details span.offers, #property-listing #map div.marker-popup div.details span.date { font-weight: 600; } #property-listing #map div.marker-popup div.details div.column { width: 50%; display: inline-block; vertical-align: top; } #property-listing #map div.marker-popup div.details div.column.right { text-align: right; } #property-listing #map div.marker-popup div.details a { display: inline-block; margin-top: 5px; } #property-listing #map div.marker-popup div.details a.button.more { background-color: #C97900; border: none; padding: 8px 12px; } #property-listing #map div.gm-style div.gm-style-iw-c { padding: 0% !important; border-radius: 0px; box-shadow: none !important; } #property-listing #map div.gm-style div.gm-style-iw-c button.gm-ui-hover-effect { top: 0px !important; right: 0px !important; } #property-listing #map div.gm-style div.gm-style-iw-d { overflow: hidden !important; } /* 1100px Resolution Specific Styles */ @media only screen and (min-width: 0px) and (max-width: 1100px) { /* Property Listing Panel Styles */ #property-listing div.properties a.property { margin: 0% 0% 2.44% 2.44%; width: 48.78%; display: inline-block; vertical-align: top; user-select: none; -webkit-user-select: none; -moz-user-select: none; -webkit-touch-callout: none; } #property-listing div.properties a.property:nth-of-type(3n+1) { margin: 0 0 2.44% 2.44%; } #property-listing div.properties a.property:nth-of-type(2n+1) { margin: 0 0 2.44% 0; } #property-listing div.properties a.property div.details span.date { display: none; } #property-listing div.properties a.property div.details div.column { width: 100%; display: block; } #property-listing div.properties a.property div.details div.column.right { width: 100%; text-align: left; } /* 800px Resolution Specific Styles */ } @media only screen and (min-width: 0px) and (max-width: 800px) { /* Property Listing Pagination Mobile Styles */ #property-listing div.pagination { padding: 26px 0% 52px 0%; text-align: center; flex-wrap: wrap; } #property-listing div.pagination div.btn { width: 48%; } #property-listing div.pagination div.btn.left { text-align: left; margin-right: 2%; } #property-listing div.pagination div.btn.right { text-align: right; } #property-listing div.pagination div.pages { width: 100%; order: 1; max-width: 800px; margin: 1rem 0 0; justify-content: center; } #property-listing div.pagination a.button { margin: 0%; width: 100%; padding: 8px 10px 7px 10px; } #property-listing div.pagination a.button:first-of-type { margin-right: 2%; } /* 600px Resolution Specific Styles */ } @media only screen and (min-width: 0px) and (max-width: 600px) { /* Property Listing Panel Mobile Styles */ #property-listing div.properties { padding: 32px 0% 6px 0%; } #property-listing div.properties a.property { margin: 0% 0% 18px 0%; width: 100%; display: block; } /* #property-listing div.properties a.property div.details { padding: 22px 18px 18px 18px; } */ #property-listing div.properties a.property:nth-of-type(2n+1) { margin: 0% 0% 18px 0%; } #property-listing div.properties a.property:nth-of-type(3n+1) { margin: 0% 0% 18px 0%; } }