@import url("https://fonts.googleapis.com/css2?family=Faculty+Glyphic&display=swap"); ::-webkit-scrollbar-track { background: #fff; } .faculty-glyphic-regular { font-family: "Faculty Glyphic", sans-serif !important; font-weight: 400; font-style: normal; } ::-webkit-scrollbar-thumb { background: #888; opacity: 1; border-radius: 20px; } ::-webkit-scrollbar { width: 10px; height: 10px; } #cmplz-manage-consent .cmplz-manage-consent { display: none; } .elementor-lightbox .elementor-lightbox-image { max-width: 90%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.13), 0 0 8px -5px rgba(0, 0, 0, 0.13) !important; } .elementor-lightbox .elementor-lightbox-image img { pointer-events: none !important; } .elementor-17179 .elementor-element.elementor-element-4122602 { background: #f4f4f4; } /* .home .elementor-icon-list-text { font-size: 17px !important; font-weight: 300 !important; line-height: 24px !important; letter-spacing: 0.4px !important; color: #000 !important; }*/ /** Mobile **/ @media (max-width: 600px) { .mobile-map-switch { margin: 0 10%; bottom: 20px; right: 0%; width: 214px; padding: 2px; background: #04c4 !important; border: none !important; border-radius: 35px; } .mobile-map-switch #houzez-btn-listing-view { width: 100px; border-radius: 35px 0 0 35px; background: linear-gradient(45deg, #e7e7e7, #f1f1f1); } .mobile-map-switch #houzez-btn-map-view { width: 110px; border-radius: 0 35px 35px 0; background: linear-gradient(45deg, #d3d3d3, #e5e5e5); } .mobile-map-switch #houzez-btn-listing-view i, .mobile-map-switch #houzez-btn-map-view i { vertical-align: sub; font-size: 18px; } } @media (max-width: 998px) { .hz-item-gallery-js .listing-gallery-wrap .slick-arrow[style], .property-overview-wrap .property-overview-data, .property-review-wrap .review-title-wrap { display: block !important; } .hz-item-gallery-js .listing-gallery-wrap .slick-prev { left: 5px !important; } .hz-item-gallery-js .listing-gallery-wrap .slick-next { right: 5px !important; } } .save-search-btn.btn-secondary:disabled { cursor: none; color: transparent; width: 100px; overflow: hidden; padding: 0 !important; padding-left: 20px !important; background: transparent !important; border: 0 !important; } .save-search-btn.btn-secondary:disabled i:before { color: #0007; content: "search saved"; background: transparent; display: inline-block; font-style: italic; font-family: "outfit", sans-serif; font-weight: 400; } .page-template-user_dashboard_saved_search .dashboard-table.responsive-table td:first-of-type { display: inline-block; padding: 3px 15px 30px !important; margin-bottom: 7px; min-width: calc(100% - 75%); background: linear-gradient(90deg, #f0ece4, transparent); border: 0; border-radius: 8px; } .page-template-user_dashboard_saved_search .dashboard-content-inner-wrap b, .page-template-user_dashboard_saved_search .dashboard-content-inner-wrap label, .page-template-user_dashboard_saved_search .dashboard-content-inner-wrap strong { display: block; padding-top: 20px; } @media (min-width: 997px) { .page-template-user_dashboard_saved_search .dashboard-content-inner-wrap { max-width: calc(100vw - 60%); min-width: 300px; } .page-template-user_dashboard_saved_search .dashboard-table.responsive-table td:first-of-type { min-width: calc(100% - 55%); } .property-table-actions { width: 180px; border: 0 !important; display: inline-block; } } .page-template-user_dashboard_saved_search .dashboard-content-inner-wrap .action-col { display: none; } @media (max-width: 991px) { .page-template-template-search .flex-search { padding: 0 !important; } .page-template-user_dashboard_saved_search .dashboard-content-inner-wrap .property-table-actions::before { display: none; } .header-mobile { height: 45px !important; } .header-mobile-right { display: block; position: absolute; top: 0; right: 0; width: 85px; } .page-template-template-search .header-mobile-center { display: block; position: absolute; top: 10px; left: 35px; width: 100px; } .overlay-search-advanced-module .houzez-search-form-js .col-8 { flex: 0 0 100% !important; max-width: 100% !important; } .overlay-search-advanced-module .row .col-4, .overlay-search-advanced-module .row .col-6 { flex: 0 0 33.3% !important; max-width: 50% !important; display: inline-block; } .houzez-halfmap-page .btn.dropdown-toggle.btn-light.bs-placeholder { border-radius: 4px !important; border: 1px solid #cae6f9 !important; background: #fff !important; /*height: 32px !important;*/ } .houzez-halfmap-page .bootstrap-select .dropdown-toggle .filter-option-inner-inner { font-size: 12px !important; letter-spacing: 0.2px !important; font-weight: 300; } .overlay-search-advanced-module .btn-search { display: block; position: absolute; left: 50px; top: 8px; width: 100px; max-width: 160px !important; background: #000 !important; font-size: 16px !important; font-weight: 300 !important; letter-spacing: 0.3px; } .save-search-btn { display: block; position: absolute; left: 170px; top: 0; width: 135px; max-width: 135px; font-size: 16px !important; font-weight: 300 !important; } .range-title { display: block; position: absolute; top: -65px; left: 30px; font-size: 17px !important; font-weight: 400; text-transform: capitalize; } .range-text .min-price-range:before { content: "Min"; display: inline-block; position: relative; top: 0; left: 0; background: linear-gradient(90deg, rgb(195 214 234 / 30%), transparent); padding: 0 4px; border: 1px solid #a8cfe9; border-radius: 35px 0 0 35px; color: #0008; font-weight: 300; width: 37px; border-right: 0; } .range-text .max-price-range:before { content: "Max"; display: inline-block; position: relative; top: 0; left: 0; background: linear-gradient(90deg, rgb(195 214 234 / 30%), transparent); padding: 0 4px; border: 1px solid #a8cfe9; border-radius: 35px 0 0 35px; color: #0008; font-weight: 300; width: 37px; border-right: 0; } #half-map-listing-area .page-title-wrap .page-title { margin-top: 0 !important; } /** Hide desktop menu on Mobile **/ #menu-mobile-menu a, #menu-mobile-menu li { display: block !important; color: #000 !important; font-size: 14px; line-height: 34px; background: transparent !important; margin-top: 0 !important; margin-left: 0; } #menu-mobile-menu, #nav_menu-9, .nav-mobile .main-nav { padding: 0 0 20px; margin: 0; background: #fffff9; border-radius: 0; } #menu-mobile-menu .sub-menu { padding-top: 0; margin-top: 0; padding-left: 0; } #menu-mobile-menu a { border-bottom: 1px solid #0002; margin-right: 10px; } .nav-mobile .main-nav .navbar-nav { display: block; } #mobile-main-nav { display: none !important; } .half-map-wrap .page-title-wrap { margin: 0 !important; } .houzez-halfmap-page #main-wrap { display: inline-block; width: 100%; } .half-map-wrap .listing-view { transform: none; max-width: 400px; padding: 30px; } .advanced-search-v3 { display: none; } .advanced-search-nav .container { display: flex; border: 0 !important; } .advanced-search-nav { position: absolute; top: 8px; left: calc(25% - 5px); background: #f1f1f1 !important; border-radius: 35px !important; z-index: 1000; padding: 0 !important; min-width: 160px; width: calc(80% - 100px); height: 30px; border: 0 !important; margin: 0 !important; padding: 0 !important; padding-top: 2px !important; } .advanced-search-nav.mobile-search-nav { display: block; } #desktop-header-search { display: none !important; } .advanced-search-v1 { display: inline-block; background: transparent !important; margin: 0 auto !important; } .houzez-halfmap-page .advanced-search .form-control { display: inline-block; background: transparent !important; } .advanced-search-v1 .search-icon-input { background: transparent !important; } .advanced-search-v1 .search-icon:before, .advanced-search-v1 .form-control { line-height: 27px !important; height: 27px !important; width: 20px; overflow: hidden; display: inline-block; background: transparent; border: 0; padding-right: 0; } .search-icon:before { color: #000; font-weight: 600; } .search-icon:after { content: "Search Property"; display: inline-block; font-size: 14px; font-weight: 300; line-height: 27px; color: #000; text-transform: Capitalize; padding-right: 15px; } .page-id-17866 .advanced-search-nav { top: 50px !important; } .page-id-17866 .search-icon:after { content: "Search Agent(s)"; display: inline-block; font-size: 14px; font-weight: 300; line-height: 27px; color: #000; text-transform: none; padding-right: 15px; } .houzez-halfmap-page .advanced-search .search-icon .form-control { width: 35px; opacity: 0; padding: 0; } #search_location_mobile { border-radius: 4px; border-width: 2px; border-color: #000; text-transform: capitalize; font-size: 12px; color: #000 !important; } .houzez-halfmap-page .btn.dropdown-toggle.btn-light.bs-placeholder { height: 35px; width: 100%; margin: 2px; } .houzez-halfmap-page .bootstrap-select .dropdown-toggle .filter-option-inner-inner { background: transparent !important; border-radius: 0 !important; padding: 0; font-size: 13px; font-weight: 400; text-align: left; text-transform: capitalize; line-height: 27px; } .btn-search, .save-search-btn { width: 135px; max-width: 135px; display: inline-block; } .half-map-right-wrap .sort-by { margin-right: 15px; border: 0 !important; background: transparent !important; } .half-map-right-wrap .page-title-wrap .d-flex.align-items-center { border-bottom: 0 !important; } .houzez-search-form-js .col-6 { flex: 0 0 33.3% !important; max-width: 33.3% !important; } .houzez-search-form-js .col-8 { flex: 0 0 95% !important; max-width: 95% !important; } .overlay-agent-search-module { padding-top: 50px; } .overlay-search-advanced-module .range-text { position: relative; top: 45px; left: -20px; margin-top: 45px; margin-bottom: 45px; text-transform: lowercase; font-size: 11px; font-weight: 200; line-height: 15px; } .overlay-search-advanced-module .price-range-wrap { position: relative; top: -55px; margin: 0 auto; width: 90%; } .range-title, .min-price-range, .max-price-range, .min-area-range, .max-area-range { font-size: 111%; font-weight: 500; } .min-price-range, .max-price-range, .min-area-range, .max-area-range { text-transform: Capitalize; padding: 0 10px; } .overlay-search-advanced-module .ui-slider .ui-slider-handle { top: -8px !important; width: 20px !important; height: 20px !important; line-height: 20px !important; } .overlay-search-advanced-module .ui-slider-horizontal .ui-slider-range { top: 50%; } .ui-slider-horizontal .ui-slider-range { height: 3px; } .ui-widget.ui-widget-content { height: 2px; } .ui-slider-horizontal .ui-slider-handle:after { top: -5px; width: 27px; height: 27px; color: transparent !important; background: radial-gradient(#ffffff 55%, #000000 50%); border-radius: 50%; } .overlay-search-advanced-module .ui-slider .ui-slider-handle { margin-left: -25px !important; } .btn-features-list { float: left; background: #eee; margin: 10px; margin-left: 0; border-radius: 25px; font-size: 12px; line-height: 25px; padding: 2px 25px; } .overlay-search-advanced-module .features-list .control { width: 100%; } .features-list, .filters-search-v3-other-features { grid-gap: 0 !important; grid-template-columns: repeat(2, 1fr); } .control.control--checkbox { font-size: 11px; line-height: 17px; } .btn-search { max-width: 122px !important; background-color: #b90303 !important; } #advanced-search-filters .btn-features-list .icon-add-square:before { content: "" !important; display: inline-block; width: 20px; height: 20px; vertical-align: bottom; background-image: url("https://propertybox.co.ke/media/2024/01/filter.png"); background-size: contain; background-position: center; background-repeat: no-repeat; color: transparent !important; } .item-wrap-v2 .item-amenities li span img, .hz-figure img { display: none !important; } /***/ /* Header Bar */ .houzez-halfmap-page .header-main-wrap { background-color: #fff !important; } } /***/ /* Search Results page */ @media (max-width: 599.98px) { .overlay-search-advanced-module.open { position: absolute; display: block; top: 10%; left: 0; width: 100% !important; height: calc(100% - 39px) !important; } } @media (min-width: 600px) { .overlay-search-advanced-module.open { position: absolute; display: block; top: 10%; left: 40; width: calc(63% - 88px) !important; height: calc(100% - 50px) !important; } } /**/ .item-address { margin-bottom: 0; max-width: 155px !important; } .item-wrap-v2 .item-amenities li span { margin-bottom: 0 !important; } .item-amenities li { min-width: 50px !important; width: fit-content !important; max-width: 170px; } .item-wrap-v2 .item-amenities, .item-wrap-v2 .item-amenities li { display: inline-block; flex-wrap: nowrap; align-items: center; border-right: 0 !important; } .item-wrap-v2 .item-amenities { display: inline; border: 0; margin-top: 10px; padding-top: 10px !important; } .item-wrap-v2 .item-amenities li:before { content: ""; display: inline-block; position: relative; top: 15px; margin-left: -15px; width: 3px; height: 3px; border-radius: 50%; background: #000; } .item-wrap-v2 .item-amenities li:first-child:before { display: none; } .item-amenities::before { content: ""; display: block; border-top: 0.02rem solid #d4d4d4; height: 20px; width: 100%; position: relative; padding-bottom: 10px; } .home .item-amenities::before { display: none; } .list-view .item-footer { border-top: 1px solid #0002; padding: 10px 20px; margin-top: 0; background: transparent !important; } .list-view .item-wrap.item-wrap-no-frame { border-radius: 0 !important; } .page-title-wrap { position: relative; z-index: 2; } @media (min-width: 998px) { .half-map-right-wrap .page-title-wrap .d-flex.align-items-center { float: inline-end; } #half-map-listing-area .page-title-wrap .page-title { position: absolute; top: 5px; left: 350px; display: block; font-size: 12px; border-radius: 30px; border: 1px solid #9e9d9d; padding: 2px 10px; } } .logged-in .header-main-wrap { box-shadow: inset 0 8px 0px #d00; } .houzez-halfmap-page .bootstrap-select .dropdown-toggle .filter-option-inner-inner { line-height: 30px !important; padding: 0 5px !important; } @media (min-width: 767.98px) and (max-width: 998px) { .advanced-search-nav { position: absolute; top: 10px; left: 37%; /* right: 90px !important;*/ background: #f1f1f1 !important; border-radius: 35px !important; z-index: 10000; padding: 0 !important; min-width: 170px; width: calc(65% - 160px); height: 30px; border: 0 !important; margin: 0 !important; padding: 0 !important; padding-top: 2px !important; } } .dashboard-content-inner-wrap .search-icon:after { display: none !important; } @media (min-width: 998px) { .dashboard-socials .col-md-6 { flex: 0 0 25%; max-width: 25%; } } /**/ /*Home Search Console section*/ /* @media (max-width: 1024px) and (min-width: 768px) { .elementor-194 .elementor-element.elementor-element-11372dda { width: 70% !important; } }*/ /**/ .menu-item-16707 .elementor-button span:not(.megamenu-texts-only), .menu-item-9178 .elementor-button span:not(.megamenu-texts-only), .menu-item-9178 .elementor-button-text:not(.megamenu-texts-only), .menu-item-16707 .elementor-button-text:not(.megamenu-texts-only) { font-family: "Outfit", sans-serif; font-size: 11px !important; font-weight: 400 !important; line-height: 15px !important; letter-spacing: 0.3px; } .elementor-16591 .elementor-element.elementor-element-dee7cb1 > .elementor-element-populated > .elementor-background-overlay { background: linear-gradient( 180deg, #dcdcdc29 15%, #efeee4 30%, #ffffff 66%, #f4f4f4 66% ); opacity: 1 !important; } /**/ .terms ::marker { color: purple; font-size: 85%; font-weight: 500; } .terms li { font-size: 90%; line-height: 27px; } .elementor-animation-float:active, .elementor-animation-float:focus, .elementor-animation-float:hover { transform: translateY(-4px) !important; } /* @import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300&display=swap"); **/ .body_text { font-family: "Outfit", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: 0.55px; text-align: left; color: #222222; } section.content-wrap { margin-top: -30px; } body { font-family: "Outfit", sans-serif !important; } img { pointer-events: none; } .current-menu-parent .nav-link, .current_page_item a { color: rebeccapurple !important; } @media (min-width: 1200px) { .current-menu-parent .nav-link, .current_page_item a { line-height: 3; border-top: 3px solid #688ad6; } } .search-v1-v2 { display: none !important; } .top-banner-wrap { opacity: 0.1; } .channel-masthead { background: #22211d; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 16%), 0 0 8px 0 rgb(0 0 0 / 8%); } @media (min-width: 787px) { .epyt-gallery { margin-top: -16px; } } .header-main-wrap, .team-mobile-link { z-index: 11500; } .current_page_item .nav-link::after { background: #e80000; width: 7px; height: 7px; position: relative; display: block; left: -45%; margin-top: -9px; border-radius: 50%; } #menu-item-7951 a.nav-link:hover:after { background: #6b6b6b; } .dropdown-menu, .dropdown-menu-right { border-radius: 0 !important; border-color: #e9e9e9 !important; box-shadow: 0 2px 15px rgb(0 0 0 / 5%) !important; } .property-action-menu a, .ui-autocomplete .ui-menu-item { font-size: 13px; border-bottom-color: 1px solid rgb(239 239 239 / 57%); padding-top: 7px !important; padding-bottom: 7px !important; } .item-tool-dropdown-menu .dropdown-item { font-size: 80%; font-weight: 300; padding: 10px; color: #000; letter-spacing: 0.4px; border-bottom: 1px solid #51525b3b; background: #fff; } .item-tool-dropdown-menu .dropdown-item i { padding-right: 5px; font-size: 19px; vertical-align: bottom; } .item-tool-dropdown-menu .dropdown-item:hover { background-color: #f5f5f5; border-color: #d00; } /* .header-v4.sticky-nav-area, .header-v4 { border-bottom: 1px solid #e1e1e1 !important; background: url("https://propertybox.co.ke/media/2022/09/b.png"); background-position: bottom right; filter: drop-shadow(0px 5px 20px #0002) !important; }*/ /* Watch+ CSS */ .logo img { filter: hue-rotate(-345deg); } @media (min-width: 800px) { #menu-item-12196 .nav-link, #menu-item-17044 .nav-link { color: #000 !important; font-size: 80% !important; height: 28px; line-height: 15px; padding: 5px !important; margin-top: 12px; } #menu-item-17044 { margin-left: 15px !important; } #menu-item-17044 .nav-link, #menu-item-17044 .nav-link:hover { opacity: 1; background: linear-gradient(135deg, #66339955 25%, transparent 25%) -7px 0/ 14px 14px, linear-gradient(225deg, #663399 25%, transparent 25%) -7px 0/ 14px 14px, linear-gradient(315deg, #66339955 25%, transparent 25%) 0px 0/ 14px 14px, linear-gradient(45deg, #663399 25%, #4f2f6e 25%) 0px 0/ 14px 14px !important; height: 30px; border-radius: 50px; padding: 5px 10px !important; margin-top: 8px; font-size: 75% !important; color: #e4e4e4 !important; } #menu-item-17044 .nav-link:hover { opacity: 0.7 !important; } /***/ #menu-item-12196 { margin-left: 30px !important; } #menu-item-12196.current-menu-parent .nav-link { background: transparent !important; border: none; border-top: 2px solid #d60000; margin-top: 0 !important; padding-top: 13px !important; } } /* Advertise btn CSS */ @media (min-width: 992px) { #menu-item-17174 .nav-link, #menu-item-17174 .nav-link:hover { border-radius: 35px; border: 1px solid darkorchid; background: transparent !important; padding: 5px 10px !important; font-size: 75% !important; line-height: 10px; height: 22px; margin: 13px 15px 0; } #menu-item-17174 .nav-link:hover { border-color: #c1c1c1 !important; transform: scale(0.975); transition: transform 0.7s; } /***/ .header-v4 a.nav-link:hover, .header-v4 a.nav-link:active { /* background: linear-gradient(178deg, #ede8f7 4%, #d3d3d30d 55%);*/ background: none; } .header-v4 .menu-item-17868 a.nav-link:after, .header-v4 .menu-item-17869 a.nav-link:after { content: "."; display: block !important; position: absolute; width: 6px; height: 6px; left: 40%; top: 10%; color: transparent !important; background: transparent !important; font-size: 27px; transition: all 1s ease-in-out !important; } .header-v4 .menu-item-17868 a.nav-link:hover:after, .header-v4 .menu-item-17869 a.nav-link:hover:after { background: transparent !important; font-size: 27px; color: #c00505 !important; } #menu-item-12196 .nav-link:after, #menu-item-17174 .nav-link:hover:after, #menu-item-12196 .nav-link:hover:after, #menu-item-17939 .nav-link:hover:after { display: none !important; } .on-hover-menu ul ul, .on-hover-menu ul ul ul, .on-hover-menu ul ul ul ul { min-width: 150px !important; } .single-property #header-section { position: fixed; top: 0; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgb(240 236 228 / 87%); border-bottom: 0; } .single-property #main-wrap { background: #f0ece4 !important; } .dashboard-main-wrap.slideout-panel { box-shadow: none !important; } .single-property .main-wrap .content-wrap { padding-top: 75px; margin-top: 0; } .logo { padding-left: 3%; transition: all 0.7s !important; margin-left: -3%; } .logo img { height: 30px; top: -2px; left: 10px; } .logo:hover { transform: scale(0.95); } } @media (max-width: 767px) { .page-template-template-search .logo-mobile a:after { content: ""; display: block; position: absolute; width: calc(100% + 85px); height: 30px; right: -120px; top: 0; background: #fff; } } @media (min-width: 757px) and (max-width: 991px) { .advanced-search-nav { display: block !important; } } @media (max-width: 757px) { .advanced-search-nav { display: block !important; } .half-map-wrap .page-title-wrap { margin-top: 0; } .houzez-halfmap-page .advanced-search-v3 .btn-search { display: none; } } /*** Mobile Layout ***/ .page-template-template-search .logo-mobile.logo img { display: block; top: -1px !important; left: 7px; height: 27px !important; } .header-mobile-left .toggle-button-left { padding: 0; } .header-mobile-left .icon-navigation-menu { display: block; position: relative; color: transparent; font-size: 0; margin: 14px auto; width: 20px; height: 15px; border-width: 1px 0; border-style: solid; border-color: #0a1317; left: 40px; } .slick-dots li { margin: 20px 2px !important; } .slick-dots li button:before { font-size: 7px !important; color: #000; opacity: 0.5 !important; width: 10px; height: 10px; transition: all 0.7s !important; } .slick-dots li button:hover:before { color: #333; } .developercarddark .slick-dots li button:before { color: #717171; } .slick-dots li.slick-active button:before { color: #007aff; opacity: 0.8 !important; } .dash-logo.logo { display: none; } .logo-mobile.logo img { height: 25px; top: 0; } .page-template-template-search .header-mobile-left .icon-navigation-menu { left: 0; } .header-mobile-left .icon-navigation-menu::before { content: ""; display: block; position: absolute; background: #0a1317; width: 20px; height: 1px; left: 0; top: 45%; } .property-title-mobile { display: block; width: 100%; float: none; padding-top: 15px; font-size: 17px; font-weight: 400; line-height: 24px; } .mobile-property-tools .item-tools { text-align: center; } .mobile-property-title .labels-wrap a.label-status, .mobile-property-title .labels-wrap .label { background: #636363 !important; } .visible-on-mobile .property-image-count { position: relative; width: 90px; border-radius: 35px !important; background: #0005 !important; backdrop-filter: blur(4px); padding: 8px !important; left: 67% !important; top: -45px !important; color: #fff !important; font-size: 12px; } .visible-on-mobile .property-banner-trigger { margin-top: 35px; height: 275px; } .property-banner .container.hidden-on-mobile { display: inline-block; } .visible-on-mobile .property-image-count:after { content: "Photos"; display: inline-block; vertical-align: baseline; padding-left: 3px; } .mobile-property-title .item-address { font-size: 11px !important; } .mobile-property-title { padding-left: 15px !important; padding-right: 15px !important; } .hm-search-bg .elementor-background-overlay { background-color: transparent !important; background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0.3), transparent 24.48%, transparent 66.15%, rgba(0, 0, 0, 0.4) ), linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgb(0 0 0 / 24%)), radial-gradient( 50% 50% at 50% 50%, rgb(89 39 0 / 12%) 16.15%, rgba(0, 29, 89, 0) 100% ) !important; opacity: 1; background-size: cover !important; background-repeat: no-repeat; } .hm-search-bg .elementor-background-overlay:after { content: ""; width: 100%; height: 100%; display: block; opacity: 1; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='200' preserveAspectRatio='none' viewBox='0 0 1440 200'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1081%26quot%3b)' fill='none'%3e%3cpath d='M36 200L236 0L527 0L327 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1082%26quot%3b)'%3e%3c/path%3e%3cpath d='M260.6 200L460.6 0L570.1 0L370.1 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1082%26quot%3b)'%3e%3c/path%3e%3cpath d='M519.2 200L719.2 0L804.7 0L604.7 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1082%26quot%3b)'%3e%3c/path%3e%3cpath d='M739.8000000000001 200L939.8000000000001 0L1097.3000000000002 0L897.3000000000001 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1082%26quot%3b)'%3e%3c/path%3e%3cpath d='M1393 200L1193 0L998 0L1198 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1083%26quot%3b)'%3e%3c/path%3e%3cpath d='M1158.4 200L958.4000000000001 0L715.4000000000001 0L915.4000000000001 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1083%26quot%3b)'%3e%3c/path%3e%3cpath d='M946.8 200L746.8 0L565.3 0L765.3 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1083%26quot%3b)'%3e%3c/path%3e%3cpath d='M720.1999999999999 200L520.1999999999999 0L292.19999999999993 0L492.19999999999993 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1083%26quot%3b)'%3e%3c/path%3e%3cpath d='M1294.0594841789712 200L1440 54.05948417897122L1440 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1082%26quot%3b)'%3e%3c/path%3e%3cpath d='M0 200L145.94051582102878 200L 0 54.05948417897122z' fill='url(%26quot%3b%23SvgjsLinearGradient1083%26quot%3b)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1081'%3e%3crect width='1440' height='200' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1082'%3e%3cstop stop-color='rgba(137%2c 131%2c 131%2c 0.35)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(137%2c 131%2c 131%2c 0.35)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='100%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1083'%3e%3cstop stop-color='rgba(137%2c 131%2c 131%2c 0.35)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(137%2c 131%2c 131%2c 0.35)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e"); background-size: contain; background-position: bottom; background-repeat: no-repeat; backdrop-filter: brightness(1.75); } .property-schedule-tour-day-form:before { content: "Preferred date"; position: relative; display: block; left: 5px; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 15px; } .d-flex.fw-property-floor-data-wrap.fpl-rooms { display: none !important; } @media (max-width: 998px) { #property-description-wrap { padding: 0 35px !important; } .sub-listings-table td { display: block !important; } .fw-property-documents-wrap { display: flex; flex-direction: column; align-items: center; padding: 15px 3px 3px !important; max-width: 100% !important; background: linear-gradient(180deg, #add8e62b, transparent) !important; border: 0 !important; } .fw-property-documents-wrap .block-title-wrap { min-height: 70px !important; } .fw-property-documents-wrap h3 { display: flex; background: #fff; margin: 3px !important; max-width: 100% !important; } .fw-property-documents-wrap h3 span { font-weight: 500; text-align: left; line-height: 14px; padding: 7px 15px !important; } .fw-property-features-wrap .block-wrap { width: 100% !important; } .block-content-wrap .list-2-cols li { flex-wrap: wrap !important; justify-content: flex-start; background: transparent !important; border-bottom: 1px solid #e0e0e0 !important; } .fw-property-features-wrap .fw-property-features-left li { width: calc(100% / 1.1) !important; align-items: flex-start; } .floor-plan-wrap { width: 100%; } .fw-property-floor-plans-wrap .floor-plan-left-wrap { width: 100% !important; border-radius: 5px !important; padding: 30px 10px; min-height: 1px !important; } .d-flex.fw-property-floor-data-wrap.align-items-center { width: -webkit-fill-available !important; max-width: 100%; border-top: 1px solid; border-color: #0002; margin-top: 15px; } .d-flex .fpl-rooms { display: none !important; visibility: hidden; width: 0 !important; color: transparent; } .property-schedule-tour-day-form .control { min-width: 0 !important; } .property-schedule-tour-form-wrap .control input { top: 3% !important; left: 35% !important; } .property-schedule-tour-type-form .control, .property-schedule-tour-day-form .control { white-space: normal; } .fw-property-energy-class-wrap, .fw-property-address-wrap, .fw-property-walkscore-wrap, .fw-property-nearby-wrap, .fw-property-schedule-tour-wrap, .fw-property-virtual-tour-wrap, .fw-property-availability-calendar-wrap, .fw-property-contact-agent-wrap, .full-width-property-view .property-review-wrap, .full-width-property-view .similar-property-wrap, .full-width-property-view .property-nav-wrap, .fw-property-mortgage-calculator-wrap { padding-left: 25px; padding-right: 25px; } .upk-navigation-prev { left: 0 !important; } .upk-navigation-next { right: 0 !important; } .commercial-hm-search { margin-top: 40px; padding-top: 20px; border-radius: 10px; background: #fff7; } .houzez-search-button { margin-top: 10px; padding: 10px 3px; width: calc(100% - 15px); } .hm-search-bg { padding-top: 120px !important; margin-top: -40px !important; } .responsive-table td:before { top: 0 !important; } .dashboard-table tbody tr { border: 1px solid #0002; padding: 10px; background: rgb(174 141 206 / 13%); } .table-lined tbody td { display: inline-block; border: 0 !important; min-width: 48%; max-width: 50%; vertical-align: text-top; background: linear-gradient(180deg, #e2e2e25c, transparent); } .sub-listings-table.table-lined tbody td { padding-top: 15px; background: transparent; min-width: 100%; max-width: 100%; } .sub-listings-table.responsive-table tr { background: #fff; margin: 3px; padding: 20px 10px; } .fw-property-floor-plans-wrap .block-content-wrap { padding-left: 0 !important; padding-right: 0 !important; } .agent-profile-top-wrap, .agent-profile-content, .agent-profile-buttons { text-align-last: center; } .agent-list-wrap .d-flex { display: inline-flex !important; flex-direction: column; } .page-template-template-agencies .agent-list-wrap .agent-list-image { min-height: 200px !important; max-height: 100%; } .agent-nav-wrap { margin-bottom: 0; } .agent-nav-wrap .nav-pills .nav-link, .single-houzez_agent .agent-nav-wrap .nav-link { font-size: 12px; padding: 7px 0 20px; } .agent-nav-wrap .nav-pills .nav-link.active, .agent-detail-page-v2 .agent-nav-wrap .nav-link.active { font-size: 13px; } .single-houzez_agency .listing-tabs .nav-tabs .nav-item, .single-houzez_agent .listing-tabs .nav-tabs .nav-item { display: inline-block; width: 105px; } }