@import url("https://fonts.googleapis.com/css2?family=Faculty+Glyphic&display=swap"); ::-webkit-scrollbar-track { background: #ebebeb; } .faculty-glyphic-regular { font-family: "Faculty Glyphic", sans-serif !important; font-weight: 400; font-style: normal; } ::-webkit-scrollbar-thumb { background: #969499; opacity: 1; border-radius: 0; } ::-webkit-scrollbar { width: 7px; } :root { --wpforms-field-border-radius: 0 !important; } a:not([href]):hover { transition: all 0.7s; } #cmplz-manage-consent .cmplz-manage-consent { display: none; } .cmplz-btn.cmplz-accept, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { font-weight: 300 !important; } /* Buttons */ .btn { display: flex; line-height: 21px !important; border-radius: 3px; height: 30px; justify-content: center; align-items: center; } .dashboard-header-main-wrap .btn, .dashboard-content-wrap .btn { background: #fff; } /* Elementor */ .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; } .custom-carousel .slick-track { transition: all 3.7s !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: "Assistant", sans-serif; font-size: 11px !important; font-weight: 500 !important; line-height: 15px !important; letter-spacing: 0.5px; } .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; } /** Mobile **/ @media (max-width: 600px) { .mobile-map-switch { margin: 0 10%; bottom: 20%; left: -8%; width: fit-content; padding: 1px; background: rgb(213 224 237 / 30%) !important; border: none !important; border-radius: 5px; backdrop-filter: blur(4px); } .mobile-map-switch .btn:first-of-type { border-right: 0 !important; } .mobile-map-switch .d-flex { flex-direction: column-reverse !important; } .mobile-map-switch #houzez-btn-listing-view { width: 40px; border-radius: 5px; background: #fff; font-size: 0; } .mobile-map-switch #houzez-btn-map-view { width: 40px; border-radius: 5px; margin: 1px 0; font-size: 0; color: transparent; } .mobile-map-switch #houzez-btn-listing-view i, .mobile-map-switch #houzez-btn-map-view i { vertical-align: middle; font-size: 20px; margin-left: -7px; } } .top-banner-wrap { display: none; height: 0; } /* Google Maps */ .icon-maps:before { color: trasnparent; width: 22px; height: 22px; display: inline-block; background: url("https://propertybox.co.ke/wp-content/uploads/mobilmap.svg"); vertical-align: middle; background-size: contain; background-repeat: no-repeat; } @media (max-width: 1024px) { .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; } } /* Search Results */ .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: "Assistant", sans-serif; font-weight: 300; } /* All Dashboards */ @media (min-width: 768px) { .houzez-dashboard .top-bar-wrap { display: none; } } /* Dashboard Sidebar */ .dashboard-sidebar { background: linear-gradient( 90deg, rgb(236, 236, 236), transparent ) !important; } .sidebar-logo { background: transparent !important; backdrop-filter: blur(5px); } .sidebar-logo .logo { justify-content: center; border: 0 !important; } .dashboard-sidebar .sidebar-nav { margin-top: 0; } .user-dropdown { padding-top: 0 !important; padding-bottom: 0 !important; } .vist-btn { display: none !important; } .nav-box { margin-bottom: 0; padding-top: 15px; padding-bottom: 7px !important; } .nav-box ul li a { padding: 10px 30px !important; font-family: "Assistant" !important; font-weight: 500 !important; } .nav-box ul li a i:before { padding-right: 10px !important; } .nav-box ul li a:hover, .nav-box ul li a.active { background: transparent !important; color: #727272 !important; transform: scale(0.975); } .nav-box ul li a.active { border-color: transparent !important; } .nav-box ul li a.active:after { content: ""; display: inline-block; right: 5%; width: 7px; height: 7px; border-radius: 50%; background: blue; position: absolute; } .stats-box .icon-box { border: 0 !important; } .dashboard-right .header-right ul.dropdown-menu::after, .dashboard-right .header-right ul.dropdown-menu::before { display: none; } @media (min-width: 991.98px) { .dashboard-right .header-right ul.dropdown-menu { background: #ffffff; padding: 0 10px 10px 5px; width: 100px; overflow: hidden; line-break: anywhere; border-radius: 4px !important; font-size: 13px; } } .dashboard-right .header-right ul.dropdown-menu .text-muted { font-size: 11px; font-weight: 400; line-height: 14px; display: inline-flex; opacity: 0.75; } .menu-btn { font-size: 22px !important; color: 888; } /**/ /* Dashboard (Saved Search) */ .dashboard-content { background: #fff; min-height: 80vh; } .property-stats .col-lg-3 { width: 20%; } .stats-box { background: linear-gradient(180deg, #f4f4f4, transparent) !important; border: 1px solid #e7e7e7; transition: all 0.7s !important; } .stats-box:hover { background-color: #f5f5f5 !important; box-shadow: none; } .stats-box .media { flex-direction: row-reverse; justify-content: left !important; } .stats-box .media strong { font-family: "Assistant"; font-weight: 500 !important; } .stats-box span { gap: 4px; margin-top: 12px; display: inline-flex; font-size: 85%; border-radius: 30px; border: 1px solid #0002; padding: 0 10px; -webkit-box-align: center; align-items: center; } .stats-box h3 { display: inline-flex; justify-content: center; width: 80px; } .stats-box h3:after { content: "."; color: blue; font-size: 15px; display: inline-block; position: relative; line-height: 20px; width: 20px; text-align: right; } .page-template-user_dashboard_saved_search .dashboard-table.responsive-table td:first-of-type { display: inline-block; padding: 3px 15px 30px !important; min-width: 80%; background: #fff; border: 0; border-bottom: 0.75px solid #ddd; border-radius: 0; } .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: inline-block; padding: 0 7px !important; background: #f2f9fb; border-radius: 30px; margin-right: 5px; margin-left: 10px; border: 0.75px solid #c4cacb6b; font-weight: 500; } .page-template-user_dashboard_saved_search .dashboard-content-inner-wrap strong { margin-bottom: 10px; } .page-template-user_dashboard_saved_search .dashboard-content-inner-wrap strong:before { content: ""; position: absolute; display: inline-block; height: 20px; width: 8px; background: #ffffff; z-index: 122; margin-left: -25px; } /* @media (min-width: 997px) { .page-template-user_dashboard_saved_search .dashboard-content-inner-wrap { min-width: 300px; } .page-template-user_dashboard_saved_search .dashboard-table.responsive-table td:first-of-type { min-width: 80%; padding-left: 4% !important; } .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: 1024px) { .half-map-wrap { background: #faf9f8; justify-items: center; overflow: scroll !important; } .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: max-content; } .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 50% !important; max-width: 100% !important; display: inline-block; } .houzez-halfmap-page .btn.dropdown-toggle.btn-light.bs-placeholder { height: 35px; width: 100% !important; max-width: 100% !important; border-radius: 4px !important; border: 1px solid rgb(218 218 218) !important; background: #fff !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: inline-block; position: absolute; left: 0; top: 7px; width: 100px; max-width: 160px !important; background: #595959 !important; font-size: 15px !important; line-height: 37px; font-weight: 300 !important; letter-spacing: 0.3px; height: 38px; } .save-search-btn { display: inline-block; width: 135px; max-width: 135px; font-size: 14px !important; font-weight: 300 !important; } .btn-features-list { position: absolute; top: -45px; right: 0; max-width: 150px; } .listing-image-wrap, .houzez-listing-carousel, .list-view .slick-slide img { max-width: 290px; float: none; margin: 0 auto; } .range-title { display: block; position: absolute; top: -40px; left: 0; 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 10px; border: 1px solid #a8cfe9; border-radius: 35px 0 0 35px; color: #0008; font-weight: 300; width: 37px; border-right: 0; margin-right: 5px; } .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 10px; border: 1px solid #a8cfe9; border-radius: 35px 0 0 35px; color: #0008; font-weight: 300; width: 37px; border-right: 0; margin-right: 5px; } #half-map-listing-area .page-title-wrap .page-title { margin-top: 0 !important; } /* Single Property Images */ .property-banner { background: #aaa; } .single-property .top-bar-wrap .btn { color: #fff; } /** Hide desktop menu on Mobile **/ #menu-mobile-menu a, #menu-mobile-menu li { display: block !important; color: #000 !important; font-size: 12px; line-height: 40px; background: transparent !important; margin-top: 0 !important; margin-left: 0; padding-top: 0 !important; } #menu-mobile-menu, #nav_menu-9, .nav-mobile .main-nav { padding: 0; margin: 0; background: #faf9f8; border-radius: 0; z-index: 100; } #menu-mobile-menu .sub-menu { padding-top: 0; margin-top: 0; padding-left: 0; } #menu-mobile-menu a { border-bottom: 1px solid rgb(241 241 241); 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; } .half-map-wrap .list-view .item-body { max-width: 290px; } .advanced-search-v3 { display: none; } .advanced-search-nav .container { display: flex; border: 0 !important; } .advanced-search-nav { position: absolute; top: 42px; left: calc(30% - 5px); background: #f1f1f1 !important; border-radius: 35px !important; z-index: 12000; padding: 0 !important; min-width: 190px; width: calc(30% - 100px); height: 30px; border: 0 !important; margin: 0 !important; padding: 0 !important; padding-top: 2px !important; } .advanced-search-nav.mobile-search-nav { display: block; } .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: 1px; border-color: #e8e8e8; background: #f2f4f7; text-transform: capitalize; font-size: 12px; color: #000 !important; padding-left: 45px; } .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: 70px; left: 15px; margin-top: 15px; margin-bottom: 45px; text-transform: lowercase; font-size: 11px; font-weight: 200; line-height: 15px; text-align: left; } .overlay-search-advanced-module .price-range-wrap { position: relative; top: -65px; left: 10px; 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; display: block; padding-left: 0; margin-bottom: 10px; } .overlay-search-advanced-module .ui-slider .ui-slider-handle { top: -10px !important; width: 20px !important; height: 20px !important; line-height: 20px !important; } .overlay-search-advanced-module .ui-slider-horizontal .ui-slider-range { top: 50%; margin-left: -5px; margin-top: -1px; } .ui-slider-horizontal .ui-slider-range { height: 2px; } .ui-widget.ui-widget-content { height: 2px; } .ui-slider-horizontal .ui-slider-handle:after { top: -1px; width: 20px; height: 20px; color: transparent !important; background: radial-gradient(rgb(255, 255, 255) 55%, rgb(137 176 201) 50%); border-radius: 50%; box-shadow: 0 0 5px #82828263; } .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 10px; } .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; } .overlay-search-advanced-module .features-list .control.control--checkbox { font-size: 10px; } .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; } } .item-wrap-v2 .item-amenities li span img, .hz-figure img { display: none !important; } @media (max-width: 768.98px) { .advanced-search-nav { width: 190px; } } @media (max-width: 500px) { .advanced-search-nav { width: 190px !important; } } /***/ /* Search Results page */ .search-no-results-found { margin: 0 auto 30px; background: transparent; backdrop-filter: blur(7px); font-size: 16px; font-weight: 200; letter-spacing: 0.2px; color: #000; } .overlay-search-advanced-module .search-title { padding-left: 30px; padding-top: 15px; position: sticky !important; top: -25px; height: 50px; font-size: 19px; font-weight: 300; line-height: 30px; margin-bottom: 20px; margin-right: -25px; left: 0; z-index: 13000; background: #fff; border-radius: 0; margin-left: -25px; margin-top: -25px; } .overlay-search-advanced-module .overlay-search-module-close { top: 0; background: #e9e9e9; border-radius: 50%; scale: 0.75; padding: 0; width: 30px; height: 30px; line-height: 30px; } #features-list, #overlay-search-advanced-module { transition: all 0.7s !important; animation: none; } @media (max-width: 599.98px) { .overlay-search-advanced-module.open { position: absolute; display: block; top: 50px; left: 0; width: 345px !important; height: calc(100% - 50px) !important; box-shadow: 0 0 10px #0003; padding: 25px; border: 1px solid #0004; } } @media (min-width: 600px) { .overlay-search-advanced-module.open { position: absolute; display: block; top: 85px; left: 0%; width: 475px !important; height: calc(100% - 80px) !important; border-top: 7px solid #ebebeb; z-index: 13000; padding: 25px; } .save-search-btn { display: inline-block; position: relative; width: 135px; } .features-list-wrap { margin-left: 0; } } /***/ /* Property Detail */ .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; } .home .item-listing-wrap .item-sub-price { display: none !important; } .list-view .item-wrap.item-wrap-no-frame { border-radius: 4px !important; border: 1px solid e0e0e0; background: #fff; } .page-title-wrap { position: relative; z-index: 2; } @media (min-width: 1024px) { .half-map-right-wrap .page-title-wrap .d-flex.align-items-center { float: inline-end; } #half-map-listing-area .page-title-wrap .page-title { left: 250px; border: 0; top: 10px; } .property-banner-inner-rght img, .property-banner-inner-right img { height: 217.5px !important; } } @media (min-width: 1200px) { #half-map-listing-area .page-title-wrap .page-title { position: absolute; top: 5px; left: 350px; display: block; font-size: 12px; border-radius: 30px; padding: 2px 10px; } } /* Search Results */ .houzez-halfmap-page .bootstrap-select .dropdown-toggle .filter-option-inner-inner { line-height: 30px !important; padding: 0 5px !important; } @media (min-width: 768.98px) and (max-width: 991.98px) { .advanced-search-nav { position: absolute; top: 42px; left: 300px; width: calc(30% - 85px); max-width: 180px; overflow: hidden; background: #eee !important; border-radius: 35px !important; z-index: 12500; padding: 0 !important; border: 0 !important; margin: 0 !important; padding: 0 !important; padding-top: 2px !important; } .advanced-search-v3 .d-flex { display: inline-block !important; } } @media (min-width: 991.98px) and (max-width: 1024px) { .advanced-search-nav { position: absolute; top: 90px; left: 17%; width: calc(30% - 85px); max-width: 160px; overflow: hidden; background: #eee !important; border-radius: 35px !important; z-index: 10000; padding: 0 !important; border: 1px solid #d0d9f1 !important; margin: 0 !important; padding: 0 !important; padding-top: 2px !important; } .advanced-search-v1 { top: -1px; } .half-map-right-wrap .sort-by { position: absolute; right: 0; } #half-map-listing-area .page-title-wrap .page-title { font-size: 12px; line-height: 17px; padding-right: 20px; max-width: 170px; overflow: hidden; } } /* .dashboard-content-inner-wrap .search-icon:after { display: none !important; }*/ @media (min-width: 1024px) { .dashboard-socials .col-md-6 { flex: 0 0 25%; max-width: 25%; } } .dashboard-socials label { font-size: 9px !important; border: 1px solid #ddd; border-bottom: 0; border-radius: 4px 4px 0 0; padding: 0 10px; width: max-content; font-weight: 300 !important; color: #525252; background: #f8f8f8; margin-bottom: -2px; display: block; } /**/ /**/ .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; } .body_text { font-family: "Assistant", 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: "Assistant", 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; margin-top: -1px; } } .search-v1-v2 { display: none !important; } .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; margin-top: -1px !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; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: #fff9; border-bottom: 0; } .single-property #main-wrap { background: #fff !important; } .dashboard-main-wrap.slideout-panel { box-shadow: none !important; } .single-property .main-wrap .content-wrap { padding-top: 45px; 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); } .home .item-wrap-outside { margin-top: -50px !important; padding: 0 !important; } } @media (max-width: 768.98px) { .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: 1024px) { #desktop-header-search { display: none; } .advanced-search-nav { display: block !important; } /* .btn-features-list { position: absolute; top: 45px; right: 240px; max-width: 150px; }*/ } @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; } .save-search-btn { position: absolute; display: block; left: 100px !important; } .houzez-halfmap-page .btn.dropdown-toggle.btn-light.bs-placeholder { height: 42px; margin: 0; } .houzez-halfmap-page .bootstrap-select > .dropdown-toggle::after { margin-top: 2px !important; } .houzez-halfmap-page .bootstrap-select .dropdown-toggle .filter-option { height: 30px !important; } .houzez-search-form-js { float: none; padding-bottom: 20px; margin: 0 auto; margin-bottom: 20px; max-width: 500px; } } @media (max-width: 600px) { .houzez-halfmap-page .btn.dropdown-toggle.btn-light.bs-placeholder { width: 138px !important; min-width: 138px !important; max-width: 138px !important; } } /*** 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: 4px !important; color: #000; opacity: 0.5 !important; width: 4px; height: 4px; transition: all 0.7s !important; } .slick-dots li button:hover:before { color: #333; } .developercarddark .slick-dots li button:before { color: #717171; } .turkiye .elementor-heading-title:before, .redwine .elementor-heading-title:before { content: ""; border-radius: 50%; width: 10px; height: 10px; display: inline-block; position: absolute; border: 1px solid #b8b8b8; left: 0; top: -4px; background: rgb(0 70 227); } .redwine .elementor-heading-title:before { background: #ac172d; } .redwine .elementor-heading-title, .turkiye .elementor-heading-title { font-size: 14px; padding: 10px 16px; color: #fff; font-style: normal; width: 120px; border-top: 2px solid rgb(156, 165, 185); border-right: 2px solid rgb(156 165 185); border-radius: 0 30px 0 0; } .redwine .elementor-heading-title { border-right-color: #ac172d; } .turkiye .elementor-heading-title { border-right-color: rgb(156 165 185); } .redwine .elementor-heading-title em, .turkiye .elementor-heading-title em { display: block; font-size: 24px; line-height: 24px; } .archi-home, .boutiq-home, .deco-home { --p: 35px; height: 120px; aspect-ratio: 1; clip-path: polygon(-55px var(--p), 100% 0%, 100% 100%, 0 100%); background: linear-gradient(145deg, #a6a6a6, #00000045); border-radius: 5px; margin: 7px 10px; transition: all 0.7s; } .archi-home:hover, .boutiq-home:hover, .deco-home:hover { box-shadow: 0px 40px 10px 10px #6a7fa561; } .archi-home:hover { background-color: #646464c9; } .boutiq-home { background: linear-gradient( 145deg, rgb(142 65 192 / 76%), rgba(78, 101, 180, 0.27) ); } .boutiq-home:hover { background-color: #152d9abf; } .deco-home { background: linear-gradient( 145deg, rgb(86 211 251 / 76%), rgb(38 88 94 / 27%) ); } .deco-home:hover { background-color: #5f9ea0; } .slick-dots li.slick-active button:before { color: transparent; background: rgb(11 101 198); opacity: 0.18 !important; width: 14px; height: 14px; border-radius: 35px; margin-top: 2px; margin-left: -2px; } .dash-logo.logo, .dash-logo a { display: block; } .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, .hm-offplan-box .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; } .property-schedule-tour-day-form { max-height: max-content; } .d-flex.fw-property-floor-data-wrap.fpl-rooms { display: none !important; } @media (min-width: 768.98px) and (max-width: 1024px) { .fw-property-features-left.block-wrap ul.list-2-cols { columns: 4 !important; } } @media (max-width: 1024px) { #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: flex-start; 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; padding: 30px !important; } .fw-property-features-right .block-content-wrap .list-2-cols li { min-height: 60px; width: 95% !important; vertical-align: top; border: 0 !important; /* border-top: 1px solid #eee !important;*/ } #property-contact-agent-wrap .block-title-wrap { margin-top: 20px; padding-bottom: 20px; } .block-content-wrap .list-2-cols li { flex-wrap: wrap !important; justify-content: flex-start; background: transparent !important; border: 1px solid #e0e0e0 !important; } .fw-property-features-wrap .fw-property-features-left li { columns: 1 !important; width: -webkit-fill-available; align-items: flex-start; justify-items: start; border: 0 !important; display: inline-block; } .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-type-form.d-flex.justify-content-between { max-width: 310px; } .property-schedule-tour-form-wrap .control input { top: 7% !important; left: 7px !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; } /* .dashboard-table tbody tr { border: 0.75px solid #ddd; border-radius: 10px; padding: 10px; margin-top: 50px !important; max-width: 95%; margin-left: auto; margin-right: auto; }*/ .table-hover tbody tr:hover, .table-hover thead tr { background: rgb(243 247 249); } .table-lined tbody td { display: inline-block; border: 0 !important; vertical-align: text-top; background: linear-gradient(180deg, #e2e2e25c, transparent); } /* .dashboard-table.table-lined tbody td { background: #fff !important; border: 0 !important; max-width: 100% !important; }*/ .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; } .bootstrap-select .bs-actionsbox .btn-group button { line-height: 15px !important; height: 25px; } } .table-lined tbody tr td { border-color: rgb(0 0 255 / 6%) !important; } .fw-property-floor-plans-wrap .fw-property-floor-data-wrap img { display: none !important; } .fw-property-floor-plans-wrap img { pointer-events: all !important; } /***/ /* Tablet */ @media (min-width: 600px) and (max-width: 991.98px) { .logo img { height: 29px !important; } .img-wrap-3-text:after { margin-left: -35px !important; } .icon-picture-sun:before { display: inline-block; position: relative; left: 5px; } .property-wrap .breadcrumb-wrap { display: none; } .page-title-wrap { margin-bottom: 30px; } .property-wrap .item-tools { position: absolute; right: 45px; top: 75px; } .property-wrap .page-title-wrap .page-title { margin-top: -15px !important; } .fw-property-documents-wrap { align-items: flex-start; } .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; width: calc(100% - 15px); } /* .responsive-table td:before { top: 0 !important; font-weight: 500; } .dashboard-table.responsive-table td:before { top: -35px !important; }*/ .dashboard-table tbody tr { border: 0.75px solid #ddd; padding: 10px; background: linear-gradient(164deg, #fff 90%, #ededed); } } /***/ @media (min-width: 992px) { .logo img { width: 100%; max-width: 147px; } /* .home .houzez-search-button { position: absolute; top: 0; }*/ } .logo a:hover { background: transparent !important; } /* .search-console { backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }*/ .search-console .bootstrap-select.form-control { background: transparent !important; border: 0 !important; } .search-console .form-control .btn { border-color: #ffffff0f !important; background: #ffffff7a !important; margin: 5px 5px 0; width: 98.8%; } .search-console .dropdown-menu .bs-searchbox { display: none; } .hm-search-bg .elementor-background-overlay { backdrop-filter: blur(1px); } @media (min-width: 1197px) { .hm-search-bg { width: 100%; overflow: hidden; overflow-y: visible; display: inline-block; } .commercial-hm-search { width: 285px !important; } } @media (min-width: 800px) { .commercial-hm-search { background: linear-gradient( 0deg, transparent 9%, #e9eff5 25%, #ebf0f500 70% ); margin-top: -200px; padding-top: 155px; padding-bottom: 90px; max-width: 285px !important; } } .search-pro { width: 45%; display: inline-block; vertical-align: top; } .search-pro-container { backdrop-filter: blur(3px); } .pro-box .elementor-column.elementor-col-33, .elementor-column[data-col="33"] { max-width: 180px; } .homebox .grid-item-subtitle { line-height: 22px !important; margin-bottom: 30px; padding-top: 10px; height: 40px; } .header-main-wrap .btn-create-listing { color: #f8f8f8; background: #000; border-color: transparent; text-transform: uppercase; font-size: 10px; font-weight: 600; letter-spacing: 0.75px; line-height: 27px; } .btn-search { background-color: #d80000; border-color: #d80000; } .header-main-wrap .login-register-nav .btn-create-listing { padding: 4px 10px; } .login-register-nav li a { color: #000; font-size: 14px; font-weight: 500; padding: 0 10px !important; } .login-register-nav li a:hover { background: transparent !important; color: #416cac !important; } .login-register-nav li { padding: 0 10px !important; background: #fff; border-radius: 3px; margin: 0 5px; height: 35px; line-height: 35px !important; } /* Login/Register Modal */ li.register-link { background: #091e95; border-color: transparent; } li.register-link a { color: #fff !important; } li.register-link:hover, li.favorite-link:hover { background: transparent; } li.favorite-link { border: 0; padding: 0; border-radius: 4px; background: transparent; margin-left: -10px; } .login-register .favorite-link .btn-bubble { position: absolute; display: inline-block; right: 0; text-align: center; font-family: "Jost"; font-size: 10px; line-height: 17px; height: 20px; width: 20px; font-weight: 400; color: #fff !important; margin-left: -2px; background: #3395ff; border-radius: 50%; vertical-align: super; font-style: italic; padding-left: 5px; } .page-content-wrap { padding: 0; } .FraudtipsWidget { padding-bottom: 20px; } .FraudtipsWidget ::marker { color: darkgrey; } .property-disclaimer li { font-family: "Assistant", sans-serif; font-weight: 300 !important; } .property-disclaimer p { font-style: italic; } .disclaimer-txt { padding-bottom: 15px; line-height: 27px; letter-spacing: 0.3px; font-size: 14px; font-weight: 200; font-style: normal !important; color: #000; } .footer-wrap { position: relative; z-index: 10; background: #f7f6f5; } .footer-top-wrap .container .row { border-radius: 0; background: transparent; margin: 0 auto; } /* Footer Menu */ #nav_menu-8 { height: 30px; border-radius: 22px; padding-left: 10px; } #menu-legals { margin-top: 5px; margin-left: -35px; } #menu-legals li { padding-top: 0 !important; display: inline-block; } #menu-legals li a { display: inline-flex; color: rgb(129, 137, 151); font-size: 13px; font-weight: 300; letter-spacing: 0.75px; margin-left: 7px; margin-right: 7px; padding: 0; border-bottom: 1px solid #bfbfbf00; } #menu-legals li a:before { display: none; color: transparent; } #menu-legals li::before { content: ""; display: inline-block; background: #68686800; width: 3px; height: 3px; padding: 2px; border-radius: 50%; margin-right: 5px; vertical-align: middle; transition: all 1s; } #menu-legals li:hover::before { background: #a31414; color: #bfbfbf !important; } #menu-legals .current_page_item { background: transparent !important; } #menu-legals .current_page_item a { color: #8b8b8b !important; background: #393939; height: 25px; padding: 3px 15px; border-radius: 3px; border: 1px solid rgb(184 195 205 / 3%); font-weight: 400; pointer-events: none; } .widget ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not( .dropdown-menu ):not(.nav-tabs) li { display: inline-block; margin-left: 0 !important; } .widget ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not( .dropdown-menu ):not(.nav-tabs) li a { color: #fff; letter-spacing: 0.4px; font-weight: 400; } .widget ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not( .dropdown-menu ):not(.nav-tabs) li a:before { display: none; } @media (min-width: 997px) { .footer-top-wrap .container .row { width: 100%; margin: 0 auto; } .footer-top-wrap .col-md-3 { flex: 0 0 19%; max-width: 19%; border-left: 1px dashed rgb(172 185 211 / 14%); } .footer-top-wrap .col-md-3:first-child { flex: 0 0 46%; max-width: 46%; border-left: 0; } .footer-top-wrap .logged-out, .footer-top-wrap .logged-in { margin-top: 55px; } .footer-top-wrap .col-md-3:last-child { flex: 0 0 12%; max-width: 12%; } } .footer_logo img { height: 35px; } .footer-top-wrap { background: #252525; padding: 0; padding-bottom: 10px; } .footer-bottom-wrap { margin-top: -1px; background: linear-gradient(rgb(56 62 69) 100%, transparent); border-top: 0 solid #c4c8cf; padding: 30px 0 50px; } @media (min-width: 1024px) { .footer-top-wrap, .footer-bottom-wrap { padding-left: 3%; } } @media (max-width: 1024px) { .footer-bottom-wrap { padding-top: 50px !important; padding-bottom: 50px !important; } } .widget ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not( .dropdown-menu ):not(.nav-tabs) { margin-top: 20px; } .widget ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not( .dropdown-menu ):not(.nav-tabs) li { font-size: 12px; line-height: 30px; padding-top: 10px; } .footer-copyright { width: 100%; font-size: 13px; color: rgb(207 207 207); letter-spacing: 0.3px; line-height: 21px; font-weight: 200; text-align: left; } .cookie-privacy-footer { max-width: 90%; font-size: 90%; margin-top: 20px; padding-top: 20px; border-top: 1px solid #fff1; } .cookie-privacy-footer a { border-bottom: 1px solid #fff2; color: #aab9d2; transition: all 1s ease-in-out; } .gdpr-text-wrap { font-size: 11px; letter-spacing: 0.3px; font-weight: 300; } .gdpr-text-wrap a { color: rebeccapurple; border-bottom: 1px solid #c5c5c5; } .footer-top-wrap .col-lg-1 { display: none; } .footer-bottom-wrap-v3 { padding: 30px 0 30px; } .houzez-halfmap-page .footer-wrap { display: none !important; } .widget-contact-us li, .widget-contact-us li a { font-size: 11px; letter-spacing: 0.75px; color: #a7a7a7; font-weight: 600; } .widget-title { margin-bottom: 10px; font-size: 12px; letter-spacing: 0.75px; text-transform: uppercase; line-height: 18px; padding-top: 20px; } .footer-bottom-wrap-v2 .logo, .footer-bottom-wrap-v3 .logo { margin: 0 0 15px 0; } .label.status-color-140 { display: none !important; } .label-color-45 { /* height: 22px !important;*/ margin: 3px; border-radius: 3px !important; text-align: center; } /* .label-color-45 { height: 50px; max-width: 47px !important; }*/ .status-color-33 { background: linear-gradient(180deg, #dd0000fa 50%, #af0000 100%); } .single-property .slick-prev, .lightbox-gallery .slick-prev, .hz-item-gallery-js .listing-gallery-wrap .slick-prev { text-shadow: none; background: none; } .lightbox-gallery .slick-prev { left: -70px !important; /* height: 60px !important;*/ padding-left: 15px !important; } .lightbox-gallery .slick-next { right: -70px !important; } /* .lightbox-gallery .slick-prev, .lightbox-gallery .slick-next {/* box-shadow: 0 0 0 10px rgb(62 100 155 / 15%); box-shadow: 0 0 0 2px rgb(255 255 255 / 53%); }*/ .single-property .slick-prev { left: 0; } .single-property .slick-next { right: 0; } .hz-item-gallery-js .listing-gallery-wrap .slick-next { right: 10px; text-shadow: none; height: 30px; top: 50%; } .custom-carousel-buttons-wrap .slick-next, .custom-carousel-buttons-wrap .slick-prev { width: 60px; height: 40px; background: #fff; border-radius: 100px !important; border: 1px solid #0001 !important; padding: 8px 15px; } .custom-carousel-buttons-wrap .slick-prev:hover, .custom-carousel-buttons-wrap .slick-next:hover { transform: scale(0.9) !important; background: #f0f3f5 !important; } .developercarddark .custom-carousel-buttons-wrap .slick-next, .developercarddark .custom-carousel-buttons-wrap .slick-prev { background: transparent; } .developercarddark .custom-carousel-buttons-wrap .btn-primary-outlined:before, .developercarddark .slick-next.btn-primary-outlined.slick-arrow:after { filter: invert(1) !important; } .custom-carousel-buttons-wrap .slick-next:before, .custom-carousel-buttons-wrap .slick-prev:before { width: 0 !important; vertical-align: middle; } .allproject .custom-carousel-buttons-wrap .slick-next:before, .allproject .custom-carousel-buttons-wrap .slick-prev:before { width: 7px !important; height: 15px; transition: all 0.7s; } .trendytxt { display: block; width: 98%; font-size: 13px; color: #2a2a2a; } .trendytxtdark { display: block; width: 98%; font-size: 13px; color: #ffffffba; letter-spacing: 0.2px; } @media (max-width: 787px) { .trendytxt { width: 100%; } } .trendytxtfooter { display: block; position: absolute; top: -11pc; color: #fff; font-size: 14px; font-weight: 300; letter-spacing: 0.4px; padding: 2px 8px 1px; filter: brightness(1.5); } .trendytxtheader { font-weight: 500; color: #000; display: block; padding-bottom: 15px; padding-left: 10px; } .trendytxtheader2 { font-weight: 300; font-size: 35px; line-height: 42px; } .trendytxtfooter:after, .trendytxtheader:after, .trendytxtheader2:after { content: ""; display: block; position: relative; z-index: -1; top: -4pc; left: -10px; width: 20px; height: calc(3.06rem - 5px); border-radius: 1px; background: linear-gradient(180deg, #7f1c1c, transparent); transform: skew(15deg, 0deg); } .trendytxtheader:after, .trendytxtheader2:after { left: 4%; z-index: 0; } .hometools .elementor-column { width: 170px; margin: 5px; } .home .resources { background-image: url("data:image/svg+xml,"); background-size: contain; background-repeat: repeat; } .home .custom-carousel-buttons-wrap .slick-prev { left: -65px !important; background: #fff !important; } .home .custom-carousel-buttons-wrap .slick-next { right: -65px !important; background: #fff !important; } .allproject .custom-carousel-buttons-wrap .slick-prev { left: -65px !important; background: transparent !important; } .allproject .custom-carousel-buttons-wrap .slick-next { right: -65px !important; background: transparent !important; } @media (max-width: 997px) { .home .custom-carousel-buttons-wrap .slick-prev { left: 20px !important; top: 40%; } .home .custom-carousel-buttons-wrap .slick-next { right: 20px !important; top: 40%; } } .home .coming-soon { pointer-events: none; opacity: 0.65; filter: grayscale(1); } .custom-carousel-slide-container { border-radius: 10px; border: 1px solid #d4d4d4; overflow: hidden; } .custom-carousel-slide-container img, .custom-carousel-slide-container .col-12:first-of-type { height: 205px; background: #fff; filter: brightness(0.825); object-fit: cover; transform: none; transition: all 0.7s ease; } .custom-carousel-slide-container img:hover, .custom-carousel-slide-container .col-12:hover:first-of-type { transform: scale3d(1.05, 1.03, 1) !important; filter: none; } .custom-carousel-slide-container .btn-primary { border-radius: 20px !important; padding: 3px 27px; height: 24px; line-height: 14px; } .developercard .hz-carousel-content { padding: 13px; border-radius: 10px; background: linear-gradient(180deg, #fbf8f8 50%, #fff); } .developercarddarker .hz-carousel-content { padding: 13px; border-radius: 10px; background: linear-gradient(0deg, black 50%, transparent); } .developercarddark .hz-carousel-content-wrap h2, .developercardblack .hz-carousel-content-wrap h2 { padding-left: 10px; } .home .hz-carousel-content-wrap, .developercarddarker .hz-carousel-content-wrap { background: linear-gradient(0deg, black 50%, transparent); transition: transform 0.7s ease-in-out !important; } .home .hz-carousel-content-wrap:hover { transform: translateY(3px); } .developercarddark .custom-carousel-buttons-wrap .btn-primary-outlined:hover:before { width: 6px; height: 18px; transform: translateX(-2px); } .hometools .box { border: 1px solid #0002; border-radius: 4px; transition: all 0.9s ease-in-out; } .hometools .box a { color: #000; } .hometools .box a:hover { color: #421ad7; } .slick-prev:before, .slick-next:before { font-size: 10px; } .single-property .slick-prev::before, .slick-arrow:before { content: "" !important; background-image: url("https://propertybox.co.ke/media/2024/06/nav-left.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; } .single-property .slick-next::before, .houzez-listing-carousel .slick-next:before { background-image: url("https://propertybox.co.ke/media/2024/06/nav.svg"); background-position: center; } .grid-view .listing-gallery-wrap .slick-prev::before { background: url("https://propertybox.co.ke/media/2024/06/nav-left.svg") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; transform: none !important; padding: 0 !important; } @media (max-width: 1024px) { .single-property .slick-next::before, .houzez-listing-carousel .slick-next:before { padding-left: 14px; } } .list-view .slick-next:before, .list-view .slick-prev:before, .grid-view .listing-gallery-wrap .slick-next:before, .grid-view .listing-gallery-wrap .slick-prev:before { height: 15px !important; width: 5px; filter: invert(1); } .houzez-halfmap-page .list-view .slick-next:before, .houzez-halfmap-page .grid-view .listing-gallery-wrap .slick-next:before { width: 15px; } .listing-gallery-wrap .slick-next, .listing-gallery-wrap .slick-prev { height: 30px !important; } .single-property .slick-prev:before, .slick-next:before, .slick-prev:before { content: "" !important; opacity: 1; height: 30px; width: 30px; background-size: contain; background-repeat: no-repeat; background-position: left; } .grid-view .listing-gallery-wrap .slick-next:before, .grid-view .listing-gallery-wrap .slick-prev:before { height: 15px; } .modal-open .modal { background: rgb(0 0 0 / 35%); } .property-lightbox .modal-footer { display: none; } .property-lightbox .modal { z-index: 999990; } .lightbox-gallery .slick-prev, .lightbox-gallery .slick-next { height: 30px; width: 30px; opacity: 0.75; border-radius: 0; } ul.property-item-tools { position: relative; left: 80%; } @media (max-width: 768px) { .single-property .slick-prev, .lightbox-gallery .slick-prev { left: -40px !important; } .single-property .slick-next, .lightbox-gallery .slick-next { right: -40px !important; } } .single-property .lightbox-gallery .slick-prev::before, .lightbox-gallery .slick-next::before, .lightbox-gallery .slick-arrow:before { filter: invert(1) !important; } .fw-property-sub-listings-wrap .item-tools, .similar-property-wrap .item-tools { bottom: 1px !important; right: 0 !important; text-align: center !important; } #property-sub-listings-wrap .listing-view { text-align: center; } .single-property .slick-next, .single-property .slick-prev { height: 30px; width: 30px; border-radius: 0; } .item-wrap-v2 .item-amenities { padding-top: 0; text-align: center; padding-right: 10px !important; padding-left: 10px !important; } .item-wrap-v2 .item-amenities, .item-wrap-v2 .item-amenities li { min-width: 60px !important; margin-left: 0 !important; margin-right: auto !important; } .slick-slide .hz-image-caption, .lslide .hz-image-caption { display: none !important; } .lightbox-content-wrap .labels-wrap { margin-bottom: 22px; } .lightbox-content-wrap .property-overview-data { border-bottom-width: 0; } .lightbox-content-wrap .property-overview-data .flex-fill { font-size: 12px; text-align: center; background: #edf1f7; margin-right: 1px; margin-bottom: 1px; } .labels-right a { pointer-events: none; display: block; font-size: 9px; word-break: keep-all; font-weight: 400; padding: 3px; letter-spacing: 0.5px; float: right; margin: 2px; border-radius: 3px; } .list-view .item-wrap.item-wrap-no-frame .labels-right a { min-width: 55px; max-width: 95px; font-size: 8px !important; color: #000 !important; border-radius: 100px !important; background: #e0f0f5 !important; padding: 2px 5px !important; text-align: center; display: inline-block; } .hz-item-gallery-js .listing-gallery-wrap .slick-arrow { transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; width: 30px; background: rgb(0 0 0 / 60%); border-radius: 50%; margin-top: -10%; } .hz-item-gallery-js .listing-gallery-wrap .slick-arrow:hover { background: #0059; } .single-property .slick-arrow.slick-prev, .slick-prev, .single-property .slick-arrow.slick-next, .slick-next { background: #0008; color: transparent; transition: all 0.7s !important; border-radius: 80px; } .single-property .slick-arrow.slick-next, .slick-next { background: #0008; padding-right: 2px; } .single-property .slick-arrow.slick-next:hover, .single-property .slick-arrow.slick-prev:hover, .lightbox-gallery .slick-arrow:hover { opacity: 0.3; } .fw-property-section-wrap .block-wrap { padding-top: 40px; padding-bottom: 40px; } .fw-property-section-wrap .block-title-wrap { margin-bottom: 30px; } .detail-address, .detail-state { background: transparent !important; border-bottom: 0 !important; } li.detail-address { border-bottom: 1px solid #dfdfdf !important; } @media (min-width: 992px) { .single-property .item-listing-wrap .icon-love-it:after, .item-listing-wrap .single-property .property-detail-v6 .text-danger.icon-love-it:after { display: none !important; } /***** Property Banner Images CSS *****/ .property-banner .container { height: 55vw; max-height: 526px; position: relative; background: linear-gradient(175deg, #ffffff 90%, transparent); } .property-banner { height: 55vw; padding-top: 0; padding-bottom: 35px; margin-bottom: 10px;/* background: linear-gradient(1deg, white, #f5f5f5);*/ z-index: 999; } .property-detail-v6 .property-banner .block-wrap { width: 75%; } .property-detail-v6 .property-banner .block-wrap ul:first-of-type { border-left: 1px dashed #b1b8d1 !important; } .property-detail-v6 .property-banner .block-wrap ul { margin-top: -30px; padding: 10px; background: transparent; transform: skew(-15deg); border-right: 1px dashed #b1b8d1 !important; } .property-detail-v6 .property-banner .block-wrap ul:nth-child(n + 1):nth-child(-n + 2) { border: none !important; display: inline-flex; text-align: left; flex-direction: column-reverse; } } .single-property .houzez-share .dropdown-toggle::after { display: none !important; } /* New Gallery Layout */ @media (min-width: 768px) { .hs-gallery-v4-grid-item .img-fluid, .hs-gallery-v5-grid-item .img-fluid { width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; border-radius: 4px; overflow: hidden; max-height: 217.5px; } .hs-gallery-v5-grid-item.hs-gallery-v5-grid-item-01 { height: 445px !important; overflow: hidden; border-radius: 20px 0 0 20px; } .img-wrap-1 .img-fluid { height: 445px !important; max-height: 445px !important; overflow: hidden; } } .hs-gallery-v5-grid { width: 90%; margin: 0 auto; } .property-banner-item a { display: block; position: relative; height: -webkit-fill-available; } .img-wrap-3-text i { display: inline-block; color: transparent; font-size: 24px; padding: 0; vertical-align: top; } .icon-picture-sun:before { color: transparent; padding: 3px; background: url("/asset/media/svg/image-gallery.svg"); background-size: 25px; background-position: center; background-repeat: no-repeat; filter: invert(1); opacity: 0.85; } .property-detail-v6 .property-banner .img-wrap-3 img { height: 100%; width: 100%; object-fit: cover; vertical-align: bottom; border-radius: 10px; } .page-title-wrap .item-address { font-size: 13px; line-height: 20px; font-weight: 400; color: #2c3032; height: 25px; white-space: pre-line; overflow: hidden; max-width: 325px; display: block; margin-left: 5px; margin-top: 0; transform: scale(0.85); } @media (max-width: 787px) { .property-detail-v6 .property-banner .img-wrap-2, .property-detail-v6 .property-banner .img-wrap-3 { width: calc(222px - 0.5rem); } .property-lightbox .modal-content { background-color: transparent !important; } .lightbox-tools a { height: 44px; } .property-lightbox .modal.show, .dialog-type-lightbox { padding: 20px; /* background: rgb(27 27 27 / 95%) !important;*/ background: rgb(11 9 24 / 95%) !important; } .property-schedule-tour-form-wrap { padding: 0 10px !important; } .property-schedule-tour-form-wrap .control input { left: 2% !important; top: 7% !important; transform: scale(0.575); } .property-schedule-tour-form-wrap .form-group-terms .control input { opacity: 0 !important; } } .property-schedule-tour-form-wrap .form-group-terms .control input { left: -3px !important; top: -6px !important; width: 20px; height: 20px; } .property-lightbox .modal-content { max-width: 88%; height: 100vh; margin: 0 auto; } @media (max-width: 1024px) { .property-lightbox .modal-content { height: 90vh; max-width: 95%; } } /* ------------ */ .save-search-btn { line-height: 24px; background: #dedede !important; color: #000; transition: all 0.7s; font-weight: 500; } @media (min-width: 1024px) { .save-search-btn { height: 35px; display: flex; flex-direction: column; justify-content: center; transform: translate(-7px, -5px); } .advanced-search-v3 .flex-search .save-search-btn:hover { color: #000 !important; scale: 0.95; transform: translate(-7px, -5px) !important; } } .save-search-btn:after { display: none !important; } .save-search-btn i:before { display: none; } .save-search-btn:hover, .save-search-btn:active { color: #727272; font-weight: 400; border-color: transparent !important; background: #d5d5d5 !important; } @media (min-width: 1200px) { .property-view.fw-full-width-property-view { width: 70%; background: linear-gradient(90deg, #ffffff 28.5%, #ffffff 98.5%); padding-top: 30px; padding-left: 0; padding-right: 0; border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-radius: 30px 30px 0 0; box-shadow: 0 0 30px #0001; } } /* Dashboard Sidebar Menu */ .nav-box h5 { color: rgb(0, 0, 0); letter-spacing: 0.4px; padding: 5px 10px; margin-left: 15px; margin-bottom: -15px; background: #d7d7d7; width: max-content; border-radius: 30px; } .nav-box ul { border-left: 1px solid #d4d4d4; margin-left: 20px; padding-left: 0px; padding-top: 25px; border-radius: 0 0 0 30px; } .nav-box ul li a { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-size: 14px; border-right: 0; font-weight: 500 !important; font-family: "Assistant"; padding-left: 10px; color: #000 !important; padding: 5px 20px; gap: 10px; border-right-width: 20px; } /* ------------- */ /**** Mortgage Finance **/ .fa-external-link-square-alt:before { content: ""; display: inline-block; color: transparent; width: 14px; height: 14px; background: url("https://propertybox.co.ke/media/2024/04/external.png"); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; } .finance .elementor-button.elementor-size-xs { border: 0 !important; border-radius: 4px !important; } .finance .elementor-button.elementor-size-xs:hover { background: #0001; border: 0 !important; color: #0003; } .finance .elementor-background-overlay:after { content: ""; display: block; height: 100%; 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='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1008%26quot%3b)' fill='none'%3e%3cpath d='M-149.01 267.02C37 265.11 286.57 61.86 567.23 65.42 847.89 68.98 780.26 526.99 925.35 593.04' stroke='rgba(129%2c 129%2c 129%2c 0.78)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-44.25 318.83C93.45 318.04 275.38 189.46 492.6 195.63 709.81 201.8 646.26 582.71 761.02 646.06' stroke='rgba(129%2c 129%2c 129%2c 0.78)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-149.26 383.93C0.12 381.63 128.5 197.79 419.03 199.13 709.55 200.47 811.08 603.27 987.31 626.17' stroke='rgba(129%2c 129%2c 129%2c 0.78)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-173.98 83.66C-23.17 86.61 83.64 273.98 394.7 285.26 705.75 296.54 802.33 580.79 963.37 590.21' stroke='rgba(129%2c 129%2c 129%2c 0.78)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-34.16 163.93C145.36 165.65 296.57 349.78 658.25 354.33 1019.93 358.88 1168.39 580.02 1350.66 582.95' stroke='rgba(129%2c 129%2c 129%2c 0.78)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1008'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e"); background-size: contain; background-position: left; background-repeat: no-repeat; opacity: 0.2; } .finance .loan-particular { display: inline-block; width: max-content; margin-left: 10px; padding: 0 5px; font-size: 85%; line-height: 14px; font-weight: 500; background: #eee; border-radius: 4px; } /***/ .item-compare .item-tool > span { color: #000; } .compare-property-panel .compare-property-label { background: #e8e9ed; } .compare-property-panel .compare-property-label:hover { background: #e8e9ed80; } .compare-property-panel-right.compare-property-panel-open { box-shadow: 0 40px 15px 7px #0001; border-left: 0; } /**** Mortgage Calculator section ****/ .adv-wrapper { width: 85%; background: linear-gradient(0deg, transparent 70%, #e7e7e7 70%); } /* .agent-map { display: none; }*/ @media (max-width: 768.98px) { .fw-property-contact-agent-wrap { display: none; } .property-banner-grid-wrap { display: none !important; } } .mortgage-disclaimer { width: 90%; font-size: 12px; font-weight: 300; line-height: 16px; margin: -30px auto 0; color: #53535f; letter-spacing: 0.5px; } #property-mortgage-calculator-wrap .d-flex.align-items-center.sm-column { display: inline-block !important; border: 0; background: linear-gradient(180deg, #f3e4e496, transparent); padding: 30px; margin-bottom: 25px; } .mortgage-calculator-monthly-payment { font-size: 18px; font-weight: bold; } .mortgage-calculator-chart.flex-fill { /* margin: 15px; border-right: 1px dashed #a7a7a7;*/ display: none !important; } .mortgage-calculator-data.flex-fill { /* background: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 3px 0 #c8dce9;*/ border: 0; } .input-group-text { font-size: 12px; font-weight: 600; } .btn, .form-control, .bootstrap-select .text, .sort-by-title, .woocommerce .products .product .button { font-size: 13px; } .dropdown .form-control, .bootstrap-select .text, .sort-by-title { line-height: 18px; } .btn-secondary { background: #6b6b6b; border-color: transparent; max-width: max-content; } .login-register-form .tab-content > .tab-pane form { justify-items: center; } #houzez-register-btn, #houzez-login-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 40px; width: 95%; font-size: 13px; letter-spacing: 0.75px; color: #fff; background: #505050; border: 2px solid #505050; border-radius: 4px; text-transform: uppercase; transition: all 0.5s !important; } #houzez-register-btn:hover, #houzez-login-btn:hover { background: #757575; border-color: #757575; } .btn-google-plus-lined, .btn-facebook-login { display: flex; flex-direction: column; align-items: center; height: 40px !important; font-size: 14px; font-weight: 300 !important; text-transform: Capitalize; color: #898989; border: 1px solid #888 !important; padding-left: 55px; border-radius: 5px !important; background: #fff !important; transition: all 0.5s !important; } .btn-google-plus-lined .google-icon { padding: 7px !important; height: 38px !important; width: 38px !important; border-radius: 22px; left: 5px; top: 0; } .btn-google-plus-lined:hover, .btn-facebook-login:hover { transform: scale(0.95); color: #000; box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%); } .btn-facebook-login { /*background: linear-gradient(90deg, #0165E1, #17A9FD);*/ padding-left: 0 !important; } .hz-facebook-login:before { content: ""; display: inline-block; width: 25px; height: 30px; margin-right: 15px; margin-bottom: 5px; background: url("https://propertybox.co.ke/media/2024/06/fb.svg"); background-size: contain !important; background-repeat: no-repeat; background-position: center; vertical-align: inherit; } @media (min-width: 997px) { /***** Lighbox gallery & General ******/ .lightbox-slider, .lightbox-gallery-wrap { min-height: 300px; max-height: 100%; background: transparent !important; height: calc(100dvh - 0px) !important; } .lightbox-gallery-wrap { width: 100%; padding: 0; } .lightbox-slider .single-property .slick-list, .lightbox-slider .listing-slider-variable-width, .lightbox-slider .slick-slide img { height: calc(100dvh - 0px) !important; object-fit: contain; -ms-object-fit: contain; width: fit-content; overflow: hidden; } .lightbox-slider .slick-slider .slick-list, .lightbox-slider .slick-slider .slick-track { height: 592px; } .lightbox-slider, .lightbox-gallery-wrap { height: 100%; border: 0; } .single-property .slick-next, .slick-prev { height: 535px; border-radius: 0; } } /****** Lighbox CSS end ******/ .lightbox-slider .single-property .slick-list, .lightbox-slider .listing-slider-variable-width, .lightbox-slider .slick-slide img { pointer-events: none; } .property-lightbox .slick-initialized .slick-slide { opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.62, 0.41, 0.98, 0.99); } .property-lightbox .slick-slide.slick-current.slick-active { opacity: 1; transition-duration: 1300ms; } .property-navigation-wrap, ul.property-navigation { display: none !important; } .fw-property-section-wrap:nth-child(even) { background: #fff; } .page-title h1 { font-size: 14px !important; line-height: 21px; font-weight: 500; margin-bottom: 15px; font-family: system-ui; letter-spacing: 0.5px; text-transform: uppercase !important; } @media (max-width: 991.98px) { .page-title-wrap .page-title h1 { padding-top: 25px; } .page-title-wrap .item-price-wrap { /*width: 210px;*/ display: inline-block; position: relative; margin-top: 40px; } } @media (max-width: 600px) { .fw-property-description-wrap .small-text { position: relative !important; top: 10px !important; } .page-title-wrap .item-price-wrap { width: 210px; margin-top: 0; } } @media (min-width: 600px) and (max-width: 1024px) { .fw-property-description-wrap .small-text { position: relative; top: 0 !important; left: auto !important; right: 1%; } } .grid-view .item-listing-wrap { width: 45%; flex-basis: 45%; padding: 10px !important; margin-bottom: 30px !important; } .home .grid-view .item-listing-wrap { padding: 0 15px !important; min-height: 430px; margin-top: 10px; } @media (min-width: 600px) and (max-width: 768px) { .home .grid-view .item-listing-wrap { display: flex !important; flex-direction: column !important; width: 297px !important; } } .single-houzez_agency .grid-view .item-listing-wrap .item-amenities li { font-size: 11px; } .single ul.item-amenities.item-amenities-without-icons i, .single ul.item-amenities.item-amenities-without-icons i:before, .single-houzez_agent ul.item-amenities.item-amenities-without-icons i, .single-houzez_agent ul.item-amenities.item-amenities-without-icons i:before { width: 17px !important; } @media (min-width: 997px) { .single-houzez_agency .grid-view .item-listing-wrap { flex-basis: 33%; transform: scale(0.95); margin: 20px 0 0; padding: 5px !important; } .single-houzez_agency .bt-content-wrap { flex: 0 0 70%; } .single-houzez_agency .bt-sidebar-wrap, .single-houzez_agent .bt-sidebar-wrap { flex: 0 0 34%; margin-top: -28vw; } .single-houzez_agent .bt-sidebar-wrap { background: linear-gradient(180deg, #f4f6f7 100px, transparent); z-index: 0; max-width: 375px; margin-left: auto; margin-right: auto; } /* .single-houzez_agent .bt-sidebar-wrap { margin-top: -10px; }*/ .single-houzez_agency .sidebar-wrap, .single-houzez_agent .sidebar-wrap { width: 375px; border: 0 !important; background: #fff !important; box-shadow: -4px 4px 28px -17px rgb(0 0 0 / 25%); border-radius: 7px !important; margin-left: -15px !important; } .single-houzez_agency .agent-contacts-wrap, .single-houzez_agent .agent-contacts-wrap { background: #fff; border: 0; box-shadow: rgb(0 0 0 / 7%) 0px -3px 16px; border-radius: 0 !important; } .single-houzez_agent .sidebar-wrap, .single-houzez_agent .agent-contacts-wrap { box-shadow: none !important; } .single-houzez_agent .agent-contacts-wrap { border-radius: 8px !important; background-color: #f4f6f7 !important; } .single-houzez_agent .content-wrap .container .bt-sidebar-wrap:after { content: ""; background: transparent; display: block; position: absolute; top: -1px; left: -1px; margin-right: -1px; width: -webkit-fill-available; height: 400px; border-radius: 4px 4px 0 0; border: 1px solid #ddd; border-bottom: 0; z-index: -1; box-shadow: #dcdcdc -10px -20px 60px -17px; } } @media (min-width: 600px) and (max-width: 1080px) { /* .grid-view .item-listing-wrap { width: 320px !important; max-width: 400px; } .home .grid-view .item-listing-wrap { max-width: 100%; }*/ .full-width-property-view .similar-property-wrap .grid-view .item-listing-wrap { width: 100% !important; } } .item-wrap a.btn.btn-primary.btn-item { font-size: 25px; font-weight: 500; background: #d8e1e7; border: 0; transform: scale(0.8); color: #bd0000; } .author .grid-view .item-listing-wrap { flex-basis: 33% !important; } .author .listing-thumb { height: 175px; } .author .grid-view .item-body .item-title, .author .item-address, .author .item-amenities { font-size: 90% !important; } .grid-view .labels-wrap { text-align: -webkit-right; text-align: right; float: right; padding: 2px 5px; top: -1px; right: 0; z-index: 2; filter: opacity(0.85) brightness(0.75); max-width: 135px; } .item-footer .item-date { display: inline-block; padding-top: 10px; padding-bottom: 10px; font-style: italic; text-align: center; line-height: 12px; font-size: 11px; } #half-map-listing-area .item-footer .item-date { padding-top: 0 !important; padding-left: 0; margin-left: 30px; max-width: max-content !important; } #half-map-listing-area .item-footer .item-date:before { content: "Last Update : "; display: inline-block; position: relative; padding-left: 15px; font-style: normal; } #half-map-listing-area .item-date i:before, #half-map-listing-area .icon-attachment::before { display: none; } .hover-effect:before { background-image: linear-gradient( to bottom, rgb(255 255 255 / 0%) 0%, rgb(0 0 0 / 82%) 0%, rgba(0, 0, 0, 0) 50%, rgb(0 0 0 / 35%) 100% ); transition: all 0.7s !important; } .grid-view .item-listing-wrap, .list-view .card { transition: all 0.5s ease-in-out; transform: translateY(0); } .grid-view .item-listing-wrap:hover, .list-view .card:hover { transform: translateY(-2px); scale: 0.995; } @media (max-width: 768px) { .half-map-left-wrap, .half-map-right-wrap { display: initial; } } .houzez-listing-carousel .slick-slider .slick-list, .houzez-listing-carousel .slick-slider .slick-track, .houzez-listing-carousel .slick-slide img { height: 275px !important; object-fit: cover; } #similar-listings-wrap .houzez-listing-carousel .slick-slide img { height: 235px !important; } @media (min-width: 1201px) { .half-map-right-wrap { width: 64% !important; margin-right: 5px; } .half-map-left-wrap { width: calc(100% - 65%) !important; background: #faf9f8; } .houzez-halfmap-page .grid-view .item-listing-wrap { width: 33%; flex-basis: 33%; } .houzez-halfmap-page .grid-view .listing-thumb { height: 185px; } .houzez-halfmap-page .label-status { display: none; } } #half-map-listing-area .page-title-wrap .page-title { font-style: italic; margin-top: 0 !important; margin-bottom: 10px; } #half-map-listing-area .page-title-wrap .page-title span { display: inline-block; font-style: normal; color: #6d6d6d; font-weight: 300; font-size: 112%; border-radius: 30px; min-width: 30px; border: 1px solid #c2d0dc; text-align: center; margin-right: 7px; } .grid-view .item-price-wrap { letter-spacing: 0.5px; padding: 5px 10px !important; text-align: center; top: 0; height: 15px; min-width: 110px; max-width: 130px; color: #fff; } .item-price-wrap { color: #fff; bottom: initial; z-index: 2; top: 9% !important; left: 2% !important; text-align: left !important; background: transparent !important; margin-top: 0; } .property-top-wrap .block-wrap { background: transparent; padding: 0 !important; border-top: 0 !important; } @media (min-width: 992px) { .property-top-wrap { min-height: 85vw !important; } } @media (min-width: 992px) { .page-title-wrap .container { display: flex; flex-direction: column; justify-content: flex-start; width: 88%; min-height: 65px; } .property-top-wrap { position: relative; min-height: 75vw; width: 100vw; margin-bottom: 0; border-bottom: none !important; margin-top: -150px; padding-top: 120px; z-index: 7; background: linear-gradient(180deg, #faf6f1 13%, #ffffff 14%, #f5f5f5 86%); backdrop-filter: blur(10px); border-radius: 0 0 7vh 7vh; } .property-banner .container { position: relative; max-height: 526px; } } .property-banner .container { z-index: 999; max-width: 100%; } .property-banner .container .block-wrap { background: transparent; margin-top: 50px; } .property-banner .d-flex.property-overview-data::before, .property-banner .d-flex.property-overview-data::after { left: 2%; } .property-banner .d-flex.property-overview-data::before { border-color: transparent transparent rgb(245 246 247); } .property-banner .d-flex.property-overview-data::after { content: ""; display: block; position: absolute; top: -7px; border-width: 0px calc(6px) 6px; border-color: transparent transparent rgb(217 217 217); border-style: solid; margin-top: 1px; transform: translate3d(30px, 0px, 0px); z-index: -1; } @media (min-width: 1201px) { .property-top-wrap { min-height: 55vw !important; } } .single-property .page-title-wrap .label::before { display: none !important; } .page-title-wrap .label { display: inline; font-size: 9px; padding: 6px !important; font-weight: 300 !important; letter-spacing: 0.5px; border-radius: 4px; height: 60px; margin: 3px; max-width: 60px !important; padding: 7px !important; vertical-align: unset; text-align: center !important; } a.label-status, .label, .status { pointer-events: none; font-size: 12px; } .page-title-wrap .item-price-wrap .item-sub-price { font-size: 11px; line-height: 15px; font-style: italic; font-weight: 400; } .property-price-wrap .item-price { font-size: 15px; font-weight: 400; letter-spacing: 0.65px; padding: 0 0; } .page-title-wrap .item-price-wrap .item-price { font-size: 15px; margin-bottom: 2px; font-weight: bold; } @media (min-width: 1480px) { #property-contact-agent-wrap { z-index: 5 !important; } } @media (min-width: 997px) { .page-title-wrap .label { font-size: 8px; border-radius: 3px !important; height: 38px; max-width: 60px !important; float: right; } .d-flex.align-items-center.property-title-price-wrap { float: inline-start; margin-top: 0 !important; align-items: flex-start !important; } .property-labels-wrap { display: inline; vertical-align: top; min-height: 45px; } .page-title-wrap .item-address { margin-top: 0; padding-left: 0; display: inline-block !important; vertical-align: top; } .single-property .page-title-wrap .item-price-wrap { position: absolute; width: 250px; display: inline-block; padding-right: 15px; line-height: 20px; margin-top: 20px; } .property-wrap .breadcrumb-wrap { top: 0px; } .single-property .property-title-price-wrap li.item-price:before { content: "Price"; display: inline-block; position: relative; letter-spacing: 0.2; font-size: 15px; font-weight: 300; font-style: italic; padding-right: 5px; color: #7b7b7b; left: -5px; } .page-title-wrap { padding-top: 25px; padding-bottom: 40px; z-index: 12; } .property-wrap .page-title-wrap { z-index: 1290; padding-top: 30px !important; padding-bottom: 30px !important; } .property-wrap .page-title-wrap .page-title { display: inline-block; margin-top: 0; overflow: hidden; text-overflow: ellipsis; white-space: normal; } } .property-wrap .page-title-wrap { background: #fff; } @media (max-width: 997px) { .property-wrap .page-title-wrap .page-title { display: inline-block; margin-top: 0; width: 570px; max-width: 570px; overflow: hidden; text-overflow: ellipsis; white-space: normal; border-bottom: 1px solid #ddd; } .property-title-price-wrap { display: inline-block; width: 570px; max-width: 570px; margin-top: 0 !important; } } @media (max-width: 768.98px) { .full-width-property-view .similar-property-wrap { padding: 0 20px !important; } } .fw-property-mortgage-calculator-wrap { border-bottom: 0; } .property-wrap .breadcrumb-wrap { background: linear-gradient( 90deg, #ffffff 25%, #ece8e0cc 50%, #00000024 ) !important; backdrop-filter: blur(4px); border-radius: 0 !important; margin-top: 0; position: fixed; z-index: 1110; top: 45px; left: 0; width: 100%; min-height: 40px; } .breadcrumb { background-color: #0000 !important; background: linear-gradient( 90deg, #fff 25%, #ececec 50%, #0000000f ) !important; border-radius: 0; min-height: 33px; } .property-wrap .breadcrumb { min-height: 40px; border-top: 1px solid rgb(210 210 210); border-bottom: 1px solid rgb(210 210 210); background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 25%, rgb(251 251 251 / 44%) 50%, rgb(255 255 255 / 36%) ) !important; } .breadcrumb-item-home { display: inline-block; } .breadcrumb .icon-house { display: none; } .breadcrumb .icon-house:before { max-width: 18px !important; opacity: 0; } .breadcrumb-item + .breadcrumb-item::before { display: none; } .breadcrumb-item.breadcrumb-item-home { width: 35px; height: 30px; color: transparent !important; background: transparent; text-align: center; padding-top: 3px; margin-left: 20px; } .breadcrumb-item a::before { content: ""; font-size: 0; background: url("https://propertybox.co.ke/media/2024/10/PropertyBox-Apple-icon-57px.svg"); background-position: center; background-repeat: no-repeat; background-size: 30px; padding: 0; margin: 0; width: 30px; height: 25px; display: block; position: relative; filter: grayscale(1); opacity: 0.7; } .breadcrumb-item.breadcrumb-item-home a { color: transparent; display: block; } .breadcrumb .breadcrumb-item-back-to-search.breadcrumb-item-back-to-search a::before { display: none; } .breadcrumb-item-back-to-search { background: #d9e9f1; padding: 9px 40px; border-radius: 0; margin-right: 1px !important; margin-top: -1px; border-top: 1px solid #c5c5c5; height: 40px; min-width: 198px; } .breadcrumb-item-back-to-search a { color: #000; } .breadcrumb-item + .breadcrumb-item::before { font-size: 0; padding-left: 0; color: transparent; background: #ececec; margin-right: 15px; } .breadcrumb-item.active { display: inline-block; font-size: 12px; line-height: 18px; height: 30px; letter-spacing: 0.4px; text-transform: lowercase; font-weight: 300; color: #000; align-content: center; } .woocommerce-page .breadcrumb { display: none !important; } @media (min-width: 1201px) { .half-map-right-wrap .breadcrumb { height: 33px; } } .half-map-right-wrap .breadcrumb { display: none; } .item-tools { bottom: 1px; right: 1px; padding: 2px; width: max-content; text-align: center; background: #fff; border-radius: 30px; } .single-houzez_agency .item-tools { scale: 0.75; } .half-map-wrap .listing-view .item-tools { width: 105px; bottom: 3px; right: -8px; background: rgb(255 255 255 / 39%) !important; transform: scale(0.75); filter: invert(1); } .half-map-wrap .listing-view .icon-love-it:before { filter: invert(1); } .grid-view .item-listing-wrap .item-tools { bottom: 31px; right: 1px; } li.item-tool.item-compare { border-left: 1px solid rgb(149 149 149 / 25%); } .property-wrap .item-tools { display: block; text-align: right; width: 300px; margin-bottom: -10px; } .property-detail-v6 .page-title-wrap .item-tools { background: transparent; } @media (max-width: 600px) { .block-content-wrap .list-2-cols li { display: inline-block; line-height: 24px !important; background: #ededed; padding: 7px 15px; margin-bottom: 7px; font-size: 90%; } } @media (max-width: 997.98px) { .block-content-wrap .list-2-cols li { line-height: 24px !important; background: #ededed; padding: 7px 15px; margin-bottom: 7px; font-size: 90%; } } #property-features-wrap .d-flex { flex-direction: column-reverse; } .fw-property-features-wrap .block-wrap { margin: 0 auto; } .fw-property-features-wrap .fw-property-features-left li { margin-bottom: 8px !important; } .fw-property-features-wrap .fw-property-features-left li img { width: 20px; height: 20px; object-fit: contain; } @media (min-width: 880px) { #property-features-wrap { width: 95%; border: none; padding: 15px 0 35px 20px !important; border-radius: 0; margin: 0 auto; border-bottom: 1px outset rgb(255 255 255 / 35%); } .fw-property-features-wrap .block-wrap { padding: 30px; border-radius: 0; } .fw-property-features-wrap .fw-property-features-right { width: 95%; background: transparent; border-radius: 0; } .fw-property-features-wrap .fw-property-features-left .block-content-wrap .list-2-cols { columns: 3; padding: 0 20px; } .fw-property-features-wrap .fw-property-features-right .block-content-wrap .list-2-cols { columns: 3; } .fw-property-features-wrap .fw-property-features-left li { padding: 2px 0; border-bottom: 0; } .fw-property-features-wrap .fw-property-features-left { width: 100% !important; padding: 30px 40px 20px !important; background: transparent; } .fw-property-features-wrap .fw-property-features-right li { height: max-content; padding: 15px; background: transparent; display: inline-block; justify-content: center; text-align: center; } .fw-property-features-wrap .fw-property-features-right li span { font-size: 12px; color: #7c7c7c; } .fw-property-features-wrap .fw-property-features-left li, .fw-property-features-wrap .fw-property-features-right li { margin-bottom: 5px !important; margin-right: 0; width: 200px; min-height: 30px; display: inline-flex; text-align: left; align-items: flex-end; justify-content: flex-start; } .fw-property-features-wrap .fw-property-features-left li { min-height: 35px; overflow: hidden; max-height: 35px; align-items: flex-end; justify-content: flex-start; width: calc(100% / 3.1); margin-top: 0; } .fw-property-address-wrap.fw-property-section-wrap { width: 95%; margin: 0 auto; background: transparent; padding: 0 75px !important; } .fw-property-contact-agent-wrap.fw-property-section-wrap { width: 40%; padding: 0; display: inline-block; margin-left: 15%; vertical-align: text-top; } .fw-property-contact-agent-wrap.fw-property-section-wrap h2 { font-size: 12px !important; line-height: 12px; letter-spacing: 1px; margin-bottom: -10px !important; color: #646464; font-weight: 400; text-align: center !important; } .fw-property-address-wrap.fw-property-section-wrap .block-wrap .block-content-wrap { background: #fff; } .fw-property-address-wrap.fw-property-section-wrap h2 { float: left !important; } .fw-property-address-wrap.fw-property-section-wrap .block-wrap .block-content-wrap .list-3-cols { columns: 1; padding: 10px; background: #fff; } .fw-property-address-wrap.fw-property-section-wrap .block-wrap .block-title-wrap { width: 55%; display: inline-block; vertical-align: bottom; } .fw-property-address-wrap.fw-property-section-wrap .block-wrap .block-content-wrap { width: 50%; display: inline-block; background: transparent; } #houzez-single-listing-map { margin-top: 7px; border-radius: 10px; display: block; width: 100%; border: 3px solid #c1d8f6; } } .fw-property-features-wrap .fw-property-features-right li strong::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; vertical-align: middle; margin: 0 10px 3px; margin-left: 0; background: mediumturquoise; } .fw-property-features-left h2, .fw-property-features-right h2 { padding: 4px 20px; } .fw-property-virtual-tour-wrap { padding-left: 150px; padding-right: 150px; } .fw-property-address-wrap.fw-property-section-wrap { border-top: 1px solid #ddd !important; } .block-video-wrap { padding-bottom: 45.25% !important; } /* content /* ------------------------------------------------------------------------ */ .home #section-body { padding-bottom: 0; } /* footer /* ------------------------------------------------------------------------ */ .footer-widget .amenities { display: none; } .mailchimp-row { border-bottom: 1px solid #ebebeb; } .search-expandable-label { display: none; } .slick-arrow { background-color: #4d3787ab; width: 30px; font-size: 10px; } .tour-day-form-slide-arrow.slick-arrow { background-color: transparent !important; box-shadow: none !important; font-size: 25px; border: 0; } .tour-day-form-slide-arrow { top: calc(50% - 35px); } /* .home .property-slider-item { width: 310px; left: 80%; } .home .single-property .slick-prev, .home .single-property .slick-next, .home .slick-arrow { display: none !important; } .home .item-price-wrap, .home .item-sub-price, .home .h-type { display: none; }*/ .item-amenities .h-type { display: none; } .item-amenities i { font-size: 15px !important; } .item-amenities .h-area i.houzez-icon, .item-amenities .h-area i:before, .item-amenities .h-baths i.houzez-icon, .item-amenities .h-baths i:before, .item-amenities .h-beds i.houzez-icon, .item-amenities .h-beds i:before { color: transparent; width: 22px; height: 21px; display: inline-block !important; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; filter: contrast(0.5); } .fw-property-description-wrap .block-wrap .block-content-wrap p { text-align: left; font-weight: 300; letter-spacing: 0.5px; line-height: 2; } .fw-property-amenities img { height: 20px; width: auto; } .fw-property-amenities { padding: 10px 20px; margin-bottom: 2px; margin: 2px; background: #fff; } .fw-property-amenities .fw-property-amenities-data { text-align: center; font-size: 13px; font-weight: 600; } .features-list-wrap { padding-top: 0 !important; padding-bottom: 10px; } @media (max-width: 768.98px) { .half-map-right-wrap { /* float: left !important;*/ height: 100% !important; padding-bottom: 100px; } } @media (min-width: 991.98px) and (max-width: 1200px) { .advanced-search-v1 { display: block; position: absolute; background: #f1f1f1 !important; border-radius: 35px !important; z-index: 12000; padding: 0 !important; min-width: 160px; /* width: calc(55% - 100px);*/ height: 30px; border: 0 !important; margin: 0 !important; padding: 0 !important; padding-top: 2px !important; } .half-map-right-wrap .page-title-wrap .d-flex.align-items-center { width: 100%; height: 30px !important; } } @media (min-width: 998px) and (max-width: 1024px) { .advanced-search-v1 { top: -1px; } } @media (max-width: 991.98px) { .fw-property-amenities .fw-property-amenities-data { white-space: normal !important; font-size: 13px !important; } .fw-property-description-wrap, .property-sub-listings-wrap .block-title-wrap { text-align: left; text-align: -webkit-left; font-weight: 300; line-height: 28px; } .half-map-wrap .page-title-wrap { padding: 10px !important; width: 100%; } #half-map-listing-area .page-title-wrap .page-title { font-size: 12px; line-height: 15px; width: 130px; padding-bottom: 10px; margin-top: 15px !important; } .half-map-wrap .list-view .item-wrap { max-width: 290px; margin: 10px auto 0; padding: 0 !important; } .listing-thumb, .listing-thumb img { min-height: 235px; height: auto !important; width: auto; object-fit: cover !important; object-position: bottom; } .home .listing-thumb, .home .listing-thumb img { min-height: 305px; border-radius: 30px; } .half-map-wrap .list-view .item-header .labels-wrap { z-index: 2; } .half-map-wrap .label, .listing-view .label-featured, .grid-view .label-featured { top: -10px !important; width: 100%; margin: 4px auto !important; } .half-map-wrap .list-view .item-header .item-price-wrap { padding-left: 10px; } .half-map-wrap .list-view .item-footer { height: 62px; overflow: hidden; } .grid-view .item-body .item-date { display: none !important; } .advanced-search-v1 { background: #eee; } .advanced-search-v3 .d-flex { flex-direction: column; flex-flow: wrap; justify-content: center; } .flex-search:last-of-type { background: transparent; } .mobile-property-title { padding-bottom: 5px; /*background: linear-gradient(180deg, #add8e675, transparent);*/ } .mobile-property-title .label-featured, .mobile-property-title .labels-wrap { top: 10px !important; display: inline-block; vertical-align: middle; } .features-list-wrap { display: grid; margin-left: 30px; } .fw-property-amenities { width: 48% !important; } .agent-details.flex-grow-1 { display: inline-flex; margin: -2px; margin-right: 10px; background: linear-gradient(90deg, #ffffff, transparent); } .mobile-property-contact { width: 97%; margin-left: 0; padding: 2px; padding-right: 4px; background: linear-gradient( 270deg, rgb(185 185 185 / 43%) 0.15%, rgb(223, 229, 237) 71.92% ); backdrop-filter: blur(5px); } .mobile-property-contact .agent-image .rounded { border-radius: 0 30px 0 0px !important; margin-top: -25px; width: max-content !important; min-width: 75px; height: 75px !important; object-fit: cover !important; object-position: center !important; } .mobile-property-contact .justify-content-between { align-items: center; } .single-property .modal-body { box-shadow: none !important; width: 95% !important; margin: 0 auto; } .half-map-wrap .list-view .item-body { z-index: 11; border-radius: 18% 0 0 0; box-shadow: 0 -10px 15px -6px rgb(0 0 0 / 25%); background: #fff; padding-bottom: 10px; margin-top: -55px; } .agent-image .rounded { height: 70px !important; width: 100% !important; margin-top: 0; border-radius: 10% !important; object-fit: contain !important; } .icon-messaging-whatsapp:before { display: inline-block; width: 40px !important; vertical-align: middle; } .single-property .mobile-property-contact .icon-messaging-whatsapp:before { color: transparent !important; font-size: 20px !important; background-size: 20px !important; } .single-property .property-wrap .item-tools { display: block; position: relative; width: 100% !important; background: transparent !important; border: 0 !important; top: 0; right: 0; } .property-overview-data ul.list-unstyled.flex-fill { display: inline-flex; flex-direction: column-reverse; justify-content: flex-end; } li.property-overview-item img { margin-top: -20px; } } img.property-featured-image.lazyloaded { filter: blur(25px); } .switch-btn.active { background: #e0e0e08c; padding: 5px 6px 3px; transform: scale(0.95); } .property-lightbox .modal-header, .property-lightbox .close { border: 0 !important; } @media (min-width: 576px) { .modal-dialog { max-width: 400px; } } .modal-dialog .property-form-wrap { background: rgb(251 251 255 / 80%); padding: 30px; border-radius: 5px; box-shadow: 0 0 0 1px rgb(160 207 247 / 25%); } .login-register-form .modal-dialog { max-width: 285px; } .hz-social-messages .alert { display: block; font-weight: 600; padding: 4px 10px; box-shadow: 0 0 15px -2px rgb(0 0 0 / 34%); } .hz-social-messages .alert i { display: none !important; } .property-lightbox .modal.show, .dialog-type-lightbox { background: rgb(27 27 27 / 95%) !important; } .list-view .item-author img, .grid-view .item-footer .item-author img { height: 35px; max-height: 35px; min-height: 35px; vertical-align: middle; border: 0 !important; border-radius: 50%; margin-right: 10px; } .property-lightbox .modal-header { height: 45px; background: transparent !important; border-radius: 0; } @media (max-width: 1024px) { .property-lightbox .modal-header { height: 20px !important; } } @media (min-width: 1024px) { .lightbox-gallery .slick-prev, .lightbox-gallery .slick-next { width: 60px !important; } .lightbox-gallery .slick-prev::before, .lightbox-gallery .slick-next::before { width: 18px; background-size: 5px; background-position: 3px; transition: all 0.7s; } .single-property .lightbox-gallery .slick-arrow.slick-next:hover:before { transform: translateX(5px); } .single-property .lightbox-gallery .slick-arrow.slick-prev:hover:before { transform: translateX(-5px); } .property-lightbox .modal-header { display: block; position: absolute; height: 45px; background: transparent !important; border-radius: 0; right: 0; } } /* .modal.show .modal-dialog { width: max-content; }*/ .property-lightbox .modal.show .modal-dialog { margin: 0 auto !important; } .property-lightbox .modal-content { border-radius: 0; background: transparent; } .property-lightbox .lightbox-form-wrap { padding-bottom: 24px; width: 29%; height: 46vw; background: #e7e7e7; padding: 25px 30px 15px 30px; display: none !important; } .lightbox-form-wrap .property-form { margin-top: -20px !important; } .property-lightbox .lightbox-tools { display: none; } .lightbox-form-wrap .property-form .form-control { border-radius: 0; background: #fff; } .lighbox-form-wrap .bootstrap-select .dropdown-toggle .filter-option-inner-inner { text-align: left; padding-left: 5px; } .lightbox-form-wrap .property-form .btn-half-width i, .lightbox-form-wrap .property-form .btn-full-width i { display: none; } .lightbox-form-wrap .property-form .btn-half-width, .lightbox-form-wrap .property-form .btn-full-width { border-radius: 0; width: 150px; height: 35px; line-height: 30px; display: inline-block; background: rgb(255 255 255 / 75%); color: #000; border-color: #bdbdbd; } .lightbox-form-wrap .property-form .btn-secondary-outlined { color: #fff; background: #000; width: 75px; margin-left: 15px; } .lightbox-form-wrap .property-form .btn-half-width:hover, .lightbox-form-wrap .property-form .btn-full-width:hover { background: #fff2; color: #d00; border-color: #d00; } .single-property .property-lightbox .slick-next, .property-lightbox .slick-prev { font-size: 0 !important; height: 40px; border-radius: 33px !important; background: #383838 !important; } @media (max-width: 1024px) { .single-property .property-lightbox .slick-next, .property-lightbox .slick-prev { background: transparent !important; } } #hz-listing-model-content { height: 599px; } #hz-listing-model-content .modal-body { background: #fff; } .single-houzez_agency .modal-body, .single-houzez_agent .modal-body { padding: 0 !important; } .login-form-wrap .form-group-field input, .register-form-wrap .form-group-field input { margin: 8px 0; background: #fff; border: 1.2px solid #dcdcdc !important; border-radius: 5px; box-shadow: inset 34px 0 0px 0px #eef2fa; } .login-form-wrap, .register-form-wrap, .login-form-wrap .form-group, .register-form-wrap .form-group { border: 0 !important; } .login-register-form .modal-header { border-radius: 0; } .login-register-form .modal-header .login-register-tabs .nav-tabs { flex-wrap: nowrap; -ms-flex-wrap: nowrap; } .login-register-form .modal-header .login-register-tabs .nav-link { font-size: 14px; font-weight: 500; padding: 11px 5px; text-align: center; letter-spacing: 0.4px; border-right: 0; width: 113px; } .login-register-form .modal-header .close { padding: 0 15px; border: 0; /* box-shadow: -3px 4px 15px 1px rgb(0 0 0 / 18%);*/ margin-top: -2px; } #login-register-form .modal-body .form-control .btn { max-width: 220px; border-radius: 4px !important; border: 1px solid #dcdcdc; } #login-register-form .modal-body .form-control .btn { border-radius: 4px; border: 1px solid #dcdcdc; } .mobile-property-form .close { height: 45px; width: 45px; top: 15px !important; right: 15px !important; } .mobile-property-form, .reset-password-form, div#login-register-form { z-index: 999990 !important; } .login-register-form .modal-header .close span, .mobile-property-form .close span, .property-lightbox .close span, .woocommerce a.remove, .woocommerce a.remove:hover, .close span, .cmplz-close svg, .eicon-close:before, .icon-remove-circle:before, a.btn-cancel:after { content: ""; display: block; color: transparent !important; background-image: url("/asset/media/svg/close-white.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; font-size: 0 !important; width: 22px; height: 48px; filter: brightness(0.1); } .alert .close span, .icon-remove-circle:before { width: 13px; height: 28px; } .btn-close { width: 20px !important; height: 20px !important; line-height: 15px !important; padding: 5px !important; font-size: 12px; border-radius: 50%; } .woocommerce .billingperiod { display: none !important; } .woocommerce .product-quantity { color: transparent !important; } .woocommerce .product-quantity:after { content: "for 3x months"; position: relative; display: block; font-size: 12px; font-weight: 400; line-height: 17px; color: #000; text-align: center; background: #add8e647; border-radius: 30px; padding: 2px 10px; width: 100px; } .woocommerce a.remove { filter: brightness(0); font-size: 0 !important; width: 22px; height: 15px; transition: all 0.5s !important; } .woocommerce a.remove:hover { font-size: 0 !important; width: 22px; height: 15px; background-color: transparent !important; filter: brightness(0.75) !important; } .login-register-form .modal-header .close span { filter: brightness(0.1); transition: all 0.7s !important; } .login-register-form .modal-header .close span:hover { transform: scale(0.9); font-size: 34px !important; padding-top: 11px; opacity: 0.4; } .reset-password-form .modal-dialog .modal-title { font-size: 20px; line-height: 46px; font-weight: 300; } .mobile-property-form .close span { font-size: 0 !important; width: 40px; height: 27px; } .property-lightbox .close span { font-size: 0 !important; display: block; filter: invert(0.7); height: 18px !important; width: 18px !important; margin: 5px auto 0; } .login-register-form.modal.show .modal-dialog { top: 15% !important; margin: 0 auto; border-radius: 7px; box-shadow: rgb(0 0 0 / 30%) 0 15px 30px 0 !important; min-height: 0px !important; } .reset-password-form .modal { top: 15%; } #houzez_forgot_password_form .form-control { padding-left: 15px; } .reset-password-form .modal-dialog { width: 345px; font-size: 13px; font-weight: 300; } .reset-password-form .modal-dialog .modal-content { background: #fff; border-radius: 0 !important; } .reset-password-form .modal-dialog .modal-body { background-color: #fff; border-radius: 0 !important; padding: 30px; } .reset-password-form .modal-dialog .modal-content .modal-header { padding: 0.0125rem 1rem !important; border-radius: 0 !important; } .modal-title { font-size: 17px; } .form-tools a { font-size: 12px; letter-spacing: 0.25px; } .property-banner .nav-pills .nav-link.active { border-radius: 50%; background: rgb(183 0 33 / 85%) !important; } .property-overview-item { margin-left: 0; font-size: 12px; } li.property-overview-item img { display: block; position: absolute; width: 23px; height: 25px; float: left; margin-left: -40px; margin-top: -20px; display: none; } @media (min-width: 998.1px) { .d-flex.property-overview-data { top: 50px; position: relative; margin: 0 auto; padding: 30px 25px !important; display: inline-block !important; width: -webkit-fill-available; z-index: 99; background: linear-gradient( 178deg, rgb(233 240 245 / 16%) 0%, rgb(247, 249, 250) 30%, rgb(255 255 255 / 0%) 100% ); border-radius: 4px 4px 0 0; border: 1px solid #e1e1e1; border-bottom: 0; } .d-flex.property-overview-data::before, .d-flex.property-overview-data::after { left: 15px; border-color: transparent transparent rgb(234 241 245); } ul.list-unstyled.flex-fill { display: inline-flex; flex-direction: column-reverse; justify-content: flex-end; min-width: 140px; max-width: 175px; min-height: 70px !important; font-size: 14px; line-height: 18px; text-align: start; align-items: flex-start; background: rgb(255 255 255 / 80%); padding: 17px 7px 0 20px !important; border-radius: 7px; border: 1px solid rgb(0 0 0 / 7%) !important; padding-left: 20px; margin: 3px !important; transition: all 0.7s; } ul.list-unstyled.flex-fill:hover { box-shadow: 0 0 12px #0001; } ul.list-unstyled.flex-fill strong { line-height: 15px !important; vertical-align: middle; font-weight: 300; display: inline-block; } ul.list-unstyled.flex-fill:last-child { border-right: none; } ul.list-unstyled.flex-fill:first-of-type { display: inline-flex; /*position: absolute; top: 50px !important; left: -160px !important;*/ background: transparent !important; min-width: 125px; padding: 15px; min-height: 70px !important; max-height: 70px !important; height: fit-content; border: 1px solid #0000 !important; border-radius: 7px !important; } ul.list-unstyled.flex-fill:nth-of-type(2) { border: 0 !important; } ul.list-unstyled.flex-fill:first-of-type:hover { box-shadow: none; background: #fff !important; } ul.list-unstyled.flex-fill:first-of-type { border-right: 0 !important; margin-right: -6px; } } @media (min-width: 1440px) { .property-top-wrap { min-height: 59vw !important; } } ul.list-unstyled.flex-fill:first-of-type { border-radius: 0; padding-left: 10px; color: #000; font-weight: 600; } ul.list-unstyled.flex-fill:first-of-type::before { content: "Key Information"; position: absolute; width: 115px; top: -50px; font-size: 17px; font-weight: 500; line-height: 17px; display: block; color: #000; text-align: left; } a.btn-cancel::after { margin-left: 7px; width: 13px !important; height: 18px !important; }