.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: -30px !important; } .icon-picture-sun:before { display: inline-block; position: absolute; left: 0; } .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: 0 !important; } .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; } .dashboard-table tbody tr { border: 1px solid #0002; padding: 10px; background: rgb(174 141 206 / 13%); } } /***/ @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-nav li:hover { background: transparent !important; border-color: blue !important; transform: translateY(5px); transition-duration: 0.5s; transition-timing-function: ease-in-out; }*/ 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 { /* background: rgb(193 212 213 / 46%);*/ 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: 3px; } .page-content-wrap { padding: 0; } .disclaimer-txt { margin-top: 15px; padding-top: 0; padding-bottom: 45px; line-height: 27px; letter-spacing: 0.4px; font-size: 12px; font-weight: 300; color: #b5b5b5; } .disclaimer-txt b { position: absolute; display: block; color: #fff !important; font-size: 12px !important; font-weight: 300; letter-spacing: 0.7px; padding-right: 7px; line-height: 20px !important; } .disclaimer-txt b:after { content: ""; background: linear-gradient(90deg, #e82025, transparent); display: block; position: absolute; width: 60px; height: 13px; left: 100%; top: 4%; } .footer-wrap { position: relative; z-index: 10; background: #f7f6f5; } .footer-top-wrap .container .row { border-radius: 0; background: transparent; margin: 0 auto; } #nav_menu-8 { height: 30px; border-radius: 22px; padding-left: 10px; /*background: linear-gradient(90deg, #626262 -30%, transparent 75%);*/ } #menu-legals { margin-top: 35px; margin-left: -35px; } #menu-legals li { padding-top: 0 !important; display: inline-block; } #menu-legals li a { color: #818997; 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: #ffffff26; padding: 3px 17px; 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: linear-gradient(0deg, #252525 20%, #252525 18%, #404040); padding: 0; padding-bottom: 10; } .footer-bottom-wrap { margin-top: -1px; background: linear-gradient(180deg, #252525 100%, transparent); border-top: 0 solid #c4c8cf; padding: 30px 0 50px; } @media (min-width: 998px) { .footer-top-wrap, .footer-bottom-wrap { padding-left: 8%; } } @media (max-width: 998px) { .footer-bottom-wrap { padding-top: 100px !important; padding-bottom: 100px !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: 12px; color: #6f6f6f; letter-spacing: 0.3px; line-height: 21px; font-weight: 300; text-align: left; } .cookie-privacy-footer { max-width: 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; } .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; font-weight: 400; letter-spacing: 0.2px; } @media (max-width: 787px) { .trendytxt { width: 100%; } } .trendytxtfooter { display: block; position: absolute; top: -12pc; color: #fff; font-size: 14px; font-weight: 300; letter-spacing: 0.4px; padding: 2px 8px 1px; filter: brightness(1.5); background: rgb(0 0 0 / 55%); border: 2px solid rgb(243 243 243 / 80%); border-radius: 30px; backdrop-filter: blur(15px); } .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: inline-block; position: absolute; z-index: -1; top: 0; left: -27px; width: 6px; height: calc(1.6rem - 5px); border-radius: 1px; background: #9d9d9c; transform: skew(24deg, 0deg); } .trendytxtheader:after, .trendytxtheader2:after { left: 4%; z-index: 0; } .hometools .elementor-column { width: 170px; margin: 5px; } .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); } .developercarddark .hz-carousel-content { padding: 13px; border-radius: 10px; background: linear-gradient(180deg, #141414 50%, #000000); } .developercarddark .hz-carousel-content-wrap h2 { padding-left: 10px; } .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; } @media (max-width: 998px) { .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; } @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 { /*color: #fff; background: rgb(9 29 74 / 80%) !important; padding: 10px; left: 11%; letter-spacing: 0.5px; line-height: 12px; font-weight: 200 !important;*/ 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: 60vh; max-height: 526px; position: relative; } .property-detail-v6 .property-banner { height: 550px; padding-top: 10px; padding-bottom: 35px; margin-bottom: -1px; border-bottom: 1px solid #ebebeb; background: linear-gradient(1deg, white, #f5f5f5); z-index: 2; } .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; } .property-detail-v6 .property-banner .property-overview-item { padding-bottom: 4px; } @media (min-width: 800px) { .property-detail-v6 .property-banner .property-overview-item { transform: skew(15deg); } } .property-detail-v6 .property-banner .row { justify-content: center; } .property-detail-v6 .property-banner .row .col-md-8 { height: 400px; flex: 1; position: relative; margin: 15px; margin-right: -10px !important; max-width: 65% !important; padding: 0 !important; } .property-detail-v6 .property-banner .img-wrap-1 { height: 100%; width: 100%; background: rgb(0 0 0 / 10%); border-radius: 10px; } .property-detail-v6 .property-banner .img-wrap-1 img { background: rgb(0 0 0 / 10%); border-radius: 10px; object-fit: cover; height: 100%; width: 100%; display: inline-block; } .property-detail-v6 .property-banner .row .col-md-4 { display: flex; flex-direction: row; justify-content: space-evenly; flex: 1; max-width: 34% !important; height: 400px; margin: 15px; } .property-detail-v6 .property-banner .img-wrap-2 { position: absolute; vertical-align: top; height: calc(50% - 0.575rem); width: calc(330px - -1.5rem); background: #1e1e1e; border-radius: 10px; margin-left: 10px; } .property-detail-v6 .property-banner .img-wrap-2 img { opacity: 0.92; height: 100%; width: 100%; object-fit: cover; vertical-align: top; border-radius: 10px !important; } .property-detail-v6 .property-banner .img-wrap-3 { position: absolute; bottom: 0; right: 0; display: inline-block; height: calc(50% - 0.575rem); width: calc(330px - -1.575rem); background: #1e1e1e; border-radius: 10px; } .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; position: absolute; display: block; margin-left: 5px; left: 53px; margin-top: 30px; 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: #d8d8d8 !important; } .property-schedule-tour-form-wrap .control input { left: 2% !important; top: 7% !important; transform: scale(0.575); } } .property-lightbox .modal-content { max-width: 88%; height: 100vh; margin: 0 auto; } @media (max-width: 998px) { .property-lightbox .modal-content { height: 70vh; } } /** ------------ */ .save-search-btn { /* border-radius: 35px; */ line-height: 35px; background: transparent !important; color: #483d8b; transition: all 0.3s; font-weight: 300; } .save-search-btn i:before { /* display: inline-block; color: transparent; background: url("/asset/media/svg/savesearch.svg"); background-repeat: no-repeat; background-size: 16px; vertical-align: middle; width: 19px; height: 19px; filter: brightness(0.5);*/ display: none; } .save-search-btn:hover, .save-search-btn:active { color: #409388; font-weight: 400; border-color: transparent !important; background: linear-gradient( 90deg, #00000000 0%, #d7d7d7 95%, #00000000 94% ) !important; } /** property view full width */ @media (min-width: 998px) { .save-search-btn { position: absolute; z-index: 5; margin-top: -22px !important; margin-left: 0px; } } @media (min-width: 1200px) { .property-view.full-width-property-view { width: 70%; background: linear-gradient(90deg, #ffffff 28.5%, #ffffff 98.5%); padding-left: 0; padding-right: 0; border-right: 1px solid #ebebeb; margin-top: 50px; border-radius: 0 30px 0 0; box-shadow: 0 0 30px #0001; } } /* ------------- */ /**** 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 .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: 767.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; } #houzez-register-btn, #houzez-login-btn { width: 95%; font-size: 13px; letter-spacing: 0.75px; color: #fff; background: #be0d11; border: 2px solid #be0d11; border-radius: 0; text-transform: uppercase; transition: all 0.5s !important; } #houzez-register-btn:hover, #houzez-login-btn:hover { background: #757575; border-color: #757575; } #houzez-register-btn:after { content: "After signup check your inbox"; text-transform: none; display: block; position: absolute; margin-top: 7px; width: 100%; font-size: 12px; font-weight: 300; line-height: 15px; color: #000; left: 0; pointer-events: none; } .btn-google-plus-lined, .btn-facebook-login { 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%); }