/* Property Listing Panel Styles */ #property-listing div.properties { margin: 0% auto; padding: 48px 0% 6px 0%; max-width: 1148px; background-color: #F0F0F0; } #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; overflow: hidden; position: relative; } #property-listing div.properties a.property:hover { text-decoration: none; } #property-listing div.properties a.property span.ribbon { margin: 0%; padding: 12px 16px; width: 180px; right: -56px; top: 18px; font-size: 1.125em; line-height: 1em; font-weight: 600; text-align: center; text-transform: uppercase; position: absolute; display: block; color: #FFFFFF; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25); 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: #95c11f; 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: #9A0000; font-size: 0.75em; } #property-listing div.properties a.property div.image_container { padding-top: 53.57%; overflow: hidden; } #property-listing div.properties a.property div.image_container div.image_dimensions { padding: 0%; } #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 36px 15px 30px; text-align: left; background-color: #FFFFFF; } #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; text-transform: uppercase; color: #95c11f; } #property-listing div.properties a.property div.details span { font-size: 0.875em; line-height: 1.75em; display: block; color: #333333; } #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 div.column { width: 50%; display: inline-block; vertical-align: top; } #property-listing div.properties a.property div.details div.column.right { text-align: right; } #property-listing div.properties a.property:nth-of-type(2n+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.property-not-available { } #property-listing div.property-not-available div.offset { max-width: 1200px; } #property-listing div.property-not-available h2 { color:#000; } #property-listing div.property-not-available p { color:#000; } /* Property Listing Pagination Styles */ #property-listing div.pagination { margin: 0% auto; padding: 12px 0% 59px 0%; max-width: 1170px; background-color: #F0F0F0; 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: inline-block; } #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% 6px; color: #333333; } #property-listing div.pagination a.pagination.active { font-weight: 700; border-bottom: 2px solid #333333; } #property-listing div.pagination .btn-container { display: flex; justify-content: center; } #property-listing div.pagination .btn-container button { display: flex; justify-content: center; align-items: center; gap: 4px; background-color: #005357; border-radius: 4px; color: #fff; } /* Property Listing Map Styles */ #property-listing #map { top: 0px; right: 0px; bottom: 0px; left: 0px; position: absolute; } #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: #95c11f; } #property-listing #map div.marker-popup div.details span { font-size: 0.875em; 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: #009ba4; border: none; padding: 8px 12px; } #property-listing #map div.marker-popup div.details a.button.more:hover { background-color: #33afb6; color:#ffffff; } #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 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; } #property-listing div.pagination div.btn { width: 28%; } #property-listing div.pagination div.btn.left { text-align: left; } #property-listing div.pagination div.btn.right { text-align: right; } #property-listing div.pagination div.pages { width: 44%; } #property-listing div.pagination a.button { margin: 0%; padding: 8px 10px 7px 10px; } /* 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%; } }