@media (min-width: 767px) and (max-width: 1100px) { .logged-in .header-main-wrap .main-nav .navbar-nav { max-width: 92% !important; } } @media (min-width: 1200px) { .logged-in .header-main-wrap .main-nav .navbar-nav { max-width: 88% !important; } } .features-list .control__indicator { border-radius: 0 !important; } @media (min-width: 1100px) { .advanced-search-v3 { width: 87%; display: inline-block; margin-left: 0; padding-left: 25px; } .header-main-wrap .main-nav .navbar-nav { float: none; justify-content: space-around !important; padding-left: 5px; max-width: 91%; /* padding-top: 11px;*/ padding-bottom: 10px; margin-bottom: -11px; /* background: linear-gradient(90deg, #f7f6f4, transparent);*/ } .main-nav .navbar-nav .nav-item .nav-item a { font-size: 14px; font-weight: 500; letter-spacing: 0.3px; min-width: 0; } .half-map-wrap { background: #f8f7fb; } #advanced-search-filters .show:before { content: ""; display: block; position: absolute; left: 88% !important; top: -4%; z-index: 35; border-bottom-color: #8d4dce !important; } #advanced-search-filters .show { float: none; position: absolute; z-index: 122; left: 64%; width: 475px !important; background-color: #fff !important; box-shadow: 0 0 30px 0 #0003; padding: 18px 30px; padding-right: 0; } .advanced-search-filters { padding-top: 10px !important; } #advanced-search-filters .btn-features-list { float: right; padding: 5px 15px; } .features-list .control { font-size: 13px; margin-left: 0; width: unset; left: 0%; display: inline-block; text-align: left; padding: 0 25px; } .features-list, .filters-search-v3-other-features { grid-template-columns: repeat(3, 1fr); padding-top: 0; grid-gap: 5px; } #features-list.show { display: inline-grid; width: -webkit-fill-available; justify-items: start; justify-content: center; padding-top: 20px; } #advanced-search-filters.show .btn-features-list { margin-top: -35px; color: #7d4c8d !important; font-size: 92%; font-style: italic !important; font-weight: 400; background: #f4f4f4 !important; padding: 6px 15px !important; border: 1px solid rgb(128 0 128 / 12%); border-radius: 22px; } #advanced-search-filters.collapse .btn-features-list { margin-top: -45px !important; margin-right: 0px !important; padding: 5px 15px; background: transparent; color: initial; font-style: normal; font-weight: initial; } #advanced-search-filters.show { width: -webkit-fill-available; } .half-map-search-js-btn { width: 90px !important; background: #27306a; font-size: 15px; height: 35px; line-height: 27px; } .half-map-search-js-btn:hover { background: #222; border-color: transparent; } .advanced-search-v3 .flex-search .btn-group, .advanced-search-v3 .flex-search .btn-group-vertical { min-width: 100px; height: 30px; margin-top: 3px; } .houzez-halfmap-page .advanced-search .form-control { margin-top: 3px; padding-left: 20px; background: #fff !important; } } @media (max-width: 1100px) { .header-main-wrap .login-register-nav a { width: 30px !important; padding: 0 !important; overflow: hidden !important; display: inline-block !important; } .login-register-nav li { padding: 0 !important; } .header-main-wrap .main-nav .navbar-nav { max-width: 100%; } } @media (min-width: 800px) { .advanced-search-half-map .d-flex.geolocation-width, .advanced-search-half-map .flex-search.full-width, .advanced-search-half-map .flex-search.geolocation-width { width: 49%; } .advanced-search-half-map .flex-search { width: 16%; } .half-map-features-list-wrap { width: 75%; display: inline-block; } .advanced-search-half-map .features-list-wrap { text-align: right; } .advanced-search-half-map .features-list-wrap .btn-features-list { position: absolute; display: inline-block; right: 10px; } .advanced-search-half-map .half-map-buttons-wrap { position: absolute; display: inline-block !important; width: 25%; } .save-search-form-wrap { display: inline-block; } } .advanced-search-half-map .d-flex.geolocation-width { width: 30%; margin-right: 10px; } .advanced-search-half-map .d-flex.geolocation-width .control.control--checkbox { display: inline-block; height: 30px; width: 40%; background: #fff; padding: 3px 10px; } /* .houzez-halfmap-page .advanced-search .bootstrap-select > .btn { margin-top: 0; }*/ .houzez-halfmap-page .advanced-search .form-control, .houzez-halfmap-page .advanced-search .bootstrap-select > .btn, .houzez-halfmap-page .advanced-search .filter-option-inner { line-height: 33px !important; border-color: transparent; background: #fff; border-radius: 0; } .houzez-halfmap-page a.btn.location-trigger { display: none; height: 33px !important; line-height: 33px !important; margin-top: 4px; } .sidebar-wrap .agent-contacts-wrap .agent-social-media { text-align: center; } /* .half-map-right-wrap { box-shadow: -4px 2px 5px 0 rgb(0 0 0 / 28%); }*/ .advanced-search-v3 .flex-search .btn-group .btn { height: 35px; border-radius: 4px !important; line-height: 32px; border: 1px solid #27284482; transition: all 0.7s; } .advanced-search-v3 .flex-search .btn:hover { border-radius: 33px !important; } /* .dropdown-menu.show { top: -15px !important; }*/ .houzez-halfmap-page #main-wrap { overflow: hidden; height: 100vh; } .half-map-right-wrap .page-title-wrap .d-flex.align-items-center { padding: 15px 5px !important; height: 35px; } span.calculator-label { font-size: 80%; font-weight: 300; font-style: oblique; padding: 0 5px; } .sort-by { background: #eff2f775; border: 0; padding: 0 0 0 10px; border-radius: 100px; } .half-map-right-wrap .sort-by { height: 38px; margin-bottom: 7px; background: linear-gradient(90deg, #f8faff 33%, white 0); border: 1px solid #d1d1d1; } .switch-btn.btn-grid { color: #d00; } .listing-switch-view .switch-btn { font-size: 18px !important; } .listing-switch-view .switch-btn .icon-layout-bullets { background: #ededed; box-shadow: 0 0 0px 4px #ededed; } .advanced-search-nav { padding-top: 10px; padding-bottom: 10px; background: #fff; border-bottom: 1px solid #dbe2e5; } .advanced-search-nav .btn-light-grey-outlined:after { content: "\e911"; display: inline-block; font-size: 15px; font-weight: 100; font-family: "houzez-iconfont"; margin-left: 5px; } .advanced-search-v3 .btn-light-grey-outlined { background: transparent; font-size: 14px; font-weight: 400; border: 0; } .advanced-search-v3 .btn-light-grey-outlined:hover, .advanced-search-v3 .btn-light-grey-outlined:active { color: #7d4c8d; } .advanced-search-v3 .btn-light-grey-outlined i { display: none; } .half-map-right-wrap { background: #f0ece4; box-shadow: 10px 0px 20px -13px #0000003b; } .half-map-wrap .listing-view { padding-top: 20px; background: #f0ece4 !important; /*transform: scale(0.985);*/ } .half-map-wrap .page-title-wrap { height: 50px; padding: 10px 25px; margin: 7px auto 20px; border-bottom: 1px solid #0000001a; } .half-map-right-wrap::-webkit-scrollbar-track { background: #f0ece4 !important; } @media (min-width: 997px) { .half-map-wrap .page-title-wrap { position: sticky; top: 0; background: #f0ece4; } } .half-map-wrap .breadcrumb-item-back-to-search { display: none; } @media (max-width: 998px) { .home .property-carousel-buttons-wrap button { right: 0 !important; } .half-map-wrap .page-title-wrap { width: 100%; margin: 0 !important; margin-bottom: 0 !important; padding: 10px; padding-right: 0 !important; background: linear-gradient(45deg, #ecf9ff, transparent); } .list-view .item-listing-wrap { margin-bottom: 10px !important; } .item-tools { z-index: 33; bottom: 55px !important; width: 110px !important; background: #f9f9f9d1 !important; border: 1px solid #0001 !important; border-radius: 0 !important; } .half-map-right-wrap, .half-map-left-wrap { height: calc(100% - 50px) !important; background: #f0ece4 !important; } .similar-property-wrap .grid-view .item-listing-wrap { width: 100% !important; } .grid-view .item-listing-wrap:not( .property-carousel-module .grid-view .item-listing-wrap ) { /*width: 100% !important;*/ max-width: 320px !important; margin: 50px auto !important; } /* .home .grid-view .item-listing-wrap { width: 100% !important; }*/ .single-property .property-lightbox .slick-next, .property-lightbox .slick-prev { width: 30px !important; } .property-lightbox .slick-prev { padding-left: 10px; } .home .item-wrap-outside { margin-top: -70px !important; } .home .item-wrap::before { bottom: -12px; height: 80px; } } @media (min-width: 600px) and (max-width: 998px) { .half-map-right-wrap, .half-map-left-wrap { display: inline-block !important; } .half-map-right-wrap { width: 60% !important; } .half-map-left-wrap { width: 40% !important; } } .grid-view .item-header { max-height: 245px; } /*.listing-view .card { box-shadow: 0 1px 2px rgb(0 0 0 / 20%);*/ .compare-property-panel-vertical { z-index: 1000; } /******** Mapbox ********/ .map-btn { color: #505050 !important; background-color: #fff !important; border: 1px solid rgb(39 48 106 / 45%); margin: 0 3px; } .map-btn.dropdown-toggle::after { display: none !important; } .map-arrows-actions, .map-next-prev-actions { top: 20px; } .map-zoom-actions { display: none !important; } .map-next-prev-actions .dropdown-item { border-bottom: 1px solid #0002; padding: 3px 10px; } .houzezMapType span { color: black; font-size: 12px !important; line-height: 14px; } .gm-marker { padding: 0 3px !important; line-height: 23px !important; background: #000; color: #fff; border-radius: 20px; border: 1px solid #000; box-shadow: 0px 0px 0px 1px #7f7f7f !important; } .gm-marker-price:before { height: 7px !important; width: 7px !important; } .gm-marker-price:after { border: 1.2px solid #fff; left: calc(50% - 2.5px) !important; top: calc(100% + 6px) !important; border-radius: 50%; background-color: #118d7c !important; width: 10px !important; height: 10px !important; } .gm-marker:after { content: "" !important; display: block; position: absolute; height: 9px; width: 9px; border-width: 0; left: 50%; top: 75% !important; margin-left: -4px; transform: rotate(45deg); border-right: 1px solid #000; border-bottom: 1px solid #000; border-top-color: transparent !important; background: #000; } .gm-style-iw-c[style], .gm-style-iw-d[style], .gm-style-iw[style] { border-radius: 7px; } .gm-style .gm-style-iw-tc::after { height: 5px !important; width: 15px !important; } .gm-style-iw-chr { right: -2px !important; transform: scale(0.75); } .cluster div { font-size: 9px; width: 30px !important; line-height: 32px !important; } .cluster img, .houzez-osm-cluster { color: #fff; width: 30px; height: 30px; line-height: 29px; text-align: center; font-size: 9px; background-image: none !important; background: radial-gradient(#62afa5 50%, transparent 75%) !important; border: 0; clip: rect(0px, 40px, 40px, -5px) !important; } .gm-marker-price { min-width: 60px; font-size: 10px; width: max-content; text-align: center; } .leaflet-popup { border-radius: 5px; border: 3px solid #fff; margin-bottom: 10px !important; box-shadow: 0 3px 14px rgb(0 0 0 / 40%); } .leaflet-popup-tip-container { height: 10px !important; width: 10px !important; bottom: -10px; } .leaflet-popup-tip { width: 10px !important; height: 10px !important; margin: -4px auto 0 !important; } #houzez-properties-map a.leaflet-popup-close-button { height: 17px; width: 17px; line-height: 15px; right: -17px; top: -10px; border-radius: 50%; background: rgb(0 0 0 / 40%); } .map-info-window { width: 130px; text-align: left; border-radius: 7px; } .map-info-window .hover-effect, .map-info-window .hover-effect-flat { border-radius: 10px !important; opacity: 0.85; } .map-info-window .item-title { font-size: 90%; max-width: 100px; max-height: 18px; overflow: hidden; } .map-info-window .gm-ui-hover-effect { margin: 5px 10px 5px 0 !important; } .map-info-window .item-body { height: 55px; width: 125px; } .map-info-window .item-info .item-type { /* font-size: 9px; background: #d8dedf75; border-radius: 30px; padding: 0 7px; width: max-content;*/ display: none; } .map-info-window .item-wrap img { border-radius: 10px 0 0 10px !important; width: 100px; height: 65px; } .houzez-halfmap-page .dropdown-menu.show { min-width: 75px; padding: 0; border-radius: 8px !important; border: 1px solid rgb(42 154 233 / 25%) !important; box-shadow: 0 0 20px 0 #0003 !important; } .houzez-halfmap-page .advanced-search-dropdown.show { width: 185px; padding: 20px; box-shadow: 0 0 7px 2px #0002 !important; border: 1px solid #c1c1c1 !important; } .houzez-halfmap-page .dropdown-menu.show .inner { max-height: 180px !important; overflow-x: hidden; } .size-calculator { display: inline-flex; width: 135px; overflow: hidden; line-height: 30px; margin-bottom: 10px; } /*******End of Half Map CSS ********/ .add-additional-row .btn i { margin: 4px; } .btn.btn-primary-outlined.btn_beds_minus, .btn.btn-primary-outlined.btn_beds_plus, .size-calculator .btn.btn-primary-outlined.houzez_search_ajax { border-radius: 0 !important; border-color: #ededed; background: #fafaf8; color: #2c600c; padding: 0; } label label.control.control--checkbox { padding: 0; padding-left: 24px; } .btn-primary-outlined { border-radius: 0; border-color: #9d97bc; transform: translateY(0); transition: all 0.3s ease-in-out; } .btn.btn-apply { width: 90px; line-height: 20px !important; display: inline-block; margin: 10px auto; border-radius: 22px !important; padding: 0 7px 3px; border: 1px solid #d7e9e3; color: #54336c; font-weight: 400; background: #edeffd; transform: translateY(0); transition: all 0.3s ease-in-out; } .btn.btn-clear { display: block; position: absolute; width: 45px; margin: 10px auto; color: #b55d5d; line-height: 20px !important; padding: 0 7px 3px; border: 0; transform: translateY(0); transition: all 0.3s ease-in-out; background: transparent !important; } .btn.btn-apply:hover, .btn-primary-outlined:hover { background: #5a5a5a !important; color: #fff !important; border-color: #5a5a5a !important; transform: translateY(-1px) !important; } .btn.btn-clear:hover { color: #999; font-style: italic; } .advanced-search-dropdown { border-radius: 0 !important; } .map-info-window .item-header { /*height: 75px; width: 75px; border-radius: 3px;*/ display: none !important; } .property-disclaimer { width: 70%; padding: 50px; padding-left: 70px; text-align: left; background: #ededed; margin-top: -2px; } @media (min-width: 787px) { .property-disclaimer { width: 100%; position: relative; padding: 50px 200px !important; } } .property-disclaimer h3 { font-size: 1.17em; } .property-disclaimer li { font-size: 14px; } .property-detail-v6 .property-banner .img-wrap-3-text:before { content: ""; display: inline-block; height: 30px; width: 40px; background: url("https://propertybox.co.ke/media/2022/12/images.png"); background-size: contain; background-position: center; background-repeat: no-repeat; filter: brightness(1); vertical-align: middle; margin-top: -4%; } .property-detail-v6 .property-banner .img-wrap-3-text { background: #fff; font-weight: 300; letter-spacing: 0.5px; color: #000; height: 45px; padding-top: 10px; width: 120px; border-radius: 5px; box-shadow: inset 0px 0px 1px 1px rgb(83 123 213 / 70%); font-size: 13px; font-weight: 500; top: 70%; left: 62%; overflow: hidden; white-space: nowrap; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.5s; } .property-detail-v6 .property-banner .img-wrap-3-text:hover { box-shadow: inset 0px 0px 1px 1px rgb(213 83 83 / 70%), 0px 16px 18px rgb(0 0 0 / 13%) !important; border: 0 !important; } .img-wrap-3-text:after { content: "More Photos"; display: inline-block; margin-left: -45px; font-size: 13px; line-height: 24px; font-weight: 500; color: #fff !important; } @media (min-width: 998px) { .img-wrap-3-text:after { padding-left: 0; } .property-detail-v7 .property-banner .img-wrap-3-text { padding: 5px !important; } } .hz-meta-label.h-area:after { content: "Total Area"; display: inline-block; padding-left: 7px; font-size: 10px; line-height: 15px; font-weight: 400; color: #000; text-align: left; } /****** Floor Plan CSS ******/ .fw-property-floor-plans-wrap { width: 95%; margin: 0 auto; border-bottom: 1px outset rgb(255 255 255 / 35%); } .floor-plan-left-wrap .img { pointer-events: all !important; } .floor-plan-wrap { background: #f3f6f8; border-radius: 10px; margin-top: 15px; margin: 15px auto; border: 3px solid #fff; width: 80%; } .floor-plan-wrap .d-flex { padding: 2px; border-radius: 10px; background: linear-gradient(90deg, #f3f6f8 65%, #f3f6f8 65%); } .floor-plans-tabs { width: max-content; margin: 0 auto; border-radius: 22pc; background: #fff; } .fw-property-floor-plans-wrap .floor-plans-tabs a { margin: 0 5px; padding: 5px 15px; font-size: 13px; font-weight: 600; background: #eee; border: 1px solid #618be8; border-radius: 20px; } .floor-plans-tabs .nav-tabs { border-bottom: none; } .fw-property-floor-plans-wrap .floor-plans-tabs a.active { border-radius: 22px; border-width: 2px; background: #eee; border-color: #618be8 #5d8cf4 #7096ec; } .fw-property-floor-plans-wrap .floor-plans-tabs a.active:before { border-width: 9px; border-top-color: #7096ec; margin-left: -9px; } .fw-property-floor-plans-wrap .floor-plans-tabs a.active:after { background: transparent; border-width: 7px; margin-left: -7px; border-top-color: #eee; } .d-flex.fw-property-floor-data-wrap { overflow: hidden; } .d-flex.fw-property-floor-data-wrap.align-items-center { display: inline-flex !important; grid-auto-columns: max-content; background: #f3f6f8; border-radius: 0; padding: 10px; font-size: 13px; font-weight: 600; border-right: 1px solid #e7e7e7; flex-flow: wrap; } .d-flex.fw-property-floor-data-wrap.align-items-center:last-child { border-right-width: 0; } .fw-property-floor-plans-wrap .floor-plan-left-wrap { width: 65%; padding: 30px 10px; background: #fff; border-radius: 10px 0 0 10px; min-height: 300px; } .fw-property-floor-plans-wrap .floor-plan-right-wrap { width: 35%; padding: 30px 20px; } .fw-property-floor-plans-wrap .floor-plan-description { font-size: 13px; padding-right: 15px; } .fw-property-floor-plans-wrap .fw-property-floor-data-wrap img { width: 25px; height: 25px; } /****** End Floor Plans CSS ******/ /****** Property Tools - Favorite/share/print *****/ .item-tools .houzez-icon { vertical-align: middle; } .page-title-wrap .item-tool span i:after { font-family: "Maven Pro", sans-serif; font-size: 12px; line-height: 17px; font-weight: 500; color: #000; } .page-title-wrap .add-favorite-js i:after { content: "Save Favorite"; padding-left: 5px; display: inline-block; } .page-title-wrap .add-favorite-js.remove-favorite i::after { content: "Saved"; } .similar-property-wrap .item-tool span i:after { display: none !important; } .full-width-property-view .similar-property-wrap { margin-top: 75px; padding: 25px !important; background-color: #fafafb; box-shadow: 0 -20px 30px -20px #eee; background-size: 400px !important; background-attachment: fixed; } .full-width-property-view .similar-property-wrap .grid-view .item-listing-wrap { width: 50%; flex-basis: 50%; padding: 0 15px !important; } @media (min-width: 997px) { .full-width-property-view .similar-property-wrap .grid-view .item-listing-wrap { width: 275px; flex-basis: 275px; padding: 0 10px !important; } .full-width-property-view .similar-property-wrap { position: relative; display: block; width: 100vw; z-index: 100; box-shadow: none !important; padding: 30px 75px !important; background-color: #f9fafb !important; border-top: 50px solid #e2e2e2; } .full-width-property-view .similar-property-wrap .block-title-wrap { margin-top: -65px; } } .full-width-property-view .similar-property-wrap .block-title-wrap { border-bottom: 0; padding-bottom: 10px; text-align: center; } .full-width-property-view .similar-property-wrap .block-title-wrap h2 { font-size: 17px; font-weight: 400; color: #000; letter-spacing: 0.2px; } @media (min-width: 1200px) { .property-wrap .item-tools { position: fixed; top: 54px; left: 78%; background: transparent !important; border: none !important; transform: scale(0.9); z-index: 1120; } } .page-title-wrap .item-tool span { color: #a9a4a4; width: max-content; padding: 0 10px; margin-right: -0.15rem; border: 1px solid rgb(189 203 229 / 45%); border-radius: 100px; background: rgb(255 255 255 / 93%) !important; } .page-title-wrap .item-tool.houzez-favorite span { border: 1px solid #4f09941f !important; height: 28px; border-radius: 100px; } .page-title-wrap .item-tool span:hover { color: #000 !important; background: #fff !important; transform: translateY(4px); transition-duration: 0.5s; transition-timing-function: ease-in-out; } /*.icon-share:before { display: inline-block; width: 35%; height: 55%; background-image: url("https://propertybox.co.ke/media/2022/05/share-.png"); background-size: contain; background-position: center; background-repeat: no-repeat; vertical-align: middle; color: transparent; }*/ .property-detail-v6 i.houzez-icon.icon-share:after { content: "share"; display: inline-block; padding-left: 10px; position: relative; padding: 0 0 2px 5px; vertical-align: middle; } .property-detail-v6 .icon-love-it:after { content: "Save"; display: inline-block; padding-left: 10px; position: relative; } .property-detail-v6 .icon-print-text:after { content: "PDF"; display: inline-block; padding-left: 10px; position: relative; } .property-lightbox .close { height: 44px; width: 44px; color: transparent; background: transparent; margin-left: 10px; top: 10%; right: 0; border-radius: 50%; } .property-lightbox .close:hover { background: #0004; } .lightbox-gallery-wrap .btn-expand { color: #fff; border-radius: 50%; background: rgb(216 7 7 / 80%); display: none; } .lightbox-tools i.houzez-icon.icon-share:after, .lightbox-tools .icon-love-it:after { display: none !important; } .page-title-wrap .houzez-print .item-tool-compare { background: #a80000 !important; color: #fff; border-radius: 0 !important; } .item-tool.houzez-print i:after { content: "PDF"; position: relative; display: inline-block; width: 45px; font-size: 11px !important; color: #f7f7f7 !important; } .page-title-wrap .item-tool.houzez-print i:hover:after { color: #000 !important; } .item-tool > span { line-height: 22px; background: transparent; border-radius: 4px; height: 27px; width: 27px; margin: 0 5px; transition: all 0.6s !important; } .item-tool > span:hover { background: transparent !important; transform: scale(0.85); filter: invert(0.7); border-radius: 0; } .item-tool > span .text-danger { border-radius: 0; } #select_gallery_images { background: #6e6e6e; border-radius: 0; border: 0; transition: all 0.7s !important; } #select_gallery_images:hover { transform: scale(0.95); } .icon-analytics-bars:before { background: url("https://propertybox.co.ke/media/2024/06/analytics.svg") !important; } .icon-lock-5:before { background: url("/asset/media/svg/logout.svg") !important; } .icon-accounting-document:before { background: url("/asset/media/svg/invoice.svg") !important; } .icon-building-cloudy:before { background: url("/asset/media/svg/listbox.svg") !important; } .icon-task-list-text-1:before { background: url("https://propertybox.co.ke/media/2022/12/package.png") !important; } .icon-upload-button:before, .icon-layout-dashboard:before, .icon-analytics-bars:before, .icon-building-cloudy:before, .icon-accounting-document:before, .icon-task-list-text-1:before, .icon-lock-5:before { content: ""; display: inline-block; height: 24px; width: 24px; background: url("/asset/media/svg/dashboard.svg"); background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; vertical-align: sub; } .icon-upload-button:before { color: transparent; background: url("/asset/media/svg/upload.svg") !important; background-size: 18px !important; background-repeat: no-repeat !important; background-position: center !important; } .icon-add-circle:before { color: transparent; filter: brightness(0.15) !important; background: url("https://propertybox.co.ke/media/2024/06/add-new.svg") !important; background-size: 18px !important; background-repeat: no-repeat !important; background-position: center !important; } .icon-search:before { color: transparent; padding: 3px; background: url("/asset/media/svg/search.svg") !important; background-size: 18px !important; background-repeat: no-repeat !important; background-position: center !important; } .icon-house:before { /* color: transparent; display: inline-block; width: 25px; height: 25px; background: url("/asset/media/svg/PropertyBox-icon.svg"); background-size: contain; background-position: center; background-repeat: no-repeat;*/ display: none; } #menu-item-12196 .nav-link::before { content: ""; display: inline-block; background: url("/asset/media/svg/help.svg"); background-size: contain !important; background-repeat: no-repeat; width: 18px; height: 18px; vertical-align: middle; padding-right: 25px; } #menu-item-17044 .nav-link::before { content: ""; display: inline-block; background: url("https://propertybox.co.ke/media/2024/05/watchplus.png"); background-size: 19px; background-position: center; background-repeat: no-repeat; width: 30px; height: 25px; vertical-align: middle; margin-top: -3px; } #menu-item-12196 .nav-link:hover:before { top: 0; opacity: 0.5; } #menu-item-12196 .nav-link:hover { color: #777 !important; } .item-compare .icon-add-circle:before, .item-compare .icon-move-left-right:before { background: url("/asset/media/svg/compare.svg") !important; background-size: contain !important; } .logged-in-nav li.side-menu-item i.icon-love-it::before { display: inline-block; width: 22px; height: 20px; background: url("/asset/media/svg/fav.svg") !important; background-size: 21px !important; background-position: center !important; background-repeat: no-repeat !important; } .icon-love-it:before { background: url("https://propertybox.co.ke/media/2022/05/saved-listings.png"); background-position: center; background-size: contain; background-repeat: no-repeat; filter: brightness(3.5); } .icon-love-it:before:hover { filter: none; } .icon-love-it:before, .icon-add-circle:before, .icon-move-left-right:before { content: ""; display: inline-block; color: transparent; height: 27px; width: 27px; vertical-align: middle; transition: all 0.3s; transform: none; filter: none; } .item-tool > span .text-danger.icon-love-it:before { content: ""; display: inline-block; filter: brightness(0.85) hue-rotate(180deg); transform: scale(1.15); } .property-detail-v6 .text-danger.icon-love-it:after { content: "Saved"; } .property-detail-v6 .houzez-favorite span { color: #fff; background: #007bff !important; height: 30px !important; } a.hz-label.label.label-color-45::before { content: ""; display: inline-block; margin: 0 0 2px 0; width: 10px; height: 8px; background: url("https://propertybox.co.ke/media/2022/12/virtual-tour.png"); background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle; filter: brightness(0.1); } .property-detail-v6 .label-color-45 { width: 45px !important; height: 60px; border-radius: 3px; background: rgb(50 50 50 / 50%); text-align: center; padding: 6px 3px !important; letter-spacing: 0.3px; margin: 0; filter: none; } a.label-status, .label, .status { font-size: 10px; color: #fff !important; background: #525252 !important; } .home .label { font-size: 9px !important; color: #000 !important; background: #fff !important; } @media (max-width: 787px) { a.label-status, .label, .status, .property-detail-v6 .label-color-45 { margin: 0 1px !important; border-radius: 0 !important; background: #000 !important; color: #fff !important; font-size: 8px !important; } } .single-property .back-to-top-wrap { right: 5px !important; bottom: 5px !important; } @media (max-width: 998px) { .single-property .back-to-top-wrap { bottom: 90px !important; } } .sub-listings-table:before { content: ""; width: 100%; position: absolute; display: block; height: -webkit-fill-available; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 75%, #fff); } .table-lined tbody td { border-bottom: 0 !important; border-top: 1px solid #ddd; } .sub-listings-table { max-width: 650px; margin: 0 auto; padding-right: 30px; padding-left: 30px; border: 1px solid #d1d1d1; min-height: 170px; transform: scale(0.95); background: linear-gradient(180deg, #f1f9ff, transparent); box-shadow: 0 -25px 30px -20px #d7d7d7; } .sub-listings-table thead:first-child { background: #fff; } .back-to-top-wrap .btn-back-to-top { color: #fff; height: 35px; width: 35px; line-height: 30px; letter-spacing: 0.5px; border-radius: 0 !important; background: #747474 !important; border: 0 !important; transition: all 0.5s !important; } @media (max-width: 998px) { .fw-property-floor-plans-wrap .floor-plan-description { padding: 0; margin: 5px 0 0; } .fw-property-floor-plans-wrap .floor-plan-right-wrap { width: 100%; padding: 15px; } .d-flex.fw-property-floor-data-wrap.align-items-center { font-size: 11px; width: 35%; padding: 0; margin-top: 15px; } /* .grid-view .item-listing-wrap { width: initial !important; max-width: 85% !important; flex-basis: 85% !important; margin: 30px auto; }*/ .property-view.full-width-property-view.property-detail-v6 .text-danger.icon-love-it:after, .property-view .full-width-property-view .property-detail-v6 .icon-love-it:after { display: none !important; } .mobile-property-tools { padding: 0 20px; } .property-wrap .item-tools { background: transparent !important; }