/* Property Search Form Styles */ #property-search { padding: 0%; width: 100%; background-color: #005357; user-select: none; -webkit-user-select: none; -moz-user-select: none; -webkit-touch-callout: none; } #property-search div.search { padding: 30px 0% 36px 0%; } #property-search div.search div.offset { margin: 0% auto; padding: 0%; width: 100%; max-width: 1096px; } #property-search div.heading { padding: 0%; width: 100%; display: block; } #property-search div.heading h2 { margin: 0%; color: #FFFFFF; } #property-search div.field-column { display: inline-block; vertical-align: top; } #property-search span.field-label { margin: 0% 0% 8px 1px; font-size: 1em; line-height: 1.5em; display: block; color: #FFFFFF; } #property-search input[type=text] { padding: 3px 12px 4px 12px; width: 100%; font-size: 1em; line-height: 1.5em; color: #333333; background-color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 4px; -webkit-appearance: none; } #property-search div.custom-select { appearance: none; -moz-appearance: none; width: 100%; font-size: 1em; line-height: 1.5em; display: inline-block; vertical-align: middle; position: relative; color: #FFFFFF; background-color: #005357; border: 1px solid #FFFFFF; border-radius: 4px; overflow: hidden; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; } #property-search div.custom-select:after { z-index: 10; padding: 6px 13px 4px 8px; top: 0px; right: 0px; content: '\f078'; font-family: 'Font Awesome 5 Pro'; font-size: 0.875em; line-height: 1.5em; position: absolute; color: #FFFFFF; } #property-search div.custom-select select { padding: 5px 32px 2px 12px; width: 100%; font-size: 0.875em; position: relative; background-color: #005357; border: 0px; white-space: nowrap; text-overflow: ellipsis; -webkit-appearance: none; z-index: 10; } #property-search div.custom-select option { background-color: #005357; color: #fff; } #property-search div.custom-select:hover { background-color: #616161; cursor: pointer; } #property-search div.custom-select:hover select { cursor: pointer; } #property-search form.properties { padding: 22px 0% 0% 0%; width: 100%; display: block; } #property-search form.properties div.location { margin: 0% 2.5% 0% 0%; padding: 0%; width: 26%; } #property-search form.properties div.region { margin: 0% 2.5% 0% 0%; padding: 0%; width: 18%; } #property-search form.properties div.type { margin: 0% 2.5% 0% 0%; padding: 0%; width: 22%; } #property-search form.properties div.price { margin: 0% 2.5% 0% 0%; padding: 0%; width: 18%; } #property-search form.properties div.search { padding: 0%; width: 6%; max-width: 33px; display: inline-block; vertical-align: top; } #property-search form.properties input[type=submit].icon { margin: 32px 0% 0% 0%; padding: 6px 0% 3px 0%; width: 100%; min-width: 0px; font-size: 1em; line-height: 1.5em; color: #FFFFFF; background-color: #95c11f; border: 0px; border-radius: 4px; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -webkit-appearance: none; } #property-search form.properties input[type=submit].icon:hover { color: #FFFFFF; background-color: #b5d362; } /* Property Search Filters Styles */ #property-search div.results-orders { padding: 8px 0% 12px 0%; background-color: #004347; } #property-search div.results-orders p { margin: 0%; font-size: 0.875em; line-height: 1.5em; color: #FFFFFF; } #property-search div.results-orders span.results, #property-search div.results-orders span.location { font-weight: 700; } #property-search div.results-orders div.field-column { vertical-align: middle; } #property-search div.results-orders span.field-label { margin: 0% 14px 0% 0%; font-size: 0.875em; line-height: 1em; display: inline-block; vertical-align: middle; } #property-search div.results-orders div.custom-select { background-color: transparent; border: 0px; } #property-search div.results-orders div.custom-select:hover { background-color: #616161; } #property-search div.results-orders div.custom-select select { padding: 5px 32px 2px 12px; } #property-search div.results-orders div.custom-select select::-ms-expand { display: none; } #property-search div.results-orders input[type=checkbox] { width: 21px; height: 21px; display: inline-block; vertical-align: middle; position: relative; background-color: transparent; border: 1px solid #FFFFFF; border-radius: 4px; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -webkit-appearance: none; } #property-search div.results-orders input[type=checkbox]:checked:after { top: 2px; left: 3px; content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-size: 0.875em; position: absolute; color: #FFFFFF; } #property-search div.results-orders input[type=checkbox]:hover { background-color: #616161; } #property-search div.results-orders div.field-column.map { margin: 0% 22px 0% 0%; } #property-search div.results-orders div.field-column.map label { cursor: pointer; } #property-search div.results-orders div.field-column.map input { cursor: pointer; } #property-search div.results-orders div.field-column.sold { margin: 0% 10px 0% 0%; } #property-search div.results-orders div.field-column.sold label { cursor: pointer; } #property-search div.results-orders div.field-column.sold input { cursor: pointer; } #property-search div.results-orders div.field-column.sort { max-width: 130px; } #property-search div.results-orders div.column { padding: 1px 0% 0% 40px; width: 40%; display: inline-block; vertical-align: middle; } #property-search div.results-orders div.column:last-of-type { padding: 0% 36px 0% 0%; width: 60%; text-align: right; } /* Property Search Form Collapsing Element Styles */ #property-search div.search.expand { padding: 0%; max-height: 24px; position: relative; display: block; visibility: hidden; overflow-y: hidden; transition: all 0.75s ease; -webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; } #property-search div.search.expand div.heading, #property-search div.search.expand form.properties { opacity: 0; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; } #property-search div.search.expand button.expand-section { padding: 3px 0%; min-width: 0px; right: 9px; font-size: 0.75em; display: inline-block; position: absolute; color: #FFFFFF; background-color: transparent; visibility: visible; } #property-search div.search.expand button.collapse-section { padding: 3px 0%; min-width: 0px; right: 9px; font-size: 1em; display: none; position: absolute; color: #FFFFFF; background-color: transparent; visibility: visible; } #property-search div.search.expand div.offset { padding: 0% 92px; max-width: 1280px; } #property-search div.search.expand.open { padding: 34px 0% 49px 0%; max-height: 206px; visibility: visible; } #property-search div.search.expand.open div.heading, #property-search div.search.expand.open form.properties { opacity: 1; } #property-search div.search.expand.open button.expand-section { display: none; } #property-search div.search.expand.open button.collapse-section { display: inline-block; } /* Property Breadcrumb/Action Styles */ #property-search div.property-detail div.column { padding: 4px 0% 0% 25px; } #property-search div.property-detail div.breadcrumb { font-size: 0.875em; color: #CACACA; } #property-search div.property-detail div.breadcrumb a { color: #CACACA; } #property-search div.property-detail div.actions { padding: 1px 5px 0% 0%; } #property-search div.property-detail div.actions div.direction-container { display: inline-block; } #property-search div.property-detail div.actions a.button { margin: 0% 0% 0% 14px; padding: 8px 8px 7px 8px; font-size: 0.875em; line-height: 1em; color: #FFFFFF; background-color: transparent; } #property-search div.property-detail div.actions a.back-to-listing { margin: 0% 24px 0% 0%; } #property-search div.property-detail div.actions a.next:after { margin: 0% 0% 0% 10px; content: '\f054'; font-family: 'Font Awesome 5 Pro', sans-serif; display: inline-block; vertical-align: -1px; } #property-search div.property-detail div.actions a.previous:before { margin: 0% 10px 0% 0%; content: '\f053'; font-family: 'Font Awesome 5 Pro', sans-serif; display: inline-block; vertical-align: -1px; } #property-search div.property-detail div.actions a.back-to-listing:before { margin: 0% 14px 0% 0%; content: '\f323'; font-family: 'Font Awesome 5 Pro', sans-serif; display: inline-block; vertical-align: -1px; } #property-search div.property-detail div.actions a.button:hover { background-color: #005357; } /* Save Search Styles */ #property-search div.save_search_container { display: flex; justify-content: flex-end; } #property-search div.save_search_container button { padding: 0.25em 0.5em; min-width: 0px; font-size: 1em; line-height: 1.5em; color: #FFFFFF; background-color: #C97900; border: 0px; border-radius: 4px; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -webkit-appearance: none; } div.popup-panel.saveSearchPopup a { text-decoration: underline; } div.popup-panel.saveSearchPopup form[name=save_preference_popup] label { display: inline-block; margin-bottom: 0.25em; } div.popup-panel.saveSearchPopup form[name=save_preference_popup] input { padding: 8px 12px; font-size: 1em; line-height: 1.25em; border: 1px solid #CCCCCC; border-radius: 4px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; width: 100%; } div.popup-panel.saveSearchPopup form[name=save_preference_popup] button { margin-top: 0.5em; } div.popup-panel.saveSearchPopup form[name=save_preference_popup] .error-message { color: red; font-size: 0.875em; } div.popup-panel.saveSearchPopup form[name=save_preference_popup] .field-error { border-color: red; } /* 1200px Resolution Specific Styles */ @media only screen and (min-width: 0px) and (max-width: 1200px) { /* Property Search Form Styles */ #property-search div.search div.offset { padding: 0% 18px; } #property-search div.search.expand div.offset { padding: 0% 18px; } /* 900px Resolution Specific Styles */ } @media only screen and (min-width: 0px) and (max-width: 900px) { /* Property Search Form Styles */ #property-search div.search div.offset { padding: 0% 24px; } #property-search div.search.expand div.offset { padding: 0% 24px; } /* Property Search Filters Styles */ #property-search div.results-orders { padding: 10px 0%; } #property-search div.results-orders div.offset { padding: 0% 24px; } #property-search div.results-orders div.column { padding: 1px 0% 0% 0%; } #property-search div.results-orders div.column:last-of-type { padding: 0% 0% 0% 0%; } /* Property Search Form Collapsing Element Styles */ #property-search div.search.expand.open { padding: 30px 0% 36px 0%; max-height: 186px; } /* 800px Resolution Specific Styles */ } @media only screen and (min-width: 0px) and (max-width: 800px) { /* Property Search Form Styles */ #property-search div.search div.offset { padding: 0% 18px; } /* Property Search Filters Styles */ #property-search div.results-orders div.offset { padding: 0% 18px; } /* Property Breadcrumb/Action Styles */ #property-search div.property-detail div.column { width: 100%; } #property-search div.property-detail div.column:first-of-type { display: none; } #property-search div.property-detail div.column:last-of-type { width: 100%; } #property-search div.property-detail div.breadcrumb { display: none; } /* Property Search Form Collapsing Element Mobile Styles */ #property-search div.search.expand { max-height: 34px; } #property-search div.search.expand button.expand-section { padding: 6px 0%; right: 18px; font-size: 0.875em; } #property-search div.search.expand button.expand-section:before { margin: 0% 12px 0% 0%; content: 'Search'; font-family: 'Lato', sans-serif; display: inline-block; vertical-align: 1px; } #property-search div.search.expand button.collapse-section { padding: 6px 0%; right: 18px; font-size: 1em; } /* 600px Resolution Specific Styles */ } @media only screen and (min-width: 0px) and (max-width: 600px) { /* Property Search Form Mobile Styles */ #property-search span.field-label { margin: 0% 0% 6px 1px; } #property-search form.properties div.location { margin: 0% 0% 16px 0%; padding: 0%; width: 100%; } #property-search form.properties div.region { margin: 0%; padding: 0% 12px 0% 0%; width: 50%; } #property-search form.properties div.type { margin: 0%; padding: 0% 0% 0% 12px; width: 50%; } #property-search form.properties div.price { margin: 16px 0% 0% 0%; padding: 0%; width: 100%; } #property-search form.properties div.search { width: 100%; max-width: 100%; } #property-search form.properties input[type=submit].icon { padding: 7px 0% 5px 0%; font-size: 1.125em; } /* Property Search Filters Mobile Styles */ #property-search div.results-orders { padding: 16px 0%; } #property-search div.results-orders p { font-size: 1em; } #property-search div.results-orders div.column { padding: 0% 0% 16px 0%; width: 100%; text-align: center; } #property-search div.results-orders div.column:last-of-type { padding: 0% 0% 0% 0%; width: 100%; text-align: center; } #property-search div.results-orders div.field-column { width: 50%; } #property-search div.results-orders div.field-column.map { margin: 0%; text-align: left; } #property-search div.results-orders div.field-column.sold { margin: 0%; text-align: right; } #property-search div.results-orders div.field-column.sort { margin: 22px 0% 0% 0%; width: 100%; max-width: 100%; text-align: left; } #property-search div.results-orders div.field-column.sort div.custom-select { max-width: 100%; border: 1px solid #616161; } /* Property Search Form Collapsing Element Mobile Styles */ #property-search div.search.expand.open { max-height: 413px; } /* 400px Resolution Specific Styles */ } @media only screen and (min-width: 0px) and (max-width: 400px) { /* Property Breadcrumb/Action Styles */ #property-search div.property-detail div.actions a.back-to-listing { margin: 0; } }