.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-navigation-wrap, ul.property-navigation { display: none !important; } .fw-property-section-wrap:nth-child(even) { background: #fff; } .page-title h1 { font-size: 18px !important; line-height: 21px; font-weight: 400; margin-bottom: 15px; } @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; } } .grid-view .item-listing-wrap { width: 45%; flex-basis: 45%; padding: 10px !important; margin-bottom: 30px !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%; padding-left: 50px; margin-top: -15vw; } .single-houzez_agent .bt-sidebar-wrap { margin-top: -10px; } .single-houzez_agency .sidebar-wrap, .single-houzez_agent .sidebar-wrap { width: 355px; border: 0 !important; background: #fff !important; box-shadow: -4px 4px 28px -17px rgb(0 0 0 / 25%); border-radius: 7px !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 .agent-contacts-wrap { border-radius: 8px !important; } } @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-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-date { padding-top: 0 !important; padding-left: 0; margin-left: 30px; max-width: max-content !important; } #half-map-listing-area .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); } @media (max-width: 768px) { .half-map-left-wrap, .half-map-right-wrap { display: initial; } } @media (max-width: 1200px) { .half-map-left-wrap { float: right; } } .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: 995px !important; margin-right: 5px; } .half-map-left-wrap { width: calc(100% - 1000px) !important; float: right; } .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 { font-style: normal; color: mediumvioletred; font-weight: 300; font-size: 112%; } .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: 990px) { .property-top-wrap { min-height: 55vw !important; } } @media (min-width: 990px) { .page-title-wrap .container { width: 88%; } .property-top-wrap { position: relative; min-height: 75vw; width: 100vw; margin-bottom: 50px; border-bottom: none !important; margin-top: -150px; padding-top: 120px; z-index: 7; background: #fff; } .property-banner .container { position: relative; float: left; height: 60vh; max-height: 526px; padding-left: 15vh; } } @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; } .item-price-wrap .item-price { font-size: 13px; font-weight: 300; 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; } .d-flex.align-items-center.property-title-price-wrap { float: inline-start; width: 66% !important; margin-top: 0 !important; margin-left: -15px; align-items: flex-start !important; } .single-property .page-title-wrap .item-price-wrap { position: relative; top: 0; width: 30%; display: inline-block; padding-right: 15px; height: 95px; } .property-wrap .breadcrumb-wrap { top: 50px; } .single-property .property-title-price-wrap li.item-price:before { content: "Price"; display: block; font-size: 15px; padding: 0; color: #7b7b7b; } .page-title-wrap { padding-top: 25px; padding-bottom: 40px; z-index: 12; } .property-wrap .page-title-wrap { z-index: 1290; } .property-title-price-wrap { display: inline-block; width: 800px; max-width: 800px; } .property-wrap .page-title-wrap .page-title { display: inline-block; margin-top: 0; width: 675px; max-width: 675px; overflow: hidden; text-overflow: ellipsis; white-space: normal; } } @media (max-width: 997px) { .property-wrap .page-title-wrap .page-title { display: inline-block; margin-top: -15px; width: 500px; max-width: 500px; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .property-title-price-wrap { display: inline-block; width: 600px; max-width: 600px; margin-top: 0 !important; } } @media (max-width: 767px) { .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: 50px; 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); 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; } .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: 997.98px) { .block-content-wrap .list-2-cols li { display: grid; 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; } @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: 97% !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: 13px; 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: 5px; width: 200px; min-height: 70px; display: inline-grid; text-align: left; justify-content: left; } .fw-property-features-wrap .fw-property-features-left li { display: inline-block; min-height: 35px; } .fw-property-address-wrap.fw-property-section-wrap { margin: 0 auto; background: transparent; padding: 0 100px !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 .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: inline-block; width: 85%; border: 3px solid #c1d8f6; } } .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 #0002; } /* 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; 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: 767px) { .half-map-right-wrap { float: left !important; height: 100% !important; padding-bottom: 100px; } } @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 { min-width: 100%x; margin-top: 10px; padding: 0 !important; } .listing-thumb, .listing-thumb img { min-height: 235px; height: auto !important; width: auto; object-fit: cover !important; object-position: bottom; } .half-map-wrap .list-view .item-header .labels-wrap { z-index: 2; } .half-map-wrap .label { top: 10px !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: 5px; padding: 2px; padding-right: 20px; background: linear-gradient(270deg, #dae9f0 0.15%, #dfe5ed 71.92%); } .mobile-property-contact .agent-image .rounded { border-radius: 0 !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: 0; 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; width: 100% !important; background: transparent !important; border: 0 !important; } .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; } } .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: 15px; 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 (min-width: 998px) { .lightbox-gallery .slick-prev, .lightbox-gallery .slick-next { width: 60px !important; } .lightbox-gallery .slick-prev::before, .lightbox-gallery .slick-next::before { width: 30px; background-size: 7px; background-position: center; } .property-lightbox .modal-header { display: block; position: absolute; height: 45px; background: transparent !important; border-radius: 0; right: 0; } } .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: 60px; border-radius: 50% !important; background: #000 !important; } @media (max-width: 998px) { .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; } .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: 16px; font-weight: 600; padding: 11px 5px; text-align: center; 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 { 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); } .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: 24px !important; width: 24px !important; margin: 0 auto; } .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; } .reset-password-form .modal { top: 15%; } .reset-password-form .modal-dialog { width: 345px; font-size: 13px; font-weight: 300; } .reset-password-form .modal-dialog .modal-content { background: #fff; } .reset-password-form .modal-dialog .modal-body { background-color: #fff; padding: 30px; } .reset-password-form .modal-dialog .modal-content .modal-header { padding: 0.5rem 1rem !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; }