html {
padding-top: 0 !important;
margin-top: 0 !important;
}
header {
z-index: 999999;
}
header .top-logo .largelogo {
display: none !important;
}
header .top-logo .minitoplogo {
display: inline-block !important;
}
footer {
display: none;
}
@media (max-width: 1150px) {
html {
height: 100%;
min-height: -webkit-fill-available;
}
body.page-template-template-property-search-tdg {
height: calc(100% - 88px);
}
#property-search-wrapper {
/*height: calc(100% - 88px);*/
height: 100%;
min-height: -webkit-fill-available;
/* margin-top:88px; */
}
}
#property-search-wrapper {
display: flex;
flex-direction: column;
position: relative;
overflow-y: hidden;
background: #efe9e1;
}
@media (min-width: 1151px) {
#property-search-wrapper {
margin-top: 88px;
height: calc(100vh - 88px);
min-height: unset;
}
}
@media screen and (max-width: 767px) {
#property-search-wrapper _::-webkit-full-page-media, #property-search-wrapper _:future, #property-search-wrapper :root .safari_only {
padding-bottom: 65px;
}
}
#property-search-wrapper input {
font-size: 11px;
line-height: 11px;
}
#property-search-wrapper input:focus {
outline: none;
}
#property-search-wrapper .default-button-style, #property-search-wrapper .filter-group, #property-search-wrapper .filter-group .filter-group-title, #property-search-wrapper .filter-group .filter-group-button, #property-search-wrapper .filter-group .filter-group-button .filter-text, #property-search-wrapper .filter-group .filter-group-dropdown input, #property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list li.filter-group-option label, #property-search-wrapper #filter-group-other .filter-group-fields ul.filter-group-list li.filter-group-option label, #property-search-wrapper #more-button-group .more-button {
font-size: 11px;
line-height: 11px;
}
#property-search-wrapper .text-size-small, #property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list li.filter-group-option label .region-small, #property-search-wrapper #filter-group-other .filter-group-fields ul.filter-group-list li.filter-group-option label .region-small {
font-size: 9px;
line-height: 9px;
}
#property-search-wrapper .blue-button {
background-color: #7997aa;
}
#property-search-wrapper .blue-button:hover {
background-color: #99b7cc;
cursor: pointer;
}
#property-search-wrapper [type=button]:not(:disabled), #property-search-wrapper [type=submit]:not(:disabled), #property-search-wrapper button:not(:disabled) {
border: 1px solid #7997aa;
}
#property-search-wrapper .filter-group .filter-group-option {
user-select: none;
}
#property-search-wrapper .filter-group .filter-group-option.filter-disabled {
background-color: #ddd;
pointer-events: none;
}
#property-search-wrapper .filter-group .filter-group-option.filter-disabled:hover {
background-color: #ddd;
cursor: default;
}
#property-search-wrapper .filter-group .filter-group-option.filter-disabled label {
cursor: default;
filter: brightness(1.5);
}
#property-search-wrapper .filter-group .filter-group-option.filter-disabled label .checkmark:after {
display: none;
}
#property-search-wrapper .filter-group.min-max-group .min-max-filter {
display: flex;
flex: calc(100% - 5px);
justify-content: space-between;
}
#property-search-wrapper .filter-group.min-max-group .min-max-filter .min-holder, #property-search-wrapper .filter-group.min-max-group .min-max-filter .max-holder {
flex-basis: calc(50% - 5px);
}
#property-search-wrapper .filter-group.min-max-group .min-max-filter .min-holder .filter-group-button, #property-search-wrapper .filter-group.min-max-group .min-max-filter .max-holder .filter-group-button {
display: flex;
flex-basis: 100%;
flex-direction: row;
justify-content: center;
align-items: center;
border: 1px solid #ddd;
}
#property-search-wrapper .filter-group.min-max-group .min-max-filter .min-holder .filter-group-dropdown, #property-search-wrapper .filter-group.min-max-group .min-max-filter .max-holder .filter-group-dropdown {
width: calc(50% - 25px);
}
#property-search-wrapper .filter-group.drop-down-group .filter-group-button {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border: 1px solid #ddd;
}
#property-search-wrapper .filter-group.drop-down-group .filter-group-button .filter-text {
display: flex;
color: #646464;
}
#property-search-wrapper .filter-group.drop-down-group .filter-group-dropdown {
display: none;
position: absolute;
width: calc(100% - 40px);
}
#property-search-wrapper .filter-group.drop-down-group .filter-group-dropdown .filter-group-fields .filter-group-list .filter-group-option label {
padding: 8px;
}
#property-search-wrapper .filter-group.drop-down-group.dropdown-open .filter-group-dropdown {
display: block;
}
#property-search-wrapper .filter-group .filter-group-title {
padding-bottom: 4px;
}
#property-search-wrapper .filter-group .filter-group-button {
display: flex;
align-self: stretch;
height: 100%;
display: none;
text-align: center;
background: white;
border: 1px solid #ddd;
cursor: pointer;
padding: 0px;
}
#property-search-wrapper .filter-group .filter-group-button .filter-text {
flex-grow: 1;
text-transform: uppercase;
text-overflow: ellipsis;
padding: 10px;
padding-right: 0px;
}
#property-search-wrapper .filter-group .filter-group-button .ico-dropdown {
flex: 0 0 8px;
align-self: stretch;
margin-right: 10px;
opacity: 0.7;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url(/wp-content/plugins/tdg-elementor-plugin/assets/img/angle-down-black-light.svg);
}
#property-search-wrapper .filter-group.dropdown-open .filter-group-button .ico-dropdown {
transform: rotate(180deg);
}
#property-search-wrapper .filter-group.dropdown-open .filter-group-dropdown {
display: block;
}
#property-search-wrapper .filter-group.dropdown-min-open .filter-group-button.min-button .ico-dropdown {
transform: rotate(180deg);
}
#property-search-wrapper .filter-group.dropdown-min-open .filter-group-dropdown.min-filter {
display: block;
}
#property-search-wrapper .filter-group.dropdown-max-open .filter-group-button.max-button .ico-dropdown {
transform: rotate(180deg);
}
#property-search-wrapper .filter-group.dropdown-max-open .filter-group-dropdown.max-filter {
display: block;
}
#property-search-wrapper .filter-group .filter-group-dropdown {
display: none;
position: absolute;
background: white;
z-index: 3;
z-index: 9999999;
border: 1px solid #ddd;
border-bottom: 2px solid #7997aa;
margin-top: -1px;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list {
list-style: none;
margin-left: 0;
margin-bottom: 0px;
display: flex;
flex-direction: column;
padding-left: 0;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.select-filter {
padding: 0;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.select-filter li:hover {
background-color: #D8E3E9;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.select-filter li.filter-active {
background-color: #7997aa;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.select-filter li.filter-active label {
color: white;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.select-filter li.filter-active label .region-small {
color: white;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.checkbox-filter li.filter-group-option label {
padding: 8px;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.checkbox-filter li.filter-group-option label .checkmark {
border: 1px solid #ddd;
border-radius: 2px;
display: inline-block;
width: 12px;
height: 12px;
background-color: #eee;
display: block;
position: relative;
margin-right: 4px;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.checkbox-filter li.filter-group-option label .checkmark:after {
position: absolute;
content: "";
border: solid #7997aa;
border-width: 0 1px 1px 0;
width: 3px;
height: 6px;
top: 1.4px;
left: 3.5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: none;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.checkbox-filter li:hover {
background-color: #99b7cc;
cursor: pointer;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.checkbox-filter li.filter-active label .checkmark:after {
display: block;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list li.filter-group-option input {
display: none;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list li.filter-group-option label {
padding: 10px;
display: flex;
align-items: center;
margin-bottom: 0px;
cursor: pointer;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list li.filter-group-option label .region-small {
display: block;
color: #646464;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list li.filter-group-option:last-child label {
margin-bottom: 0px;
}
#property-search-wrapper #filter-group-region .filter-group-option {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
#property-search-wrapper #filter-group-region .filter-group-option label, #property-search-wrapper #filter-group-region .filter-group-option span {
width: 100%;
flex-wrap: wrap;
}
#property-search-wrapper #filter-group-region .filter-group-option span {
font-size: 9px;
text-transform: uppercase;
margin-top: 2px;
}
#property-search-wrapper #filter-group-price .filter-group-title {
display: none;
}
#property-search-wrapper #filter-group-price .filter-group-dropdown {
display: block;
position: initial;
}
#property-search-wrapper #filter-group-price .filter-group-dropdown .filter-group-fields #price-holders {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
#property-search-wrapper #filter-group-price .filter-group-dropdown .filter-group-fields #price-holders .holder-filter {
color: #646464;
caret-color: transparent;
cursor: default;
}
#property-search-wrapper #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter {
display: none;
}
#property-search-wrapper #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter .min-range, #property-search-wrapper #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter .max-range {
display: none;
}
#property-search-wrapper #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter.show-mobile-min {
display: block;
}
#property-search-wrapper #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter.show-mobile-min .min-range {
display: flex;
}
#property-search-wrapper #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter.show-mobile-min .min-range .filter-group-option {
display: flex;
justify-content: flex-start;
}
#property-search-wrapper #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter.show-mobile-min .min-range .filter-group-option label {
flex-basis: 100%;
}
#property-search-wrapper #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter.show-mobile-max {
display: block;
}
#property-search-wrapper #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter.show-mobile-max .max-range {
display: flex;
}
#property-search-wrapper #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter.show-mobile-max .max-range .filter-group-option {
display: flex;
justify-content: flex-end;
}
#property-search-wrapper #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter.show-mobile-max .max-range .filter-group-option label {
flex-basis: 100%;
justify-content: flex-end;
}
#property-search-wrapper #filter-group-other .filter-group-title {
display: none;
}
#property-search-wrapper #filter-group-other .filter-group-fields ul.filter-group-list {
list-style: none;
margin-left: 0;
margin-bottom: 0px;
display: flex;
padding: 8px;
flex-direction: column;
}
#property-search-wrapper #filter-group-other .filter-group-fields ul.filter-group-list.checkbox-filter li.filter-group-option label .checkmark {
border: 1px solid #ddd;
border-radius: 2px;
display: inline-block;
width: 12px;
height: 12px;
background-color: white;
display: block;
position: relative;
margin-right: 4px;
}
#property-search-wrapper #filter-group-other .filter-group-fields ul.filter-group-list.checkbox-filter li.filter-group-option label .checkmark:after {
position: absolute;
content: "";
border: solid #7997aa;
border-width: 0 1px 1px 0;
width: 3px;
height: 6px;
top: 1.4px;
left: 3.5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: none;
}
#property-search-wrapper #filter-group-other .filter-group-fields ul.filter-group-list.checkbox-filter li.filter-active label .checkmark:after {
display: block;
}
#property-search-wrapper #filter-group-other .filter-group-fields ul.filter-group-list li {
padding: 4px;
}
#property-search-wrapper #filter-group-other .filter-group-fields ul.filter-group-list li.filter-group-option input {
display: none;
}
#property-search-wrapper #filter-group-other .filter-group-fields ul.filter-group-list li.filter-group-option label {
display: flex;
align-items: center;
margin-bottom: 0px;
cursor: pointer;
}
#property-search-wrapper #filter-group-other .filter-group-fields ul.filter-group-list li.filter-group-option label .region-small {
display: block;
color: #646464;
}
#property-search-wrapper #filter-group-other .filter-group-fields ul.filter-group-list li.filter-group-option:last-child label {
margin-bottom: 0px;
}
#property-search-wrapper #filter-group-more .filter-group-button .ico-dropdown {
background-image: url("//cliffsliving.com/wp-content/plugins/cliffs-properties/templates/down-arrow-white.svg");
}
#property-search-wrapper #more-button-group {
display: flex;
flex-direction: row;
flex-basis: 100%;
justify-content: space-between;
}
#property-search-wrapper #more-button-group .more-button {
text-transform: uppercase;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border: 1px solid #ddd;
}
#property-search-wrapper #more-button-group .more-button:hover {
cursor: pointer;
}
#property-search-wrapper #more-button-group #more-search-button {
background-color: #7997aa;
color: white;
}
#property-search-wrapper #more-button-group #more-reset-button {
background-color: white;
}
@media (max-width: 1150px) {
#property-search-wrapper #filter-group-mobile-filter-bar {
z-index: 3;
background-color: #ddd;
display: flex;
flex-direction: row;
padding: 20px;
}
#property-search-wrapper #filter-group-mobile-filter-bar .filter-group {
padding: 0px;
}
#property-search-wrapper #filter-group-mobile-filter-bar #filter-group-mobile-filters {
flex: 0 1 30%;
margin-right: 5px;
}
#property-search-wrapper #filter-group-mobile-filter-bar #filter-group-mobile-filters.filter-group {
border-radius: 0;
}
#property-search-wrapper #filter-group-mobile-filter-bar #filter-group-mobile-filters.filter-group.drop-down-group .filter-group-button {
justify-content: center;
display: flex;
border-radius: 0;
}
#property-search-wrapper #filter-group-mobile-filter-bar #filter-group-mobile-address {
flex: 1 1 auto;
border-radius: 0;
}
#property-search-wrapper #filter-group-mobile-filter-bar #filter-group-mobile-address .filter-group-fields {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
#property-search-wrapper #filter-group-mobile-filter-bar #filter-group-mobile-address .filter-group-fields input {
flex: 1 1 80%;
display: block;
padding: 10px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0;
}
#property-search-wrapper #filter-group-mobile-filter-bar #filter-group-mobile-address .filter-group-fields span.search-button {
text-align: center;
flex: 1 1 auto;
color: white;
display: flex;
align-items: center;
justify-content: center;
}
#property-search-wrapper #filter-group-mobile-filter-bar #filter-group-mobile-address .filter-group-fields span.search-button span.fa {
color: white;
padding: 3px;
border-radius: 2px;
}
#property-search-wrapper #search-filters {
padding: 10px 20px;
}
#property-search-wrapper #search-filters #filter-group-instant-filters .filter-group {
margin-bottom: 20px;
flex: 0 0 100%;
padding: 0;
}
#property-search-wrapper #search-filters #filter-group-instant-filters .filter-group:last-of-type {
margin-bottom: 0;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-region .filter-group-dropdown {
z-index: 999999999999;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-community .filter-group-dropdown {
display: block;
position: relative;
border: 1px solid #ddd;
padding: 10px;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-community .filter-group-dropdown .filter-group-fields .filter-group-list {
flex-flow: wrap;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-community .filter-group-dropdown .filter-group-fields .filter-group-list .filter-group-option {
padding: 0;
flex: 0 0 50%;
margin-bottom: 10px;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-community .filter-group-dropdown .filter-group-fields .filter-group-list .filter-group-option:nth-last-of-type(-n+2) {
margin-bottom: 0;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-community .filter-group-dropdown .filter-group-fields .filter-group-list .filter-group-option .checkmark {
background-color: white;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-type .filter-group-dropdown, #property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-view .filter-group-dropdown {
z-index: 999999999999999;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-price.filter-group .filter-group-title {
display: none;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-price.filter-group .filter-group-dropdown {
border: none;
background: white;
z-index: 9999999;
margin-top: -1px;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-price.filter-group .filter-group-dropdown #price-holders input.holder-filter {
padding: 10px;
outline: none;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border: 1px solid #ddd;
flex-basis: 50%;
min-width: 0;
cursor: pointer;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-price.filter-group .filter-group-dropdown #price-holders input.holder-filter .filter-group-list {
border: 1px solid #ddd;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-price.filter-group .filter-group-dropdown #price-min-max-filter {
border: 1px solid #ddd;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-price.filter-group .filter-group-dropdown #price-min-max-filter.show-mobile-min, #property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-price.filter-group .filter-group-dropdown #price-min-max-filter.show-mobile-max {
border-bottom: 2px solid #7997aa;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-beds, #property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-baths {
display: block;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-beds .filter-group-dropdown, #property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-baths .filter-group-dropdown {
display: block;
position: relative;
border: none;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-beds .filter-group-dropdown .filter-group-fields .filter-group-list, #property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-baths .filter-group-dropdown .filter-group-fields .filter-group-list {
flex-direction: row;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-beds .filter-group-dropdown .filter-group-fields .filter-group-list .filter-group-option, #property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-baths .filter-group-dropdown .filter-group-fields .filter-group-list .filter-group-option {
border: 1px solid #ddd;
border-right: 0;
justify-content: center;
display: flex;
flex: 1 1 auto;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-beds .filter-group-dropdown .filter-group-fields .filter-group-list .filter-group-option:last-child, #property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-baths .filter-group-dropdown .filter-group-fields .filter-group-list .filter-group-option:last-child {
border-right: 1px solid #ddd;
}
#property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-beds .filter-group-dropdown .filter-group-fields .filter-group-list .filter-group-option label, #property-search-wrapper #search-filters #filter-group-instant-filters #filter-group-baths .filter-group-dropdown .filter-group-fields .filter-group-list .filter-group-option label {
width: 100%;
justify-content: center;
}
#property-search-wrapper #more-filters {
padding: 0 20px 50px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#property-search-wrapper #more-filters .filter-group {
flex: 1 0 100%;
margin-bottom: 20px;
}
#property-search-wrapper #more-filters .filter-group:last-of-type {
margin-bottom: 0;
}
#property-search-wrapper #more-filters #filter-group-other.filter-group .filter-group-fields ul.filter-group-list {
padding: 0;
}
#property-search-wrapper #more-filters #filter-group-other.filter-group .filter-group-fields ul.filter-group-list label {
font-size: 11px;
line-height: 11px;
padding: 4px 0;
}
#property-search-wrapper #more-filters #more-button-group {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
background: white;
z-index: 999999999999999;
}
#property-search-wrapper #more-filters #more-button-group .more-button {
padding: 10px;
}
#property-search-wrapper #more-filters #more-button-group #more-search-button {
flex-basis: calc((100% - 5px) * .66);
}
#property-search-wrapper #more-filters #more-button-group #more-reset-button {
flex-basis: calc((100% - 5px) * .34);
}
}
@media (min-width: 1151px) {
#property-search-wrapper #property-search-form-wrapper {
margin-top: none;
padding: 50px 0;
background-color: white;
background-image: url("https://cliffsliving.com/wp-content/themes/hello-theme-child-master/assets/images/grey-waves.png");
background-position: top center;
}
#property-search-wrapper #property-search-form-wrapper #form {
flex-basis: 1150px;
flex-grow: 0;
flex-shrink: 0;
margin: 0 auto;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters {
padding-top: 10px;
display: none;
flex-direction: row;
width: 100%;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters .filter-group {
margin-right: 10px;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters .filter-group .filter-group-title {
display: flex;
width: 100%;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters .filter-group .filter-group-button {
padding: 0;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters.more-filters-active {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-address {
flex: 0 0 320px;
display: flex;
flex-direction: column;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-address input {
width: 100%;
margin: auto 0;
border: 1px solid #ddd;
padding: 8px;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-sqft {
flex-basis: 235px;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-sqft .filter-group-dropdown {
width: 82.2px;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-sqft .max-button .ico-dropdown {
margin-right: 6px;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-acreage {
flex-basis: 235px;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-acreage .filter-group-dropdown {
width: 82.2px;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-acreage .max-button .ico-dropdown {
margin-right: 6px;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-other {
align-self: center;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-other .filter-group-title {
display: none;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-other .filter-group-fields ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-other .filter-group-fields ul li {
flex: 0 0 50%;
width: 50%;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-other .filter-group-fields ul li label {
font-size: 9px;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-other .filter-group-fields ul li:last-of-type {
flex: 1 0 55%;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #more-button-group {
flex-basis: calc(100% / 6);
flex-basis: 160px;
flex-direction: column;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #more-button-group .more-button {
width: 100%;
padding: 10px;
align-self: center;
}
#property-search-wrapper #property-search-form-wrapper.more-filters-active #form #more-filters {
display: flex;
}
#property-search-wrapper #filter-bar-wrapper.more-filters-active {
padding-bottom: 0;
}
#property-search-wrapper #filter-group-mobile-filter-bar {
display: none;
}
#property-search-wrapper #filter-group-instant-filters {
display: flex;
flex-direction: row;
align-items: center;
}
#property-search-wrapper #search-filters {
display: flex;
flex-direction: row;
}
#property-search-wrapper .filter-group {
align-self: stretch;
}
#property-search-wrapper .filter-group .filter-group-title {
display: none;
}
#property-search-wrapper .filter-group .filter-group-button .filter-text {
display: flex;
}
#property-search-wrapper .filter-group.drop-down-group.dropdown-open .filter-group-dropdown {
width: calc(100% / 7);
border-bottom: 2px solid #7997aa;
}
#property-search-wrapper #filter-group-instant-filters {
flex: 0 1 100%;
}
#property-search-wrapper #filter-group-instant-filters .filter-group {
margin-right: 10px;
}
#property-search-wrapper #filter-group-region {
flex-basis: 150px;
}
#property-search-wrapper #filter-group-region .filter-group-dropdown {
width: 150px;
}
#property-search-wrapper #filter-group-community {
flex-basis: 160px;
}
#property-search-wrapper #filter-group-community .filter-group-dropdown {
width: 160px;
}
#property-search-wrapper #filter-group-community .filter-group-button, #property-search-wrapper #filter-group-beds .filter-group-button, #property-search-wrapper #filter-group-baths .filter-group-button {
display: flex;
flex-direction: row;
align-items: center;
}
#property-search-wrapper #filter-group-community .filter-group-dropdown, #property-search-wrapper #filter-group-beds .filter-group-dropdown, #property-search-wrapper #filter-group-baths .filter-group-dropdown {
border-bottom: 2px solid #7997aa;
}
#property-search-wrapper #filter-group-beds, #property-search-wrapper #filter-group-baths {
flex: 0 0 75px;
}
#property-search-wrapper #filter-group-beds .filter-group-dropdown, #property-search-wrapper #filter-group-baths .filter-group-dropdown {
width: 75px;
}
#property-search-wrapper #filter-group-price {
flex-basis: 110px;
}
#property-search-wrapper #filter-group-price .filter-group-dropdown {
width: 110px;
display: none;
}
#property-search-wrapper #filter-group-price .filter-group-button {
display: flex;
align-items: center;
}
#property-search-wrapper #filter-group-price.dropdown-open .filter-group-dropdown {
display: block;
}
#property-search-wrapper #filter-group-price.dropdown-open .filter-group-dropdown .filter-group-fields {
display: block;
position: absolute;
}
#property-search-wrapper #filter-group-price.dropdown-open .filter-group-dropdown .filter-group-fields #price-holders {
background-color: white;
padding: 0 8px;
}
#property-search-wrapper #filter-group-price.dropdown-open .filter-group-dropdown .filter-group-fields #price-holders .holder-filter {
min-width: 0;
width: auto;
border: 1px solid #646464;
}
#property-search-wrapper #filter-group-price.dropdown-open .filter-group-dropdown .filter-group-fields #price-min-max-filter {
display: block;
background-color: white;
border: 1px solid #ddd;
border-bottom: 1px solid #7997aa;
position: absolute;
z-index: 10000000000000000000;
width: 100%;
}
#property-search-wrapper #filter-group-price.dropdown-open .filter-group-dropdown .filter-group-fields #price-min-max-filter.show-min .min-range {
display: block;
}
#property-search-wrapper #filter-group-type {
flex: 1 0 133px;
}
#property-search-wrapper #filter-group-type .filter-group-dropdown {
width: 186px;
}
#property-search-wrapper #filter-group-view {
flex: 1 0 133px;
}
#property-search-wrapper #filter-group-view .filter-group-dropdown {
width: 186px;
}
#property-search-wrapper #filter-group-more-filters {
display: flex;
flex: 1 0 140px;
flex-direction: row;
justify-content: center;
align-items: center;
border: 1px solid #ddd;
}
#property-search-wrapper #filter-group-more-filters .filter-group {
flex: 1 1 auto;
}
#property-search-wrapper #filter-group-more-filters .filter-group .filter-group-button {
display: flex;
flex-direction: row;
align-items: center;
padding: 0;
border: none;
}
}
@media (max-width: 1150px) {
#property-search-wrapper.mobile-filters-open #property-search-form-wrapper {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 75px;
z-index: 10;
}
}
#property-search-wrapper #property-search-form-wrapper {
position: relative;
display: none;
max-height: 100vh;
overflow-y: scroll;
}
#property-search-wrapper #property-search-form-wrapper #form #property-search-form {
position: fixed;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 1000;
padding: 10px;
display: none;
}
#property-search-wrapper #property-search-form-wrapper #form #filter-bar-wrapper {
background-color: white;
}
@media (min-width: 1151px) {
#property-search-wrapper #property-search-form-wrapper #form #filter-bar-wrapper {
background-color: unset;
}
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters {
background: white;
z-index: 10;
}
@media (min-width: 1151px) {
#property-search-wrapper #property-search-form-wrapper #form #more-filters {
background-color: unset;
}
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-address {
display: none;
}
@media (min-width: 1151px) {
#property-search-wrapper #property-search-form-wrapper {
display: flex;
overflow-y: unset;
}
#property-search-wrapper #property-search-form-wrapper #form #more-filters #filter-group-address {
display: flex;
}
}
.admin-bar #property-search-wrapper.mobile-filters-open #property-search-form-wrapper {
top: 121px;
}
@media screen and (min-width: 783px) {
.admin-bar #property-search-wrapper.mobile-filters-open #property-search-form-wrapper {
top: 107px;
}
}
.admin-bar #property-search-wrapper {
padding-top: 46px;
}
@media screen and (min-width: 783px) {
.admin-bar #property-search-wrapper {
padding-top: 32px;
}
}
#property-search-wrapper {
background: white;
height: calc(100vh - 80px);
}
#property-search-wrapper.mobile-filters-open #more-filters-overlay {
display: none;
}
#property-search-wrapper.mobile-filters-open #more-filters-overlay.open {
display: block;
}
@media (min-width: 1150px) {
#property-search-wrapper.mobile-filters-open #more-filters-overlay.open {
display: none;
}
}
#property-search-wrapper #disclaimer-wrapper {
display: flex;
flex-direction: column;
z-index: 3;
}
#property-search-wrapper #disclaimer-wrapper.open #disclaimer-tab::after {
transform: rotate(0deg);
margin: -1px 0 0 10px;
}
#property-search-wrapper #disclaimer-wrapper.open #disclaimer-content {
/* display: flex; */
height: max-content;
padding: 20px;
}
#property-search-wrapper #disclaimer-wrapper #disclaimer-tab {
padding: 10px 35px 10px 20px;
background: #7997aa;
color: white;
display: flex;
align-items: center;
font-size: 18px;
line-height: 18px;
z-index: 4;
}
#property-search-wrapper #disclaimer-wrapper #disclaimer-tab:hover {
background: #99b7cc;
cursor: pointer;
}
#property-search-wrapper #disclaimer-wrapper #disclaimer-tab::after {
content: url(https://cliffsliving.com/wp-content/themes/hello-theme-child-master/assets/images/down-arrow-white.svg);
transform: rotate(180deg);
margin-left: 5px;
flex-basis: 14px;
align-self: stretch;
margin: 0 0 -2px 10px;
}
#property-search-wrapper #disclaimer-wrapper #disclaimer-content {
/* display: none; */
height: 0;
overflow: hidden;
background: white;
transition: height 0.2s linear, padding 0.2s linear;
padding: 0 20px;
border: 1px solid #ddd;
box-shadow: -3px -3px 6px 3px rgba(0, 0, 0, 0.2);
font-size: 10px;
line-height: 12px;
/* padding: 20px; */
}
#results-pagination, #results-pagination-desktop {
background-color: white;
display: flex;
flex-direction: column;
align-items: center;
padding: 10px;
z-index: 9;
}
#results-pagination ul.results-pagination, #results-pagination-desktop ul.results-pagination {
display: flex;
padding: 0px;
margin: 0px;
}
#results-pagination ul.results-pagination li, #results-pagination-desktop ul.results-pagination li {
list-style: none;
padding: 0;
margin: 0;
flex-grow: 1;
display: flex;
position: static;
}
#results-pagination ul.results-pagination li a, #results-pagination-desktop ul.results-pagination li a {
padding: 0px;
margin: 0px;
padding: 7px;
font-size: 14px;
line-height: 14px;
text-decoration: none;
}
#results-pagination ul.results-pagination li.pagination-page a, #results-pagination-desktop ul.results-pagination li.pagination-page a {
color: black;
}
#results-pagination ul.results-pagination li.pagination-page a:hover, #results-pagination-desktop ul.results-pagination li.pagination-page a:hover {
background-color: #7997aa;
color: white;
}
#results-pagination ul.results-pagination li.pagination-page.active, #results-pagination-desktop ul.results-pagination li.pagination-page.active {
margin-left: 7px;
margin-right: 7px;
}
#results-pagination ul.results-pagination li.pagination-page.active a, #results-pagination-desktop ul.results-pagination li.pagination-page.active a {
background-color: #7997aa;
color: white;
}
#results-pagination ul.results-pagination li.pagination-page.active a:hover, #results-pagination-desktop ul.results-pagination li.pagination-page.active a:hover {
background-color: #99b7cc;
}
#results-pagination ul.results-pagination li.prev-page a, #results-pagination-desktop ul.results-pagination li.prev-page a {
background-color: #7997aa;
color: white;
}
#results-pagination ul.results-pagination li.prev-page a:hover, #results-pagination-desktop ul.results-pagination li.prev-page a:hover {
background-color: #99b7cc;
}
#results-pagination ul.results-pagination li.next-page, #results-pagination-desktop ul.results-pagination li.next-page {
margin-left: 7px;
}
#results-pagination ul.results-pagination li.next-page a, #results-pagination-desktop ul.results-pagination li.next-page a {
background-color: #7997aa;
color: white;
}
#results-pagination ul.results-pagination li.next-page a:hover, #results-pagination-desktop ul.results-pagination li.next-page a:hover {
background-color: #99b7cc;
}
#results-pagination ul.results-pagination li.dots, #results-pagination-desktop ul.results-pagination li.dots {
padding: 0 7px;
}
#results-actions {
display: flex;
padding: 10px 20px;
}
#results-actions-desktop {
display: none;
padding: 10px;
}
@media (min-width: 1151px) {
#results-actions {
display: none;
}
#results-actions-desktop {
display: flex;
padding: 10px 35px 10px 20px;
}
#results-actions-desktop #search-action-sort-desktop {
display: flex;
flex-basis: 25%;
}
#results-actions-desktop #search-action-sort-desktop .sort-by-input {
flex-basis: 100%;
}
}
#results-actions #search-action-sort {
margin-right: 10px;
}
@media (max-width: 340px) {
#results-actions #search-action-sort {
margin-right: 5px;
}
#results-actions #search-action-sort .sort-by-input #filter-group-sort-by .filter-group-button .filter-text {
padding: 8px;
padding-right: 0;
}
#results-actions #search-action-sort .sort-by-input #filter-group-sort-by .filter-group-button .ico-dropdown {
margin-right: 4px;
}
}
@media (max-width: 500px) {
#results-actions #search-action-view .view-button.view-favorites .view-icon, #results-actions #search-action-view .view-button.view-grid .view-icon, #results-actions #search-action-view .view-button.view-map .view-icon {
margin-right: 0px;
}
#results-actions #search-action-view .view-button.view-favorites .view-button-label, #results-actions #search-action-view .view-button.view-grid .view-button-label, #results-actions #search-action-view .view-button.view-map .view-button-label {
display: none;
}
}
#results-actions, #results-actions-desktop {
flex-direction: row;
width: 100%;
background: white;
}
#results-actions #search-action-sort, #results-actions-desktop #search-action-sort {
align-self: center;
flex-basis: auto;
}
#results-actions #search-action-sort .sort-by-label, #results-actions-desktop #search-action-sort .sort-by-label {
border: 1px solid white;
font-size: 10px;
line-height: 10px;
display: none;
}
#results-actions #search-action-sort .sort-by-input, #results-actions-desktop #search-action-sort .sort-by-input {
display: flex;
width: 100%;
}
#results-actions #search-action-sort .sort-by-input #filter-group-sort-by, #results-actions-desktop #search-action-sort .sort-by-input #filter-group-sort-by {
padding: 0;
}
#results-actions #search-action-sort .sort-by-input #filter-group-sort-by .filter-group-button, #results-actions-desktop #search-action-sort .sort-by-input #filter-group-sort-by .filter-group-button {
display: flex;
justify-content: center;
align-items: center;
flex: 1 1 auto;
width: 100%;
margin-right: 20px;
}
#results-actions #search-action-sort .sort-by-input #filter-group-sort-by .filter-group-dropdown, #results-actions-desktop #search-action-sort .sort-by-input #filter-group-sort-by .filter-group-dropdown {
width: 140px;
}
#results-actions #search-action-view, #results-actions-desktop #search-action-view {
display: flex;
}
#results-actions #search-action-view-desktop, #results-actions-desktop #search-action-view-desktop {
display: none;
}
@media (min-width: 1151px) {
#results-actions #search-action-view, #results-actions-desktop #search-action-view {
display: none;
}
#results-actions #search-action-view-desktop, #results-actions-desktop #search-action-view-desktop {
display: flex;
}
}
#results-actions #search-action-view, #results-actions #search-action-view-desktop, #results-actions-desktop #search-action-view, #results-actions-desktop #search-action-view-desktop {
flex-basis: 70%;
flex-grow: 1;
align-items: center;
min-width: 0;
flex-direction: row;
justify-content: flex-end;
}
#results-actions #search-action-view button:focus, #results-actions #search-action-view-desktop button:focus, #results-actions-desktop #search-action-view button:focus, #results-actions-desktop #search-action-view-desktop button:focus {
outline: 0;
}
#results-actions #search-action-view .view-button, #results-actions #search-action-view-desktop .view-button, #results-actions-desktop #search-action-view .view-button, #results-actions-desktop #search-action-view-desktop .view-button {
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
font-size: 10px;
line-height: 10px;
padding: 0;
padding: 7px;
margin-right: 5px;
background: white;
min-width: 0;
border: 1px solid #7997aa;
}
#results-actions #search-action-view .view-button:last-of-type, #results-actions #search-action-view-desktop .view-button:last-of-type, #results-actions-desktop #search-action-view .view-button:last-of-type, #results-actions-desktop #search-action-view-desktop .view-button:last-of-type {
margin-right: 0;
}
#results-actions #search-action-view .view-button .view-button-label, #results-actions #search-action-view-desktop .view-button .view-button-label, #results-actions-desktop #search-action-view .view-button .view-button-label, #results-actions-desktop #search-action-view-desktop .view-button .view-button-label {
font-size: 10px;
line-height: 10px;
align-self: center;
color: #7997aa;
}
#results-actions #search-action-view .view-button .view-icon, #results-actions #search-action-view-desktop .view-button .view-icon, #results-actions-desktop #search-action-view .view-button .view-icon, #results-actions-desktop #search-action-view-desktop .view-button .view-icon {
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
height: 15px;
width: 15px;
display: inline-block;
margin-right: 7px;
flex: 1 0 15px;
min-width: 0;
display: block;
align-self: stretch;
filter: invert(56%) sepia(41%) saturate(229%) hue-rotate(160deg) brightness(95%) contrast(88%);
}
#results-actions #search-action-view .view-button:hover, #results-actions #search-action-view-desktop .view-button:hover, #results-actions-desktop #search-action-view .view-button:hover, #results-actions-desktop #search-action-view-desktop .view-button:hover {
background: #99b7cc;
}
#results-actions #search-action-view .view-button:hover .view-icon, #results-actions #search-action-view-desktop .view-button:hover .view-icon, #results-actions-desktop #search-action-view .view-button:hover .view-icon, #results-actions-desktop #search-action-view-desktop .view-button:hover .view-icon {
filter: unset;
}
#results-actions #search-action-view .view-button:hover .view-button-label, #results-actions #search-action-view-desktop .view-button:hover .view-button-label, #results-actions-desktop #search-action-view .view-button:hover .view-button-label, #results-actions-desktop #search-action-view-desktop .view-button:hover .view-button-label {
color: white;
}
#results-actions #search-action-view .view-button.active, #results-actions #search-action-view-desktop .view-button.active, #results-actions-desktop #search-action-view .view-button.active, #results-actions-desktop #search-action-view-desktop .view-button.active {
background: #7997aa;
color: white;
}
#results-actions #search-action-view .view-button.active .view-icon, #results-actions #search-action-view-desktop .view-button.active .view-icon, #results-actions-desktop #search-action-view .view-button.active .view-icon, #results-actions-desktop #search-action-view-desktop .view-button.active .view-icon {
filter: unset;
}
#results-actions #search-action-view .view-button.active .view-button-label, #results-actions #search-action-view-desktop .view-button.active .view-button-label, #results-actions-desktop #search-action-view .view-button.active .view-button-label, #results-actions-desktop #search-action-view-desktop .view-button.active .view-button-label {
color: white;
}
#results-actions #search-action-view .view-button.active:hover, #results-actions #search-action-view-desktop .view-button.active:hover, #results-actions-desktop #search-action-view .view-button.active:hover, #results-actions-desktop #search-action-view-desktop .view-button.active:hover {
background: #99b7cc;
}
#results-actions #search-action-view .view-favorites .view-icon, #results-actions #search-action-view-desktop .view-favorites .view-icon, #results-actions-desktop #search-action-view .view-favorites .view-icon, #results-actions-desktop #search-action-view-desktop .view-favorites .view-icon {
background-image: url(https://cliffsliving.com/wp-content/themes/hello-theme-child-master/assets/images/heart-outlined-white.svg);
}
#results-actions #search-action-view .show-grid-trigger .grid-icon, #results-actions #search-action-view-desktop .show-grid-trigger .grid-icon, #results-actions-desktop #search-action-view .show-grid-trigger .grid-icon, #results-actions-desktop #search-action-view-desktop .show-grid-trigger .grid-icon {
background-image: url(https://cliffsliving.com/wp-content/themes/hello-theme-child-master/assets/images/grid-white.svg);
}
#results-actions #search-action-view .show-map-trigger .map-icon, #results-actions #search-action-view-desktop .show-map-trigger .map-icon, #results-actions-desktop #search-action-view .show-map-trigger .map-icon, #results-actions-desktop #search-action-view-desktop .show-map-trigger .map-icon {
background-image: url(https://cliffsliving.com/wp-content/themes/hello-theme-child-master/assets/images/location-icon-white.svg);
}
#property-search-results-wrapper {
z-index: 2;
position: relative;
flex-basis: 100%;
display: flex;
flex-direction: row;
overflow: hidden;
}
#property-search-results-wrapper #no-search-results {
display: none;
padding: 20px;
}
#property-search-results-wrapper #no-search-results-text {
display: none;
}
#property-search-results-wrapper #results-grid #no-search-results {
display: flex;
}
#property-search-results-wrapper #more-filters-overlay {
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
z-index: 1000;
}
@media (min-width: 1050px) {
#property-search-results-wrapper #more-filters-overlay.open {
display: block;
}
}
#property-search-results-wrapper #results-loader {
background: white;
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
justify-content: center;
align-items: center;
transition: display 0.3s;
z-index: 999;
}
#property-search-results-wrapper #results-loader.open {
display: flex;
}
#property-search-results-wrapper #results-map-wrapper {
transition: flex-basis 500ms ease-in-out;
flex-basis: 0%;
}
#property-search-results-wrapper #results-map-wrapper #results-map {
width: 100%;
height: 100%;
}
#property-search-results-wrapper #results-map-wrapper #results-map canvas:focus {
outline: none;
box-shadow: none;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .popup-close {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: 10px;
right: 0px;
background-color: #7997aa;
color: white;
height: 25px;
width: 25px;
z-index: 10;
cursor: pointer;
transition: all 0.5s ease;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .popup-close:hover {
color: #7997aa;
background-color: white;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .popup-close:hover span.fa {
color: #7997aa;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .popup-close span.fa {
color: white;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content {
padding: 0px;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
display: none !important;
font-size: 20px;
line-height: 10px;
padding: 0px;
padding: 5px;
width: 25px;
height: 25px;
border: 1px solid red;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button:focus {
outline: none;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper {
max-width: 270px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popup-image-wrapper {
position: relative;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popup-image-wrapper img {
max-height: 150px;
width: 100%;
object-fit: cover;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popup-image-wrapper .popup-price {
font-family: "Avenir";
font-size: 16px;
position: absolute;
bottom: 10px;
left: 10px;
color: white;
font-weight: bold;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details {
flex-grow: 1;
position: relative;
padding: 10px;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .cliffs-property img {
filter: invert(56%) sepia(41%) saturate(229%) hue-rotate(160deg) brightness(95%) contrast(88%);
height: 30px;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .property-link {
position: absolute;
bottom: 5px;
right: 5px;
background-color: white;
border: 1px solid #7997aa;
padding: 5px;
min-width: 100px;
color: #7997aa;
font-size: 10px;
line-height: 10px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
outline: none;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .property-link:hover {
background: #7997aa;
color: white;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .property-community {
text-align: left;
display: block;
font-size: 8px;
line-height: 8px;
color: #eee;
display: flex;
flex-direction: row;
align-content: center;
padding-top: 4px;
padding-bottom: 4px;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .property-community .fa-map-marker-alt {
padding-right: 5px;
color: #646464;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .property-community .community-name {
font-size: 10px;
line-height: 10px;
align-self: center;
color: #aaa;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .popup-address {
font-family: "Avenir Medium", sans-serif;
text-align: left;
font-weight: 500;
display: block;
font-size: 15px;
line-height: 15px;
color: black;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .property-grid {
display: flex;
flex-wrap: wrap;
max-width: 75%;
padding-top: 5px;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .property-grid .property-grid-block {
flex-basis: 33%;
font-size: 8px;
line-height: 8px;
padding-bottom: 5px;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker {
cursor: pointer !important;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker:hover, #property-search-results-wrapper #results-map-wrapper #results-map .marker.fake-hover {
z-index: 10;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker:hover .marker-price, #property-search-results-wrapper #results-map-wrapper #results-map .marker.fake-hover .marker-price {
background: #333;
color: white;
display: block;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker:hover .marker-price-tip, #property-search-results-wrapper #results-map-wrapper #results-map .marker.fake-hover .marker-price-tip {
background: #333;
color: white;
display: block;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker:hover .marker-point, #property-search-results-wrapper #results-map-wrapper #results-map .marker.fake-hover .marker-point {
background: white;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker .marker-price-tip {
display: none;
background: white;
position: absolute;
height: 15px;
width: 15px;
top: 12px;
transform: translateX(calc(-50% + 5px)) rotate(45deg);
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker .marker-price {
background: white;
color: black;
display: block;
display: none;
position: absolute;
top: 15px;
transform: translateX(calc(-50% + 5px));
padding: 6px;
font-size: 14px;
line-height: 13px;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker.show-price .marker-price {
display: block;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker.show-price .marker-price-tip {
display: block;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker .marker-point {
background: #7997aa;
height: 10px;
width: 10px;
border-radius: 50%;
border: 1px solid black;
display: block;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-markerx {
background: #7997aa;
height: 10px;
width: 10px;
border-radius: 50%;
border: 1px solid black;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-markerx svg {
display: none;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-canvas {
transition: all 1ms linear;
min-width: 100%;
will-change: width;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker {
cursor: pointer !important;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker:hover {
z-index: 10;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker:hover .marker-price {
background: #333;
color: white;
display: block;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker:hover .marker-price-tip {
background: #333;
color: white;
display: block;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker:hover .marker-point {
background: white;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker .marker-price-tip {
display: none;
background: white;
position: absolute;
height: 15px;
width: 15px;
top: 12px;
transform: translateX(calc(-50% + 5px)) rotate(45deg);
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker .marker-price {
background: white;
color: black;
display: block;
display: none;
position: absolute;
top: 15px;
transform: translateX(calc(-50% + 5px));
padding: 6px;
font-size: 14px;
line-height: 13px;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker.show-price .marker-price {
display: block;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker.show-price .marker-price-tip {
display: block;
}
#property-search-results-wrapper #results-map-wrapper #results-map .marker .marker-point {
background: #7997aa;
height: 10px;
width: 10px;
border-radius: 50%;
border: 1px solid black;
display: block;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-markerx {
background: #7997aa;
height: 10px;
width: 10px;
border-radius: 50%;
border: 1px solid black;
}
#property-search-results-wrapper #results-map-wrapper #results-map .mapboxgl-markerx svg {
display: none;
}
#property-search-results-wrapper #results-grid-wrapper {
background-color: white;
transition: flex-basis 500ms ease-in-out;
flex-basis: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
min-height: 0px;
height: 100%;
}
#property-search-results-wrapper #results-grid-wrapper #results-pagination-desktop {
display: none;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid {
overflow: hidden;
overflow-y: scroll;
height: 100%;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper {
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
display: grid;
justify-content: space-between;
grid-gap: 10px;
grid-template-columns: repeat(auto-fill, 100%);
}
@media (min-width: 768px) {
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper {
grid-template-columns: repeat(auto-fill, calc((100% - 10px) / 2));
}
}
@media (min-width: 1151px) {
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper {
grid-template-columns: repeat(auto-fill, calc((100% - 20px) / 3));
}
}
@media (min-width: 1440px) {
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper {
grid-template-columns: repeat(4, calc((100% - 30px) / 4));
}
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing {
background: white;
min-width: 0;
margin-bottom: 20px;
box-shadow: 0px 0px 10px #ccc;
display: flex;
flex-direction: column;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper {
position: relative;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper a {
line-height: 0;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite {
z-index: 998;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite img {
height: 15px;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite img.loading-fav {
display: none;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite img.not-faved {
display: block;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite img.faved {
display: none;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite.favorited img.loading-fav {
display: none;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite.favorited img.not-faved {
display: none;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite.favorited img.faved {
display: block;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite.loading-fav img.loading-fav {
display: block;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite.loading-fav img.not-faved {
display: none;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite.loading-fav img.faved {
display: none;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .price {
font-family: "Avenir Medium", sans-serif;
z-index: 998;
position: absolute;
bottom: 5px;
left: 5px;
color: white;
text-shadow: 0px 0px 5px #000;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .banner {
z-index: 2;
position: absolute;
top: 10px;
left: 0px;
min-width: 80px;
text-align: center;
font-size: 14px;
line-height: 14px;
padding: 5px;
background: #7997aa;
color: white;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-pagination {
background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
bottom: 0;
height: 40px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet {
box-shadow: 0px 0px 3px #000;
background-color: white;
opacity: 0.7;
height: 5px;
width: 5px;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
height: 8px;
width: 8px;
box-shadow: 0px 0px 4px #000;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-wrapper .swiper-slide img {
width: 100%;
height: 200px;
object-fit: cover;
border: none;
}
@media (min-width: 410px) and (max-width: 499px) {
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-wrapper .swiper-slide img {
height: 300px;
}
}
@media (min-width: 500px) and (max-width: 649px) {
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-wrapper .swiper-slide img {
height: 380px;
}
}
@media (min-width: 650px) and (max-width: 767px) {
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-wrapper .swiper-slide img {
height: 430px;
}
}
@media (min-width: 768px) and (max-width: 900px) {
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-wrapper .swiper-slide img {
height: 320px;
}
}
@media (min-width: 901px) and (max-width: 1150px) {
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-wrapper .swiper-slide img {
height: 360px;
}
}
@media (min-width: 1151px) {
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-wrapper .swiper-slide img {
height: 250px;
}
}
@media (min-width: 1440px) {
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-wrapper .swiper-slide img {
height: 250px;
}
}
@media (min-width: 1700px) {
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-wrapper .swiper-slide img {
height: 300px;
}
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper {
flex-grow: 1;
position: relative;
padding: 20px;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .is-cliffs-properties {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 12px;
gap: 10px;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .is-cliffs-properties .cliffs-property-title {
font-weight: bold;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .is-cliffs-properties .cliffs-property {
display: flex;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .cliffs-property img {
filter: invert(56%) sepia(41%) saturate(229%) hue-rotate(160deg) brightness(95%) contrast(88%);
height: 30px;
width: 30px;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-link {
position: absolute;
bottom: 20px;
right: 5px;
background-color: white;
border: 1px solid #7997aa;
padding: 5px;
min-width: 100px;
color: #7997aa;
font-size: 10px;
line-height: 10px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-link:hover {
background: #7997aa;
color: white;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-community {
text-align: left;
display: block;
font-size: 8px;
line-height: 8px;
color: #eee;
display: flex;
flex-direction: row;
align-content: center;
padding-top: 4px;
padding-bottom: 4px;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-community .fa-map-marker-alt {
color: #646464;
padding-right: 5px;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-community .community-name {
font-size: 11px;
line-height: 11px;
align-self: center;
color: #aaa;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-address {
font-family: "Avenir Medium", sans-serif;
text-align: left;
font-weight: 500;
display: block;
font-size: 15px;
line-height: 15px;
color: black;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-grid {
display: flex;
flex-wrap: wrap;
max-width: 75%;
padding-top: 5px;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-grid .property-grid-block {
flex-basis: 33%;
font-size: 11px;
line-height: 11px;
padding-bottom: 5px;
}
#property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-grid .property-grid-block:last-child {
flex-grow: 1;
}
#property-search-results-wrapper.map-open #results-map-wrapper {
flex-basis: 100%;
background-color: #efe9e1;
}
#property-search-results-wrapper.map-open #results-grid-wrapper {
flex-basis: 0%;
/* height: 0; */
}
@media screen and (min-width: 992px) {
#property-search-results-wrapper.map-open #results-grid-wrapper {
height: 100%;
}
}
@media (min-width: 1151px) {
#property-search-results-wrapper.map-open #results-grid-wrapper #results-grid .listings-wrapper {
grid-template-columns: repeat(auto-fill, 100%);
}
}
@media (min-width: 1440px) {
#property-search-results-wrapper.map-open #results-grid-wrapper #results-grid .listings-wrapper {
grid-template-columns: repeat(auto-fill, calc((100% - 10px) / 2));
}
}
@media (min-width: 1151px) {
#property-search-wrapper #property-search-results-wrapper.map-open #results-map-wrapper {
flex-basis: 60%;
}
#property-search-wrapper #property-search-results-wrapper.map-open #results-grid-wrapper {
flex-basis: 40%;
}
#property-search-wrapper #property-search-results-wrapper.map-open #results-grid-wrapper #results-pagination-desktop {
display: inline-flex;
justify-content: flex-start;
padding: 20px;
flex-direction: row;
align-items: center;
}
#property-search-wrapper #property-search-results-wrapper.map-open + #results-pagination {
display: none;
}
#property-search-wrapper #disclaimer-wrapper {
display: flex;
flex-direction: column;
position: fixed;
bottom: 0;
right: 0;
width: 340px;
z-index: 10;
}
#property-search-wrapper #disclaimer-wrapper #disclaimer-tab {
padding: 10px 35px 10px 20px;
background: #7997aa;
color: white;
display: flex;
align-items: center;
margin-top: -38px;
align-self: flex-end;
font-size: 18px;
line-height: 18px;
z-index: 4;
}
#property-search-wrapper #disclaimer-wrapper #disclaimer-tab:hover {
background: #99b7cc;
cursor: pointer;
}
#property-search-wrapper #disclaimer-wrapper #disclaimer-tab::after {
content: url(https://cliffsliving.com/wp-content/themes/hello-theme-child-master/assets/images/down-arrow-white.svg);
transform: rotate(180deg);
margin-left: 5px;
flex-basis: 14px;
align-self: stretch;
margin: 0 0 -2px 10px;
}
#property-search-wrapper #disclaimer-wrapper #disclaimer-content {
/* display: none; */
/* height: 0;
overflow: hidden;
background: white;
transition: height 0.3s ease-in-out; */
border: 1px solid #ddd;
box-shadow: -3px -3px 6px 3px rgba(0, 0, 0, 0.2);
font-size: 10px;
line-height: 12px;
/* padding: 20px; */
}
#property-search-wrapper #disclaimer-wrapper.open #disclaimer-tab::after {
transform: rotate(0deg);
margin: -1px 0 0 10px;
}
#property-search-wrapper #disclaimer-wrapper.open #disclaimer-content {
/* display: flex; */
height: max-content;
padding: 20px;
}
}
@media (min-width: 992px) {
#property-search-wrapper #property-search-results-wrapper.map-open #results-map-wrapper {
flex-basis: 50%;
}
#property-search-wrapper #property-search-results-wrapper.map-open #results-grid-wrapper {
flex-basis: 50%;
}
}
.ui-dialog .ui-dialog-titlebar-close {
border: 1px solid #7997aa;
}
body.single-cliffs_listing.admin-bar #property-detail {
margin-top: 66px;
}
@media screen and (min-width: 783px) {
body.single-cliffs_listing.admin-bar #property-detail {
margin-top: 52px;
}
}
#print-picture-wrapper {
display: none;
}
#similar-properties-wrapper:not(.theme-slider) {
max-width: 1290px;
margin: 0 auto;
padding-bottom: 50px;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper {
display: grid;
grid-template-columns: repeat(1, 100%);
gap: 20px;
}
@media (min-width: 550px) {
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper {
grid-template-columns: repeat(2, calc((100% - 20px) / 2));
}
}
@media (min-width: 768px) {
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper {
grid-template-columns: repeat(2, calc((100% - 40px) / 2));
gap: 30px;
}
}
@media (min-width: 1024px) {
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper {
grid-template-columns: repeat(4, calc((100% - 30px) / 4));
gap: 10px;
}
}
@media (min-width: 1200px) {
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper {
grid-template-columns: repeat(4, calc((100% - 60px) / 4));
gap: 20px;
}
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing {
box-shadow: 0px 0px 10px #ccc;
display: flex;
flex-direction: column;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper {
position: relative;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .favorite {
z-index: 998;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .favorite img {
height: 15px;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .favorite img.loading-fav {
display: none;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .favorite img.not-faved {
display: block;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .favorite img.faved {
display: none;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .favorite.favorited img.loading-fav {
display: none;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .favorite.favorited img.not-faved {
display: none;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .favorite.favorited img.faved {
display: block;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .favorite.loading-fav img.loading-fav {
display: block;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .favorite.loading-fav img.not-faved {
display: none;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .favorite.loading-fav img.faved {
display: none;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .price {
font-family: "Avenir Medium", sans-serif;
z-index: 998;
position: absolute;
bottom: 5px;
left: 5px;
color: white;
text-shadow: 0px 0px 5px #000;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .banner {
z-index: 998;
position: absolute;
top: 10px;
left: 0px;
min-width: 80px;
text-align: center;
font-size: 14px;
line-height: 14px;
padding: 5px;
background: #7997aa;
color: white;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-pagination {
background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
bottom: 0;
height: 40px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet {
box-shadow: 0px 0px 3px #000;
background-color: white;
opacity: 0.7;
height: 5px;
width: 5px;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
height: 8px;
width: 8px;
box-shadow: 0px 0px 4px #000;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-wrapper .swiper-slide img {
width: 100%;
height: 200px;
object-fit: cover;
border: none;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-info-wrapper {
flex-grow: 1;
position: relative;
padding: 10px;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-info-wrapper .cliffs-property {
position: absolute;
top: 5px;
right: 5px;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-info-wrapper .cliffs-property img {
filter: invert(56%) sepia(41%) saturate(229%) hue-rotate(160deg) brightness(95%) contrast(88%);
height: 30px;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-info-wrapper .property-link {
position: absolute;
bottom: 5px;
right: 5px;
background-color: white;
border: 1px solid #7997aa;
padding: 5px;
min-width: 100px;
color: #7997aa;
font-size: 10px;
line-height: 10px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-info-wrapper .property-link:hover {
background: #7997aa;
color: white;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-info-wrapper .property-community {
text-align: left;
display: block;
font-size: 8px;
line-height: 8px;
color: #eee;
display: flex;
flex-direction: row;
align-content: center;
padding-top: 4px;
padding-bottom: 4px;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-info-wrapper .property-community .fa-map-marker {
padding-right: 5px;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-info-wrapper .property-community .community-name {
font-size: 10px;
line-height: 10px;
align-self: center;
color: #aaa;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-info-wrapper .property-address {
font-family: "Avenir Medium", sans-serif;
text-align: left;
font-weight: 500;
display: block;
font-size: 15px;
line-height: 15px;
color: black;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-info-wrapper .property-grid {
display: flex;
flex-wrap: wrap;
max-width: 75%;
padding-top: 5px;
}
#similar-properties-wrapper:not(.theme-slider) .listings-wrapper .listing .listing-info-wrapper .property-grid .property-grid-block {
flex-basis: 33%;
font-size: 8px;
line-height: 8px;
padding-bottom: 5px;
}
#similar-properties-wrapper:not(.theme-slider) .swiper-container .swiper-pagination {
background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
bottom: 0;
height: 40px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
#similar-properties-wrapper:not(.theme-slider) .swiper-container .swiper-pagination .swiper-pagination-bullet {
box-shadow: 0px 0px 3px #000;
background-color: white;
opacity: 0.7;
height: 5px;
width: 5px;
}
#similar-properties-wrapper:not(.theme-slider) .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
height: 8px;
width: 8px;
box-shadow: 0px 0px 4px #000;
}
#similar-properties-wrapper:not(.theme-slider) .swiper-container .swiper-wrapper .swiper-slide img {
width: 100%;
height: 200px;
object-fit: cover;
border: none;
}
#similar-properties-wrapper .listings-wrapper .favorite {
display: none;
}
#similar-properties-wrapper .listings-wrapper {
padding: 10px;
padding-bottom: 40px;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper {
/* display: grid;
grid-template-columns: repeat(1, 100%);
@media(min-width: 550px) {grid-template-columns: repeat(2, calc((100% - 20px) / 2));}
@media(min-width: 768px) {grid-template-columns: repeat(2, calc((100% - 40px) / 2)); gap: 30px;}
@media(min-width: 1024px) {grid-template-columns: repeat(4, calc((100% - 30px) / 4)); gap: 10px;}
@media(min-width: 1200px) {grid-template-columns: repeat(4, calc((100% - 60px) / 4)); gap: 20px;}
gap: 20px; */
padding-bottom: 10px;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing {
box-shadow: 0px 0px 10px #ccc;
display: flex;
flex-direction: column;
height: auto;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper {
position: relative;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper a {
line-height: 0;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper .favorite {
z-index: 9;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper .favorite img {
height: 15px;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper .favorite img.loading-fav {
display: none;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper .favorite img.not-faved {
display: block;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper .favorite img.faved {
display: none;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper .favorite.favorited img.loading-fav {
display: none;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper .favorite.favorited img.not-faved {
display: none;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper .favorite.favorited img.faved {
display: block;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper .favorite.loading-fav img.loading-fav {
display: block;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper .favorite.loading-fav img.not-faved {
display: none;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper .favorite.loading-fav img.faved {
display: none;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper .price {
font-family: "Avenir Medium", sans-serif;
z-index: 9;
position: absolute;
bottom: 5px;
left: 5px;
color: white;
text-shadow: 0px 0px 5px #000;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper .banner {
z-index: 9;
position: absolute;
top: 10px;
left: 0px;
min-width: 80px;
text-align: center;
font-size: 14px;
line-height: 14px;
padding: 5px;
background: #7997aa;
color: white;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-images-wrapper .image_wraper img {
width: 100%;
height: 200px;
object-fit: cover;
border: none;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-info-wrapper {
flex-grow: 1;
position: relative;
padding: 10px;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-info-wrapper .is-cliffs-properties {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 12px;
gap: 10px;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-info-wrapper .is-cliffs-properties .cliffs-property-title {
font-weight: bold;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-info-wrapper .is-cliffs-properties .cliffs-property {
display: flex;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-info-wrapper .cliffs-property img {
filter: invert(56%) sepia(41%) saturate(229%) hue-rotate(160deg) brightness(95%) contrast(88%);
height: 30px;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-info-wrapper .property-link {
position: absolute;
bottom: 5px;
right: 5px;
background-color: white;
border: 1px solid #7997aa;
padding: 5px;
min-width: 100px;
color: #7997aa;
font-size: 10px;
line-height: 10px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-info-wrapper .property-link:hover {
background: #7997aa;
color: white;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-info-wrapper .property-community {
text-align: left;
display: block;
font-size: 8px;
line-height: 8px;
color: #eee;
display: flex;
flex-direction: row;
align-content: center;
padding-top: 4px;
padding-bottom: 4px;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-info-wrapper .property-community .fa-map-marker {
padding-right: 5px;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-info-wrapper .property-community .community-name {
font-size: 10px;
line-height: 10px;
align-self: center;
color: #aaa;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-info-wrapper .property-address {
font-family: "Avenir Medium", sans-serif;
text-align: left;
font-weight: 500;
display: block;
font-size: 15px;
line-height: 15px;
color: black;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-info-wrapper .property-grid {
display: flex;
flex-wrap: wrap;
max-width: 75%;
padding-top: 5px;
}
#similar-properties-wrapper .listings-wrapper .swiper-wrapper .listing .listing-info-wrapper .property-grid .property-grid-block {
flex-basis: 33%;
font-size: 8px;
line-height: 8px;
padding-bottom: 5px;
}
#similar-properties-wrapper .centered > .swiper-wrapper {
justify-content: center;
}
body.single-cliffs_listing #property-detail-gallery-popup {
margin: auto auto;
}
body.single-cliffs_listing #property-detail-gallery-popup .popup-gallery-close {
background: url(/wp-content/themes/hello-theme-child-master/assets/images/white-close.svg);
background-size: cover;
width: 18px;
height: 18px;
right: 5%;
top: 25%;
}
@media (min-width: 370) {
body.single-cliffs_listing #property-detail-gallery-popup .popup-gallery-close {
top: 20%;
}
}
body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper {
max-height: 55vw;
}
body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-prev {
background: linear-gradient(90deg, rgba(17, 31, 45, 0.8) 0%, rgba(17, 31, 45, 0.3) 50%, rgba(23, 31, 45, 0.025) 100%);
left: 0;
}
body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-next {
background: linear-gradient(270deg, rgba(17, 31, 45, 0.8) 0%, rgba(17, 31, 45, 0.3) 50%, rgba(23, 31, 45, 0.025) 100%);
right: 0;
}
body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-prev, body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-next {
height: 100%;
width: 30px;
top: 0;
margin: 0;
}
body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-prev::after, body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-next::after {
filter: brightness(0) invert(1);
font-size: 20px;
}
@media (min-width: 768px) {
body.single-cliffs_listing #property-detail-gallery-popup .popup-gallery-close {
width: 20px;
height: 20px;
top: 8%;
}
body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-prev, body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-next {
width: 70px;
}
body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-prev::after, body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-next::after {
font-size: 30px;
}
body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-prev::after {
margin-right: 30px;
}
body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-next::after {
margin-left: 30px;
}
}
@media (min-width: 1024px) {
body.single-cliffs_listing #property-detail-gallery-popup .popup-gallery-close {
width: 24px;
height: 24px;
top: 3%;
}
body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-prev, body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-next {
width: 100px;
}
body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-prev::after, body.single-cliffs_listing #property-detail-gallery-popup .gallery-popup-swiper .swiper-button-next::after {
font-size: 40px;
}
}
body.single-cliffs_listing .swiper-pagination-tdg-custom {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
width: 100%;
overflow: hidden;
font-size: 0;
}
body.single-cliffs_listing .swiper-pagination-tdg-custom .swiper-bullet-custom {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: 0.2;
background-color: #171f2d;
position: relative;
transition: 0.2s transform, 0.2s left;
margin: 5px;
}
body.single-cliffs_listing .swiper-pagination-tdg-custom .swiper-bullet-custom.swiper-pagination-bullet-active {
opacity: 1;
}
body.single-cliffs_listing .mapboxgl-popup .popup-close {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: 10px;
right: 0px;
background-color: #7997aa;
color: white;
height: 25px;
width: 25px;
z-index: 10;
cursor: pointer;
transition: all 0.5s ease;
}
body.single-cliffs_listing .mapboxgl-popup .popup-close:hover {
color: #7997aa;
background-color: white;
}
body.single-cliffs_listing .mapboxgl-popup .popup-close:hover span.fa {
color: #7997aa;
}
body.single-cliffs_listing .mapboxgl-popup .popup-close span.fa {
color: white;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content {
padding: 0px;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
display: none !important;
font-size: 20px;
line-height: 10px;
padding: 0px;
padding: 5px;
width: 25px;
height: 25px;
border: 1px solid red;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button:focus {
outline: none;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper {
max-width: 270px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popup-image-wrapper {
position: relative;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popup-image-wrapper img {
max-height: 150px;
width: 100%;
object-fit: cover;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popup-image-wrapper .popup-price {
font-family: "Avenir";
font-size: 16px;
position: absolute;
bottom: 10px;
left: 10px;
color: white;
font-weight: bold;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details {
flex-grow: 1;
position: relative;
padding: 10px;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .cliffs-property img {
filter: invert(56%) sepia(41%) saturate(229%) hue-rotate(160deg) brightness(95%) contrast(88%);
height: 30px;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .property-link {
position: absolute;
bottom: 5px;
right: 5px;
background-color: white;
border: 1px solid #7997aa;
padding: 5px;
min-width: 100px;
color: #7997aa;
font-size: 10px;
line-height: 10px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
outline: none;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .property-link:hover {
background: #7997aa;
color: white;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .property-community {
text-align: left;
display: block;
font-size: 8px;
line-height: 8px;
color: #eee;
display: flex;
flex-direction: row;
align-content: center;
padding-top: 4px;
padding-bottom: 4px;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .property-community .fa-map-marker-alt {
padding-right: 5px;
color: #646464;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .property-community .community-name {
font-size: 10px;
line-height: 10px;
align-self: center;
color: #aaa;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .popup-address {
font-family: "Avenir Medium", sans-serif;
text-align: left;
font-weight: 500;
display: block;
font-size: 15px;
line-height: 15px;
color: black;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .property-grid {
display: flex;
flex-wrap: wrap;
max-width: 75%;
padding-top: 5px;
}
body.single-cliffs_listing .mapboxgl-popup .mapboxgl-popup-content .popup-wrapper .popuplisting-details .property-grid .property-grid-block {
flex-basis: 33%;
font-size: 8px;
line-height: 8px;
padding-bottom: 5px;
}
body.single-cliffs_listing .marker {
cursor: pointer !important;
}
body.single-cliffs_listing .marker:hover, body.single-cliffs_listing .marker.fake-hover {
z-index: 10;
}
body.single-cliffs_listing .marker:hover .marker-price, body.single-cliffs_listing .marker.fake-hover .marker-price {
background: #333;
color: white;
display: block;
}
body.single-cliffs_listing .marker:hover .marker-price-tip, body.single-cliffs_listing .marker.fake-hover .marker-price-tip {
background: #333;
color: white;
display: block;
}
body.single-cliffs_listing .marker:hover .marker-point, body.single-cliffs_listing .marker.fake-hover .marker-point {
background: white;
}
body.single-cliffs_listing .marker .marker-price-tip {
display: none;
background: white;
position: absolute;
height: 15px;
width: 15px;
top: 12px;
transform: translateX(calc(-50% + 5px)) rotate(45deg);
}
body.single-cliffs_listing .marker .marker-price {
background: white;
color: black;
display: block;
display: none;
position: absolute;
top: 15px;
transform: translateX(calc(-50% + 5px));
padding: 6px;
font-size: 14px;
line-height: 13px;
}
body.single-cliffs_listing .marker.show-price .marker-price {
display: block;
}
body.single-cliffs_listing .marker.show-price .marker-price-tip {
display: block;
}
body.single-cliffs_listing .marker .marker-point {
background: #7997aa;
height: 10px;
width: 10px;
border-radius: 50%;
border: 1px solid black;
display: block;
}
body.single-cliffs_listing .mapboxgl-markerx {
background: #7997aa;
height: 10px;
width: 10px;
border-radius: 50%;
border: 1px solid black;
}
body.single-cliffs_listing .mapboxgl-markerx svg {
display: none;
}
body.single-cliffs_listing .mapboxgl-popup .property-link {
display: none;
}
body.single-cliffs_listing .mapboxgl-popup .property-grid {
display: flex;
flex-wrap: wrap;
max-width: 100% !important;
padding-top: 5px;
}
body.single-cliffs_listing .mapboxgl-popup .property-grid .property-grid-block {
flex: 1 auto !important;
font-size: 9px;
line-height: 9px;
padding-bottom: 5px;
margin-right: 8px;
}
body.single-cliffs_listing #property-detail {
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
max-width: 1290px;
margin-left: auto;
margin-right: auto;
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper {
flex-basis: 100%;
}
@media (min-width: 768px) {
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper {
margin-bottom: 40px;
}
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper #popup-gallery-images {
display: none;
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper .property-images-wrapper {
max-height: calc(100vh - 140px);
display: flex;
margin: 0 auto;
max-width: 1290px;
border: none !important;
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper .property-images-wrapper .swiper-container .swiper-wrapper .swiper-slide {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper .property-images-wrapper .swiper-container .swiper-wrapper .swiper-slide-active {
cursor: pointer;
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper .property-images-wrapper .swiper-container.swiper-container-vertical {
display: none;
}
@media (min-width: 768px) {
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper .property-images-wrapper .swiper-container.swiper-container-vertical {
display: block;
}
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper .property-images-wrapper .swiper-container.swiper-container-vertical .swiper-button-wrapper {
position: absolute;
z-index: 10;
left: 0;
right: 0;
height: 50px;
background: #171f2d;
background: linear-gradient(180deg, #111f2d 10%, rgba(23, 31, 45, 0) 80%);
top: 0;
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper .property-images-wrapper .swiper-container.swiper-container-vertical .swiper-button-wrapper.inverse {
top: auto;
bottom: 0;
background: linear-gradient(0deg, #111f2d 10%, rgba(23, 31, 45, 0) 80%);
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper .property-images-wrapper .swiper-container.swiper-container-vertical .swiper-button-wrapper .swiper-button-next {
transform: rotate(90deg);
background-image: url("../images/icon-arrow-down.svg");
margin: 0 auto;
left: 50%;
transform: translateX(-50%) rotate(90deg);
right: auto;
height: 36px;
width: 15px;
position: absolute;
bottom: auto;
top: 0;
background-size: 100% 100%;
margin-top: 10px;
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper .property-images-wrapper .swiper-container.swiper-container-vertical .swiper-button-wrapper .swiper-button-next::after {
font-size: 32px;
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper .property-images-wrapper .swiper-container.swiper-container-vertical .swiper-button-wrapper .swiper-button-prev {
margin: 0 auto;
left: 50%;
transform: translateX(-50%) rotate(90deg);
background-image: url("../images/icon-arrow-up.svg");
right: auto;
height: 36px;
width: 15px;
position: absolute;
bottom: auto;
top: 0;
background-size: 100% 100%;
margin-top: 5px;
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper .property-images-wrapper .swiper-container.swiper-container-vertical .swiper-button-wrapper .swiper-button-prev::after {
font-size: 32px;
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper .property-images-wrapper .property-gallery-new {
flex-basis: 100%;
max-height: calc(100vh - 140px);
height: calc(width * .75);
flex-grow: 1;
flex-shrink: 1;
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper .property-images-wrapper .property-gallery-thumbs-new {
flex-basis: 200px;
flex-grow: 0;
flex-shrink: 0;
max-height: calc(100vh - 140px);
margin-left: 5px;
cursor: pointer;
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper #main-bullets {
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
position: relative;
}
@media (max-width: 768px) {
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper #main-bullets {
display: inline-block;
}
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper #main-bullets .swiper-pagination-tdg-custom {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
width: 100%;
overflow: hidden;
font-size: 0;
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper #main-bullets .swiper-pagination-tdg-custom .swiper-bullet-custom {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: 0.2;
background-color: #171f2d;
position: relative;
transition: 0.2s transform, 0.2s left;
margin: 5px;
}
body.single-cliffs_listing #property-detail .property-detail-page-image-swiper-wrapper #main-bullets .swiper-pagination-tdg-custom .swiper-bullet-custom.swiper-pagination-bullet-active {
opacity: 1;
}
@media (min-width: 769px) {
body.single-cliffs_listing #main-bullets {
display: none;
}
}
@media (max-width: 768px) {
body.single-cliffs_listing .property-detail-page-wrapper .property-images-wrapper .property-gallery-thumbs-new {
display: none;
}
}
@media (min-width: 1441px) {
body.single-cliffs_listing .property-detail-page-wrapper .property-images-wrapper .property-gallery-thumbs-new {
flex-basis: 200px;
}
}
#property-detail .col-6 {
flex: 0 0 50%;
max-width: 50%;
}
#property-detail .col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
#property-detail #property-details {
max-width: 1290px;
margin: 0 auto;
display: flex;
flex-direction: column;
}
#property-detail #property-details .property-mls-data ul {
padding-left: 0;
}
#property-detail #property-details #property-left-col {
flex-basis: calc(((100% / 3) * 2) - 30px);
}
#property-detail #property-details #property-left-col .property-info-and-price {
padding-bottom: 25px;
flex-wrap: nowrap;
display: flex;
}
#property-detail #property-details #property-left-col .property-info-and-price .property-info {
display: flex;
flex-direction: column;
flex: 1 1 50%;
}
#property-detail #property-details #property-left-col .property-info-and-price .property-info .address-text {
color: black;
font-weight: bold;
line-height: 24px;
}
#property-detail #property-details #property-left-col .property-info-and-price .property-info .community-text {
font-size: 12px;
line-height: 24px;
display: flex;
flex-direction: row;
align-items: center;
white-space: nowrap;
}
#property-detail #property-details #property-left-col .property-info-and-price .property-info .community-text .fas {
font-size: 12px;
padding-right: 7px;
}
#property-detail #property-details #property-left-col .property-info-and-price .property-price {
flex: 1 1 50%;
color: #7b98ac;
margin-left: auto;
margin-right: 15px;
font-size: 24px;
line-height: 24px;
}
@media (max-width: 820px) {
#property-detail #property-details #property-left-col .property-info-and-price .property-price {
margin-right: 0;
}
}
@media (max-width: 400px) {
#property-detail #property-details #property-left-col .property-info-and-price .property-price {
font-size: 20px;
}
}
#property-detail #property-details #property-left-col .property-info-box {
padding: 15px 0;
width: 100%;
background: #f7f7f7;
margin-bottom: 30px;
}
#property-detail #property-details #property-left-col .property-info-box .info-box {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
#property-detail #property-details #property-left-col .property-info-box .info-box .info-box-item {
padding: 0 4px;
text-align: center;
flex: 1 1 33.33%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#property-detail #property-details #property-left-col .property-info-box .info-box .info-box-item .light-grey {
color: #9d9d9d;
}
#property-detail #property-details #property-left-col .property-info-box .info-box .info-box-item:nth-last-of-type(n+3) {
margin-bottom: 20px;
}
#property-detail #property-details #property-left-col .membership-and-buttons {
margin: 0 auto 40px;
display: flex;
flex-direction: column;
}
#property-detail #property-details #property-left-col .membership-and-buttons .has-membership {
display: flex;
flex-direction: row;
align-items: center;
flex: 1 0 100%;
min-width: 0;
margin: 20px 10px 0;
border: 1px solid #7b98ac;
white-space: nowrap;
}
#property-detail #property-details #property-left-col .membership-and-buttons .has-membership .img-wrapper {
display: flex;
align-items: center;
justify-content: center;
background-color: #7b98ac;
padding: 5px 10px;
}
#property-detail #property-details #property-left-col .membership-and-buttons .has-membership .img-wrapper img {
max-width: 30px;
height: auto;
}
#property-detail #property-details #property-left-col .membership-and-buttons .has-membership .membership-text {
color: #7b98ac;
margin: 0 auto;
font-size: 17px;
padding: 5px;
display: flex;
justify-content: center;
align-items: center;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons {
flex: 1 0 100%;
min-width: 0;
display: flex;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx-wrapper {
display: flex;
flex-direction: row;
justify-content: space-evenly;
width: 100%;
/* margin: 0 10px; */
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx {
border: 1px solid rgba(77, 77, 77, 0.6);
font-size: 20px;
display: flex;
flex: 1 0 auto;
flex-direction: row;
padding: 5px;
align-items: center;
justify-content: center;
cursor: pointer;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx:hover {
background-color: #99b7cc;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx:hover span {
color: white;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx img {
height: 30px;
width: 30px;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx.favorite img {
height: 15px;
width: 15px;
margin-right: 7px;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx.favorite:hover img {
filter: brightness(0) invert(1);
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx.favorite.favorited:hover img {
filter: none;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx span {
font-size: 16px;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx.share-btnx img.share-grey {
display: block;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx.share-btnx img.share-white {
display: none;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx.share-btnx:hover img.share-grey {
display: none;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx.share-btnx:hover img.share-white {
display: block;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx.print-btnx img.print-grey {
display: block;
filter: brightness(0.7);
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx.print-btnx img.print-white {
display: none;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx.print-btnx:hover img.print-grey {
display: none;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx.print-btnx:hover img.print-white {
display: block;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx#favorite-btn {
position: relative;
bottom: 0;
right: 0;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx#favorite-btn:hover img {
filter: brightness(0) invert(1);
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx#favorite-btn img.not-faved {
display: block;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx#favorite-btn img.not-faved.faved {
filter: invert(33%) sepia(48%) saturate(2518%) hue-rotate(341deg) brightness(78%) contrast(90%);
}
#property-detail #property-details #property-left-col #share-links-wrapper {
display: none;
flex-direction: row;
flex: 0 0 100%;
min-width: 0;
margin-top: -20px;
margin-bottom: 40px;
}
#property-detail #property-details #property-left-col #share-links-wrapper.share-links-active {
display: flex;
}
#property-detail #property-details #property-left-col #share-links-wrapper .share-link-btn {
border: 1px solid rgba(77, 77, 77, 0.6);
font-size: 20px;
display: flex;
flex: 1 1 auto;
flex-direction: row;
padding: 5px;
align-items: center;
justify-content: center;
cursor: pointer;
margin-right: 10px;
}
#property-detail #property-details #property-left-col #share-links-wrapper .share-link-btn:last-of-type {
margin-right: 0;
}
#property-detail #property-details #property-left-col #share-links-wrapper .share-link-btn span {
font-size: 14px;
}
#property-detail #property-details #property-left-col #share-links-wrapper .share-link-btn:hover {
background-color: #99b7cc;
}
#property-detail #property-details #property-left-col #share-links-wrapper .share-link-btn:hover span {
color: white;
}
#property-detail #property-details #property-left-col #share-links-wrapper .share-link-btn img {
padding-right: 7px;
flex: 0 0 24px;
min-width: 0;
}
#property-detail #property-details #property-left-col #share-links-wrapper .share-link-btn img.share-link-grey {
display: block;
}
#property-detail #property-details #property-left-col #share-links-wrapper .share-link-btn img.share-link-white {
display: none;
}
#property-detail #property-details #property-left-col #share-links-wrapper .share-link-btn:hover .share-link-grey {
display: none;
}
#property-detail #property-details #property-left-col #share-links-wrapper .share-link-btn:hover .share-link-white {
display: block;
}
@media (min-width: 768px) {
#property-detail #property-details #property-left-col #share-links-wrapper {
margin-top: -60px;
margin-bottom: 40px;
}
#property-detail #property-details #property-left-col #share-links-wrapper .share-link-btn img {
flex: 0 0 30px;
}
#property-detail #property-details #property-left-col #share-links-wrapper .share-link-btn span {
font-size: 16px;
}
}
#property-detail #property-details #property-left-col .property-description {
padding: 0 10px;
}
#property-detail #property-details #property-left-col .property-description h3 {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid black;
}
#property-detail #property-details #property-left-col .property-description #show-more {
position: relative;
bottom: 100px;
left: 0;
width: 100%;
text-align: center;
margin: 0;
padding: 50px 0 0 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, white 100%);
}
#property-detail #property-details #property-left-col .property-description #show-more .show-more-fade {
font-family: "Avenir Medium", sans-serif;
font-size: 19px;
display: block;
width: 100%;
margin-top: 22px;
color: #7a97ab;
background-color: white;
}
#property-detail #property-details #property-left-col .content-tabs {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-evenly;
margin-bottom: 60px;
}
#property-detail #property-details #property-left-col .content-tabs .item .btn {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #7b98ac;
border: 1px solid #7b98ac;
text-transform: uppercase;
letter-spacing: 2px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size: 16px;
color: #ffffff;
cursor: pointer;
line-height: inherit;
display: flex;
justify-content: center;
max-width: 100%;
width: 180px;
}
#property-detail #property-details #property-left-col .content-tabs .item .btn:hover {
background-color: #ffffff;
color: #7a97ab;
}
#property-detail #property-details #property-left-col .content-tabs #property-tabbed-content {
display: flex;
flex-direction: row;
justify-content: space-evenly;
margin-bottom: 60px;
}
#property-detail #property-details #property-left-col .content-tabs #property-tabbed-content #property-tabs .property-tab {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #7b98ac;
border: 1px solid #7b98ac;
text-transform: uppercase;
letter-spacing: 2px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size: 16px;
color: #ffffff;
cursor: pointer;
line-height: inherit;
display: flex;
justify-content: center;
max-width: 100%;
width: 180px;
}
#property-detail #property-details #property-left-col .content-tabs #property-tabbed-content #property-tabs .property-tab:hover {
background-color: #ffffff;
color: #7a97ab;
}
#property-detail #property-details #property-right-col {
flex-basis: calc((100% / 3) * 1);
}
#property-detail #property-details #property-right-col .singprop-sidebar {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-shadow: 1px 1px 10px #cecece;
}
#property-detail #property-details #property-right-col .singprop-sidebar .agent-contact-wrapper {
width: 100%;
display: flex;
flex-direction: column;
padding: 40px;
}
#property-detail #property-details #property-right-col .singprop-sidebar .agent-contact-wrapper .agent-contact {
text-align: center;
}
#property-detail #property-details #property-right-col .singprop-sidebar .agent-contact-wrapper .spr-contact-form {
margin-top: 20px;
}
#property-detail #property-details #property-right-col .singprop-sidebar .agent-contact-wrapper .spr-contact-form .hs-form-field > label {
display: none;
}
#property-detail #property-details #property-right-col .singprop-sidebar .agent-contact-wrapper .spr-contact-form .hs-form-field > .hs-error-msgs {
display: none;
}
#property-detail #property-details #property-right-col .singprop-sidebar .agent-contact-wrapper .spr-contact-form .hs-error-msgs {
list-style: none;
padding-left: 21px;
}
#property-detail #property-details #property-right-col .singprop-sidebar .agent-contact-wrapper .spr-contact-form input, #property-detail #property-details #property-right-col .singprop-sidebar .agent-contact-wrapper .spr-contact-form select {
border-radius: 0;
border: 1px solid #ececec;
margin-bottom: 20px;
padding: 7px 15px;
background-color: #fcfcfc;
}
#property-detail #property-details #property-right-col .singprop-sidebar .agent-contact-wrapper .spr-contact-form input[type="submit"] {
--button-background: var(--e-global-color-primary);
--button-hover-background: #637685;
--button-border-color: var(--e-global-color-primary);
--button-hover-border-color: #637685;
--button-color: #fff;
--button-hover-color: #fff;
margin-top: 10px;
display: inline-flex;
justify-content: center;
padding: 13px 15px 7px 15px;
transition: 0.4s;
text-decoration: none;
text-align: center;
text-transform: uppercase;
line-height: normal;
min-width: 226px;
--button-border-width: 2px;
border: var(--button-border-width) solid var(--button-border-color);
background: var(--button-background);
color: var(--button-color);
outline: none;
}
#property-detail #property-details #property-right-col .singprop-sidebar .agent-contact-wrapper .spr-contact-form input[type="submit"]:hover {
line-height: normal;
border: var(--button-border-width) solid var(--button-hover-border-color);
background: var(--button-hover-background);
color: var(--button-hover-color);
}
#property-detail #property-similar-listings {
max-width: 1290px;
margin: 0 auto;
}
#property-detail #property-similar-listings .similar-properties-wrap .similar-properties button.slick-arrow {
background-color: transparent;
border: none;
padding: 5%;
}
@media (min-width: 768px) {
#property-detail #property-details {
flex-direction: row;
padding-left: 15px;
padding-right: 30px;
}
#property-detail #property-details #property-left-col {
margin-right: 30px;
}
#property-detail #property-details #property-left-col .property-info-box {
padding: 10px;
}
#property-detail #property-details #property-left-col .property-info-box .info-box .info-box-item .light-grey {
font-size: 14px;
}
#property-detail #property-details #property-left-col .property-info-box .info-box .info-box-item:nth-last-of-type(n+3) {
margin-bottom: 0;
}
#property-detail #property-details #property-left-col .membership-and-buttons {
margin: 0 0 80px;
flex-direction: row;
padding: 0;
}
#property-detail #property-details #property-left-col .membership-and-buttons .has-membership {
flex: 1 1 auto;
margin: 0;
}
#property-detail #property-details #property-left-col .membership-and-buttons .has-membership .membership-text {
margin: 0 auto;
font-size: 16px;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons {
flex: 1 1 auto;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx-wrapper {
justify-content: flex-end;
margin-left: 10px;
margin-right: 0;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx:nth-last-of-type(-n+2) {
margin-left: 10px;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx img {
height: 30px;
width: 30px;
}
#property-detail #property-details #property-left-col .membership-and-buttons #share-print-favorite-buttons .btnx span {
font-size: 14px;
}
#property-detail #property-details #property-left-col .property-description {
padding: 0;
}
#property-detail #property-details #property-left-col .content-tabs {
display: none;
}
}
@media (min-width: 821px) {
#property-detail #property-details {
flex-direction: row;
padding-left: 0;
padding-right: 0;
}
#property-detail #property-details #property-left-col .property-info-box .info-box {
flex-wrap: nowrap;
}
#property-detail #property-details #property-left-col .property-info-box .info-box .info-box-item {
flex: 1 1 100%;
}
}
@media (min-width: 1024px) {
#property-detail #property-details #property-left-col .property-info-box {
padding: 10px 50px;
}
}
#property-detail .builder-program-wrapper {
display: none;
}
#property-detail #content-panels {
justify-content: space-evenly;
margin: 0 auto;
}
#tabs-wrapper {
display: none;
}
@media (min-width: 768px) {
.address-text, .property-price {
font-size: 20px;
line-height: 30px;
}
#tabs-wrapper {
display: block;
padding-bottom: 50px;
padding-left: 10px;
padding-right: 10px;
max-width: 1290px;
margin: 0 auto;
}
#tabs-wrapper #tabs-title {
flex-wrap: nowrap;
display: flex;
}
#tabs-wrapper #tabs-title .tab-title {
display: flex;
flex: 0 1 100%;
justify-content: center;
}
#tabs-wrapper #tabs-title .button {
font-weight: bold;
text-align: center;
background-color: white;
color: var(--e-global-color-secondary);
border-color: var(--e-global-color-secondary);
border-width: 1px;
border-style: solid;
cursor: pointer;
}
#tabs-wrapper #tabs-title .button:hover, #tabs-wrapper #tabs-title .button:active, #tabs-wrapper #tabs-title .button.active {
color: var(--e-global-color-primary);
border-bottom-width: 3.5px;
border-bottom-color: var(--e-global-color-primary);
}
#tabs-wrapper .tab-content {
display: none;
}
#tabs-wrapper .tab-content.active {
display: block;
}
}
#property-similar-listings {
max-width: 1290px;
margin: 0 auto;
padding-bottom: 50px;
padding-left: 10px;
padding-right: 10px;
}
#property-similar-listings .slick-arrow, #property-similar-listings .slick-arrow:hover, #property-similar-listings .slick-arrow:active, #property-similar-listings .slick-arrow:focus {
background-color: transparent;
border: none;
outline: none;
padding: 0 15px 40px;
}
#property-similar-listings .slick-arrow {
padding-top: 0;
position: absolute;
top: 30%;
}
#property-similar-listings .slick-arrow.slick-prev {
left: -30px;
padding-left: 0;
}
#property-similar-listings .slick-arrow.slick-next {
padding-right: 0;
right: -30px;
}
#property-similar-listings .slick-arrow img {
max-width: 50%;
}
@media (max-width: 924px) {
#share-print-favorite-buttons {
margin-top: 20px;
}
}
@media screen and (max-width: 420px) {
.similar-properties-wrap {
display: block !important;
}
}
div.mls-disclaimer {
padding-left: 10px;
padding-right: 10px;
max-width: 1290px;
}
div.description-fade {
max-height: 250px;
overflow: hidden;
}
@media only print {
html {
height: 100% !important;
max-height: 100% !important;
}
header {
position: absolute !important;
height: 100px !important;
}
header .largelogo {
height: 100% !important;
max-width: none !important;
}
header .mobile-header, header .right-section {
display: none !important;
}
#print-picture-wrapper {
display: flex;
margin: 0 auto;
height: 400px;
width: 400px;
}
#print-picture-wrapper .print-picture {
flex: 100%;
}
#property-detail .property-detail-page-image-swiper-wrapper {
display: none !important;
}
#property-detail #main-bullets, #property-detail .content-tabs {
display: none !important;
}
#property-details {
margin-bottom: auto;
padding: 20px 30px 0 !important;
}
#property-details #property-left-col {
flex: 100% !important;
max-width: 100% !important;
}
#property-details #property-left-col .description-fade {
max-height: none !important;
}
#property-details .col-md-4, #property-details .membership-and-buttons, #property-details #show-more {
display: none !important;
}
#tabs-wrapper, #property-similar-listings {
display: none !important;
}
footer {
page-break-before: avoid !important;
page-break-inside: avoid !important;
}
footer .container {
padding: 0 50px !important;
}
footer .row.fsides {
display: none !important;
}
footer .col-12 {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
}
footer .menu-footer-locations-container {
flex: auto !important;
}
footer .blue-footer {
padding: 20px 10px 0 !important;
margin-top: 0 !important;
}
footer .blue-footer .eho-footer {
width: 100% !important;
display: flex !important;
flex-direction: row !important;
padding: 10px 20px !important;
}
footer .blue-footer .eho-footer img {
height: 100%;
flex: 0 1 auto;
margin-right: 10px;
}
footer .blue-footer .eho-footer .eho-disc {
flex: 1 0 auto;
}
footer .menu-tc-footer-container {
display: none !important;
}
}
@media only print and (max-width: 1023px) {
body {
margin-top: 100px;
}
}
@media (min-width: 1151px) {
#results-loader {
z-index: 100;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .price {
z-index: 2;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite {
z-index: 2;
}
#property-search-wrapper #more-button-group #more-search-button:hover {
background: #99b7cc;
}
#property-search-wrapper #more-button-group #more-reset-button:hover {
background: #99b7cc;
color: white;
}
#property-search-wrapper {
margin-top: 0px;
height: calc(100vh - 130px);
}
#property-search-wrapper .filter-group.dropdown-open .filter-group-button {
z-index: 6;
position: relative;
}
#property-search-wrapper .filter-group .filter-group-dropdown {
z-index: 5;
}
#property-search-wrapper #property-search-form-wrapper {
z-index: 5;
padding: 20px 0;
}
#property-search-wrapper #property-search-form-wrapper #filter-group-price .filter-group-fields {
position: relative;
}
#property-search-wrapper #property-search-form-wrapper #filter-group-price .filter-group-fields #price-holders input.holder-filter {
border: 1px solid #ddd;
}
#property-search-wrapper #property-search-form-wrapper #filter-group-price .filter-group-fields #price-holders input.holder-filter:focus {
outline: none;
}
#property-search-wrapper #property-search-form-wrapper #filter-group-price .filter-group-fields #price-holders #price-divider {
flex-basis: 20px;
text-align: center;
}
#property-search-wrapper #property-search-form-wrapper #filter-group-price .filter-group-fields #price-min-max-filter {
background: none;
position: relative;
}
#property-search-wrapper #property-search-form-wrapper #filter-group-price .filter-group-dropdown {
/*border:1px solid $color--brand-gray;
border-bottom:2px solid $color--brand-blue;*/
background: white;
position: absolute;
width: 200px;
margin-top: -1px;
}
#property-search-wrapper #property-search-form-wrapper #filter-group-price.dropdown-open .filter-group-fields #price-holders {
padding: 4px;
}
#property-search-wrapper #property-search-form-wrapper #filter-group-price.dropdown-open .filter-group-fields #price-holders input.holder-filter {
border: 1px solid #ddd;
padding: 4px;
}
#property-search-wrapper #property-search-form-wrapper #filter-group-price.dropdown-open .filter-group-fields #price-holders input.holder-filter:focus {
outline: none;
}
#property-search-wrapper #property-search-form-wrapper #filter-group-price.dropdown-open .filter-group-fields #price-min-max-filter {
border: none;
}
#property-search-wrapper #property-search-form-wrapper #filter-group-more .filter-group-button {
background-color: #7997aa;
}
#property-search-wrapper #property-search-form-wrapper #filter-group-more .filter-group-button .filter-text {
color: white;
}
#property-search-wrapper #property-search-form-wrapper #filter-group-more .filter-group-button:hover {
background-color: #99b7cc;
}
#property-search-wrapper #property-search-form-wrapper #filter-group-more .filter-group-button.open {
background-color: #99b7cc;
}
}
#property-search-wrapper-x {
display: flex;
flex-direction: column;
}
#property-search-wrapper-x .filter-group .filter-group-button {
display: flex;
background: white;
border: 1px solid #646464;
cursor: pointer;
}
#property-search-wrapper-x .filter-group .filter-group-button .filter-text {
flex-grow: 1;
text-transform: uppercase;
text-overflow: ellipsis;
}
#property-search-wrapper-x .filter-group .filter-group-button .ico-dropdown {
flex-basis: 8px;
flex-shrink: 0;
flex-grow: 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url(/wp-content/plugins/tdg-elementor-plugin/assets/img/angle-down-black-light.svg);
}
#property-search-wrapper-x .filter-group.dropdown-open .filter-group-button .ico-dropdown {
transform: rotate(180deg);
}
#property-search-wrapper-x .filter-group.dropdown-open .filter-group-dropdown {
display: block;
}
#property-search-wrapper-x .filter-group.dropdown-min-open .filter-group-button.min-button .ico-dropdown {
transform: rotate(180deg);
}
#property-search-wrapper-x .filter-group.dropdown-min-open .filter-group-dropdown.min-filter {
display: block;
}
#property-search-wrapper-x .filter-group.dropdown-max-open .filter-group-button.max-button .ico-dropdown {
transform: rotate(180deg);
}
#property-search-wrapper-x .filter-group.dropdown-max-open .filter-group-dropdown.max-filter {
display: block;
}
#property-search-wrapper-x .filter-group .filter-group-dropdown {
display: none;
position: absolute;
background: white;
z-index: 9999999;
border: 1px solid #646464;
border-bottom: 2px solid #7997aa;
margin-top: -1px;
}
#property-search-wrapper-x .filter-group .filter-group-dropdown ul.filter-group-list {
list-style: none;
margin-left: 0;
margin-bottom: 0px;
}
#property-search-wrapper-x .filter-group .filter-group-dropdown ul.filter-group-list.select-filter li:hover {
background-color: #D8E3E9;
}
#property-search-wrapper-x .filter-group .filter-group-dropdown ul.filter-group-list.select-filter li.filter-active {
background-color: #7997aa;
}
#property-search-wrapper-x .filter-group .filter-group-dropdown ul.filter-group-list.select-filter li.filter-active label {
color: white;
}
#property-search-wrapper-x .filter-group .filter-group-dropdown ul.filter-group-list.select-filter li.filter-active label .region-small {
color: white;
}
#property-search-wrapper-x .filter-group .filter-group-dropdown ul.filter-group-list.checkbox-filter li.filter-group-option label .checkmark {
border: 1px solid #646464;
display: inline-block;
width: 12px;
height: 12px;
background-color: #eee;
position: relative;
}
#property-search-wrapper-x .filter-group .filter-group-dropdown ul.filter-group-list.checkbox-filter li.filter-group-option label .checkmark:after {
position: absolute;
content: "";
border: solid #7997aa;
border-width: 0 1px 1px 0;
width: 3px;
height: 6px;
top: 1.4px;
left: 3.5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: none;
}
#property-search-wrapper-x .filter-group .filter-group-dropdown ul.filter-group-list.checkbox-filter li.filter-active label .checkmark:after {
display: block;
}
#property-search-wrapper-x .filter-group .filter-group-dropdown ul.filter-group-list li.filter-group-option input {
display: none;
}
#property-search-wrapper-x .filter-group .filter-group-dropdown ul.filter-group-list li.filter-group-option label {
display: block;
margin-bottom: 0px;
cursor: pointer;
}
#property-search-wrapper-x .filter-group .filter-group-dropdown ul.filter-group-list li.filter-group-option label .region-small {
display: block;
color: #646464;
}
#property-search-wrapper-x .filter-group .filter-group-dropdown ul.filter-group-list li.filter-group-option:last-child label {
margin-bottom: 0px;
}
@media (min-width: 115199999px) {
#property-search-wrapper {
display: flex;
flex-direction: column;
height: 100vh;
overflow: hidden;
}
#property-search-wrapper .filter-group#filter-group-sort-by {
flex-basis: 200px;
width: 200px;
}
#property-search-wrapper .filter-group#filter-group-sort-by .filter-group-dropdown {
width: 200px;
}
#property-search-wrapper .filter-group .filter-group-button {
display: flex;
background: white;
border: 1px solid #646464;
cursor: pointer;
}
#property-search-wrapper .filter-group .filter-group-button .filter-text {
flex-grow: 1;
padding-left: 11px;
padding-top: 11px;
padding-bottom: 11px;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
text-overflow: ellipsis;
}
#property-search-wrapper .filter-group .filter-group-button .ico-dropdown {
flex-basis: 8px;
margin-left: 11px;
margin-right: 11px;
flex-shrink: 0;
flex-grow: 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url(/wp-content/plugins/tdg-elementor-plugin/assets/img/angle-down-black-light.svg);
}
#property-search-wrapper .filter-group.dropdown-open .filter-group-button .ico-dropdown {
transform: rotate(180deg);
}
#property-search-wrapper .filter-group.dropdown-open .filter-group-dropdown {
display: block;
}
#property-search-wrapper .filter-group.dropdown-min-open .filter-group-button.min-button .ico-dropdown {
transform: rotate(180deg);
}
#property-search-wrapper .filter-group.dropdown-min-open .filter-group-dropdown.min-filter {
display: block;
}
#property-search-wrapper .filter-group.dropdown-max-open .filter-group-button.max-button .ico-dropdown {
transform: rotate(180deg);
}
#property-search-wrapper .filter-group.dropdown-max-open .filter-group-dropdown.max-filter {
display: block;
}
#property-search-wrapper .filter-group .filter-group-dropdown {
display: none;
position: absolute;
background: white;
z-index: 9999999;
border: 1px solid #646464;
border-bottom: 2px solid #7997aa;
border-top: 0px;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list {
list-style: none;
margin-left: 0;
margin-bottom: 0px;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.select-filter li:hover {
background-color: #D8E3E9;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.select-filter li.filter-active {
background-color: #7997aa;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.select-filter li.filter-active label {
color: white;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.select-filter li.filter-active label .region-small {
color: white;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.checkbox-filter li.filter-group-option label .checkmark {
border: 1px solid #646464;
display: inline-block;
width: 12px;
height: 12px;
background-color: #eee;
/*position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;*/
position: relative;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.checkbox-filter li.filter-group-option label .checkmark:after {
position: absolute;
content: "";
border: solid #7997aa;
border-width: 0 1px 1px 0;
width: 3px;
height: 6px;
top: 1.4px;
left: 3.5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: none;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list.checkbox-filter li.filter-active label .checkmark:after {
display: block;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list li.filter-group-option input {
display: none;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list li.filter-group-option label {
padding: 8px;
display: block;
font-size: 12px;
line-height: 12px;
margin-bottom: 0px;
cursor: pointer;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list li.filter-group-option label .region-small {
display: block;
font-size: 10px;
line-height: 10px;
color: #646464;
}
#property-search-wrapper .filter-group .filter-group-dropdown ul.filter-group-list li.filter-group-option:last-child label {
margin-bottom: 0px;
}
#property-search-wrapper #filter-group-mobile-filter-bar {
display: none;
}
#property-search-wrapper #property-search-form-wrapper {
background-image: url(https://cliffsliving.com/wp-content/themes/hello-theme-child-master/assets/images/grey-waves.png);
background-color: #eee;
padding-top: 85px;
z-index: 99999;
}
#property-search-wrapper #property-search-form-wrapper #form #property-search-form {
position: fixed;
bottom: 0;
left: 0;
z-index: 99999;
display: none;
}
#property-search-wrapper #property-search-form-wrapper #property-search-wrapper {
border: 1px solid red;
}
#property-search-wrapper #property-search-form-wrapper #property-search-wrapper #property-search-form-wrapper {
border: 1px solid red;
}
#property-search-wrapper #property-search-form-wrapper * {
display: none;
}
#property-search-wrapper #property-search-results-wrapper {
z-index: 9999;
position: relative;
flex-basis: 100%;
display: flex;
flex-direction: row;
overflow: hidden;
}
#property-search-wrapper #property-search-results-wrapper #no-search-results-text {
display: none;
}
#property-search-wrapper #property-search-results-wrapper #no-search-results {
padding: 10px;
}
#property-search-wrapper #property-search-results-wrapper #more-filters-overlay {
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
z-index: 999;
}
#property-search-wrapper #property-search-results-wrapper #more-filters-overlay.open {
display: block;
}
#property-search-wrapper #property-search-results-wrapper #results-loader {
background: white;
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
display: none;
justify-content: center;
align-items: center;
transition: display 0.3s;
}
#property-search-wrapper #property-search-results-wrapper #results-loader.open {
display: flex;
}
#property-search-wrapper #property-search-results-wrapper #results-map-wrapper {
flex-basis: 0%;
}
#property-search-wrapper #property-search-results-wrapper #results-map-wrapper #results-map {
width: 100%;
height: 100%;
}
#property-search-wrapper #property-search-results-wrapper #results-map-wrapper #results-map canvas:focus {
outline: none;
box-shadow: none;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper {
flex-basis: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
min-height: 0px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions {
display: flex;
flex-grow: 0;
flex-shrink: 0;
padding-top: 10px;
padding-bottom: 10px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions #search-action-sort {
flex-basis: 50%;
display: flex;
flex-direction: row;
align-items: center;
padding-left: 10px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions #search-action-sort .sort-by-label {
border: 1px solid red;
font-size: 10px;
line-height: 10px;
display: none;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions #search-action-view {
flex-basis: 50%;
display: flex;
justify-content: flex-end;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions #search-action-view button:focus {
outline: 0;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions #search-action-view .view-button {
padding: 0;
padding: 7px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions #search-action-view .view-button.active {
background: white;
color: #7997aa;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions #search-action-view .view-button.active .view-icon {
filter: invert(56%) sepia(41%) saturate(229%) hue-rotate(160deg) brightness(95%) contrast(88%);
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions #search-action-view .view-button.active .view-button-label {
color: #7997aa;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions #search-action-view .show-grid-trigger {
margin-right: 10px;
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
font-size: 10px;
line-height: 10px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions #search-action-view .show-grid-trigger .grid-icon {
background-image: url(https://cliffsliving.com/wp-content/themes/hello-theme-child-master/assets/images/grid-white.svg);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
height: 15px;
width: 15px;
display: inline-block;
margin-right: 7px;
}
.active #property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions #search-action-view .show-grid-trigger .grid-icon {
background: red;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions #search-action-view .show-grid-trigger .grid-label {
font-size: 10px;
line-height: 10px;
align-self: center;
color: white;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions #search-action-view .show-map-trigger {
margin-right: 10px;
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
font-size: 10px;
line-height: 10px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions #search-action-view .show-map-trigger .map-icon {
background-image: url(https://cliffsliving.com/wp-content/themes/hello-theme-child-master/assets/images/location-icon-white.svg);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
height: 15px;
width: 15px;
display: inline-block;
padding-right: 15px;
margin-right: 7px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-actions #search-action-view .show-map-trigger .view-button-label {
font-size: 10px;
line-height: 10px;
align-self: center;
color: white;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid {
overflow: hidden;
overflow-y: scroll;
height: 100%;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper {
display: flex;
padding-top: 10px;
flex-direction: row;
flex-wrap: wrap;
padding-left: 20px;
padding-right: 20px;
justify-content: space-between;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing {
flex-basis: calc(25% - 20px);
width: calc(25% - 20px);
margin-bottom: 20px;
box-shadow: 0px 0px 10px #ccc;
display: flex;
flex-direction: column;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper {
position: relative;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite {
z-index: 998;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite img {
height: 15px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite img.loading-fav {
display: none;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite img.not-faved {
display: block;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite img.faved {
display: none;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite.favorited img.loading-fav {
display: none;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite.favorited img.not-faved {
display: none;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite.favorited img.faved {
display: block;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite.loading-fav img.loading-fav {
display: block;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite.loading-fav img.not-faved {
display: none;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .favorite.loading-fav img.faved {
display: none;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .price {
font-family: "Avenir Medium", sans-serif;
z-index: 998;
position: absolute;
bottom: 5px;
left: 5px;
color: white;
text-shadow: 0px 0px 5px #000;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .banner {
z-index: 998;
position: absolute;
top: 10px;
left: 0px;
min-width: 80px;
text-align: center;
font-size: 14px;
line-height: 14px;
padding: 5px;
background: #7997aa;
color: white;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-pagination {
background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
bottom: 0;
height: 40px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet {
box-shadow: 0px 0px 3px #000;
background-color: white;
opacity: 0.7;
height: 5px;
width: 5px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
height: 8px;
width: 8px;
box-shadow: 0px 0px 4px #000;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-images-wrapper .swiper-container .swiper-wrapper .swiper-slide img {
width: 100%;
height: 200px;
object-fit: cover;
border: none;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper {
flex-grow: 1;
position: relative;
padding: 10px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .cliffs-property img {
filter: invert(56%) sepia(41%) saturate(229%) hue-rotate(160deg) brightness(95%) contrast(88%);
height: 30px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-link {
position: absolute;
bottom: 5px;
right: 5px;
background-color: white;
border: 1px solid #7997aa;
padding: 5px;
min-width: 100px;
color: #7997aa;
font-size: 10px;
line-height: 10px;
text-transform: uppercase;
text-align: center;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-link:hover {
background: #7997aa;
color: white;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-community {
text-align: left;
display: block;
font-size: 8px;
line-height: 8px;
color: #eee;
display: flex;
flex-direction: row;
align-content: center;
padding-top: 4px;
padding-bottom: 4px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-community .fa-map-marker-alt {
padding-right: 5px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-community .community-name {
font-size: 10px;
line-height: 10px;
align-self: center;
color: #aaa;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-address {
font-family: "Avenir Medium", sans-serif;
text-align: left;
font-weight: 500;
display: block;
font-size: 15px;
line-height: 15px;
color: black;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-grid {
display: flex;
flex-wrap: wrap;
max-width: 75%;
padding-top: 5px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing .listing-info-wrapper .property-grid .property-grid-block {
flex-basis: 33%;
font-size: 8px;
line-height: 8px;
padding-bottom: 5px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-pagination {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-pagination ul.results-pagination {
display: flex;
padding: 0px;
margin: 0px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-pagination ul.results-pagination li {
list-style: none;
padding: 0;
margin: 0;
flex-grow: 1;
display: flex;
position: static;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-pagination ul.results-pagination li a {
padding: 0px;
margin: 0px;
padding: 7px;
font-size: 14px;
line-height: 14px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-pagination ul.results-pagination li.pagination-page a {
color: black;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-pagination ul.results-pagination li.pagination-page a:hover {
background-color: #7997aa;
color: white;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-pagination ul.results-pagination li.pagination-page.active {
margin-left: 7px;
margin-right: 7px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-pagination ul.results-pagination li.pagination-page.active a {
background-color: #7997aa;
color: white;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-pagination ul.results-pagination li.next-page {
margin-left: 7px;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-pagination ul.results-pagination li.next-page a {
background-color: #7997aa;
color: white;
}
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-pagination ul.results-pagination li.dots {
padding: 0 7px;
}
#property-search-wrapper #property-search-results-wrapper.map-open #results-map-wrapper {
flex-basis: 50%;
}
#property-search-wrapper #property-search-results-wrapper.map-open #results-grid-wrapper {
flex-basis: 50%;
}
#property-search-wrapper #property-search-results-wrapper.map-open #results-grid-wrapper #results-grid .listings-wrapper .listing {
flex-basis: calc(50% - 10px);
}
}
@media (min-width: 115199999px) and (min-width: 901px) and (max-width: 1049px) {
#property-search-wrapper #property-search-form-wrapper {
padding-top: 79px;
}
}
@media (min-width: 115199999px) and (max-width: 900px) {
#property-search-wrapper #property-search-form-wrapper {
padding-top: 24px;
}
}
@media (min-width: 115199999px) and (max-width: 1440px) {
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing {
flex-basis: calc(33% - 20px);
width: calc(33% - 20px);
}
}
@media (min-width: 115199999px) and (max-width: 1024px) {
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing {
flex-basis: calc(50% - 20px);
width: calc(50% - 20px);
}
}
@media (min-width: 115199999px) and (max-width: 500px) {
#property-search-wrapper #property-search-results-wrapper #results-grid-wrapper #results-grid .listings-wrapper .listing {
flex-basis: calc(100%);
width: calc(100%);
}
}
@media (min-width: 115199999px) and (max-width: 1024px) {
#property-search-wrapper #property-search-results-wrapper.map-open #results-map-wrapper {
flex-basis: 66%;
}
#property-search-wrapper #property-search-results-wrapper.map-open #results-grid-wrapper {
flex-basis: 34%;
}
#property-search-wrapper #property-search-results-wrapper.map-open #results-grid-wrapper #results-grid .listings-wrapper .listing {
flex-basis: calc(100%);
}
}
@media (max-width: 0.115px) {
#property-search-wrapper {
max-width: 320px;
margin: 0 auto;
border: 1px solid red;
}
#property-search-wrapper .filter-group {
padding-bottom: 10px;
}
#property-search-wrapper .filter-group .filter-group-title {
font-size: 12px;
line-height: 12px;
padding: 6px 0px;
text-transform: capitalize;
}
#property-search-wrapper .filter-group .filter-group-button .filter-text {
padding: 8px;
padding-right: 0;
font-size: 11px;
line-height: 11px;
}
#property-search-wrapper .filter-group .filter-group-button .ico-dropdown {
margin-right: 8px;
width: 8px;
}
#property-search-wrapper .filter-group.dropdown-open .filter-group-dropdown {
position: static;
}
#property-search-wrapper .filter-group.dropdown-open .filter-group-dropdown ul.filter-group-list li {
padding: 6px;
}
#property-search-wrapper .filter-group.dropdown-open .filter-group-dropdown ul.filter-group-list li.filter-group-option label {
font-size: 12px;
line-height: 12px;
}
#property-search-wrapper .filter-group.dropdown-open .filter-group-dropdown ul.filter-group-list li.filter-group-option label .region-small {
font-size: 10px;
line-height: 10px;
}
#property-search-wrapper #filter-group-mobile-filter-bar {
background: #eee;
display: flex;
flex-direction: row;
padding: 10px;
border: 1px solid red;
}
#property-search-wrapper #filter-group-mobile-filter-bar #filter-group-mobile-filters {
flex-basis: 100px;
border: 1px solid red;
flex-grow: 0;
flex-shrink: 0;
}
#property-search-wrapper #filter-group-mobile-filter-bar #filter-group-mobile-address {
flex-basis: 100%;
border: 1px solid red;
}
#property-search-wrapper #filter-group-instant-filters {
padding: 10px;
display: none;
}
#property-search-form-wrapper {
padding-top: 85px;
}
#property-search-form-wrapper #form #property-search-form {
position: fixed;
display: none;
bottom: 0;
}
#property-search-form-wrapper #form #filter-bar-wrapper.mobile-filters-open #more-filters {
display: block;
}
#property-search-form-wrapper #form #filter-bar-wrapper.mobile-filters-open #filter-group-instant-filters {
display: block;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-community .filter-group-button {
display: none;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-community .filter-group-dropdown {
display: block;
position: static;
padding: 8px;
padding-bottom: 0px;
border-bottom-width: 1px;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-community ul {
column-count: 2;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-community ul li {
break-inside: avoid;
padding-bottom: 8px;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-community ul li label {
font-size: 10px;
line-height: 10px;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-price ul {
column-count: 1;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-price .filter-group-button {
display: none;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-price .filter-group-dropdown {
display: block;
position: static;
padding: 8px;
padding-bottom: 0px;
border-bottom-width: 1px;
border: 0;
padding: 0;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter {
display: none;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter.show-mobile-min {
display: block;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter.show-mobile-min .min-range {
display: block;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter.show-mobile-max {
display: block;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-price .filter-group-dropdown .filter-group-fields #price-min-max-filter.show-mobile-max .max-range {
display: block;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-price .filter-group-dropdown .filter-group-fields #price-holders {
display: flex;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-price .filter-group-dropdown .filter-group-fields #price-holders #price-divider {
text-align: center;
padding: 0 3px;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-price .filter-group-dropdown .filter-group-fields #price-holders .holder-filter {
flex-basis: 50%;
flex-shrink: 1;
min-width: 0px;
font-size: 10px;
line-height: 10px;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-price ul {
border: 1px solid #646464;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-price ul li {
break-inside: avoid;
padding-bottom: 8px;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-price ul li label {
font-size: 10px;
line-height: 10px;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-beds .filter-group-button, #property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-baths .filter-group-button {
display: none;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-beds .filter-group-dropdown, #property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-baths .filter-group-dropdown {
display: block;
position: static;
padding: 8px 0;
border-bottom-width: 1px;
border: 0px;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-beds .filter-group-dropdown .filter-group-fields .filter-group-list, #property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-baths .filter-group-dropdown .filter-group-fields .filter-group-list {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-beds .filter-group-dropdown .filter-group-fields .filter-group-list li, #property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-baths .filter-group-dropdown .filter-group-fields .filter-group-list li {
border: 1px solid #646464;
border-right-width: 0px;
flex-grow: 1;
padding: 3px;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-beds .filter-group-dropdown .filter-group-fields .filter-group-list li:last-child, #property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-baths .filter-group-dropdown .filter-group-fields .filter-group-list li:last-child {
border-right-width: 1px;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-beds .filter-group-dropdown .filter-group-fields .filter-group-list li label, #property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-instant-filters #filter-group-baths .filter-group-dropdown .filter-group-fields .filter-group-list li label {
text-align: center;
font-size: 11px;
line-height: 11px;
}
#property-search-form-wrapper #form #filter-bar-wrapper #search-filters #filter-group-more-filters {
display: none;
}
#property-search-form-wrapper #form #more-filters {
display: none;
padding: 10px;
padding-top: 0px;
}
#property-search-form-wrapper #form #more-filters #filter-group-address {
display: none;
}
#property-search-form-wrapper #form #more-filters #filter-group-sqft .min-max-filter, #property-search-form-wrapper #form #more-filters #filter-group-acreage .min-max-filter {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#property-search-form-wrapper #form #more-filters #filter-group-sqft .min-max-filter .filter-group-button, #property-search-form-wrapper #form #more-filters #filter-group-acreage .min-max-filter .filter-group-button {
flex-basis: calc(50% - 5px);
}
#property-search-form-wrapper #form #more-filters #filter-group-other .filter-group-title {
display: none;
}
#property-search-form-wrapper #form #more-filters #filter-group-other ul {
list-style: none;
margin-left: 0px;
}
#property-search-form-wrapper #form #more-filters #filter-group-other ul li input[type=checkbox] {
display: none;
}
#property-search-form-wrapper #form #more-filters #filter-group-other ul li label {
font-size: 11px;
line-height: 11px;
}
#property-search-form-wrapper #form #more-filters #filter-group-other ul li label .checkmark {
border: 1px solid #646464;
display: inline-block;
width: 12px;
height: 12px;
background-color: #eee;
/*position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;*/
position: relative;
}
#property-search-form-wrapper #form #more-filters #filter-group-other ul li label .checkmark:after {
position: absolute;
content: "";
border: solid #7997aa;
border-width: 0 1px 1px 0;
width: 3px;
height: 6px;
top: 1.4px;
left: 3.5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: none;
}
#property-search-form-wrapper #form #more-filters #filter-group-other ul li.filter-active label .checkmark:after {
display: block;
}
#property-search-results-wrapper {
position: relative;
}
#property-search-results-wrapper #no-search-results-text {
display: none;
}
#property-search-results-wrapper #results-loader {
position: absolute;
display: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: white;
z-index: 99999999;
align-items: center;
justify-content: center;
}
#property-search-results-wrapper #results-loader.open {
display: flex;
}
}
body.page-id-141 .elementor-location-footer {
display: none;
}