.fw-property-features-wrap .fw-property-features-left li .icon-check-circle-1:before { color: #706f6f; background: #706f6f; font-size: 4px; background: #eef0f7; border-radius: 50%; vertical-align: super; } /****** End Tools CSS ******/ .fw-property-description-wrap .fw-property-details-wrap { display: none !important; } #property-description-wrap { padding: 20px 75px; margin-bottom: 0; /*background: linear-gradient(180deg, #ffffff, #f0f1f1);*/ letter-spacing: 0.3px; line-height: 1.95; color: #505050; background: transparent !important; } #property-sub-listings-wrap { background: transparent; } @media (min-width: 997px) { #property-sub-listings-wrap, #property-description-wrap { width: 95%; position: relative; z-index: 9; } #property-sub-listings-wrap .listing-view .list-view { display: table; margin: 0 auto; } } @media (max-width: 997px) { #property-description-wrap { padding: 50px; } } @media (max-width: 767.98px) { .property-overview-wrap .property-overview-data .flex-fill { width: calc(100% / 3.1); } } .fw-property-section-wrap .block-title-wrap h2 { font-size: 17px; font-weight: 500; } .fw-property-description-wrap .block-content-wrap h1, .fw-property-description-wrap .block-content-wrap h2, .fw-property-description-wrap .block-content-wrap h3, .fw-property-description-wrap .block-content-wrap h4, .fw-property-description-wrap .block-content-wrap h5, .fw-property-description-wrap .block-content-wrap h6 { font-size: 18px !important; line-height: 27px !important; font-weight: 400 !important; } .fw-property-description-wrap .small-text { display: block; position: absolute; top: 0; left: 10%;; margin-top: 15px !important; max-width: max-content; padding-right: 10px; color: #5c5c5c; text-align: left; margin-left: auto; margin-right: auto; background: #e6fbf3; } .fw-property-description-wrap .small-text .icon-calendar-3:before { /* background: url("/asset/media/svg/update.svg") !important; background-size: 20px; background-repeat: no-repeat; background-position: center; vertical-align: middle;*/ margin-right: -5px; } .grid-view .item-wrap { /* border-radius: 24px !important; border: 1px solid #d9d4e7;*/ border-top: 0; } .grid-view .item-wrap:hover { border-color: transparent !important; } .grid-view .d-flex { border-radius: 10px 10px 0 0; box-shadow: 0 0 7px 0 rgb(0 0 0 / 10%); border: 1px solid #d4d4d4; } .grid-view .item-wrap .hover-effect:hover:before, .grid-view .item-wrap .hover-effect-flat:hover:before { opacity: 0.9; } .property-form .control.control--checkbox { font-size: 12px; line-height: 30px; } .page-item:first-child .page-link, .page-item:last-child .page-link { border-color: transparent; } .page-item.disabled .page-link { color: #bdbdbd; background: transparent !important; } .page-link { font-size: 12px; line-height: 24px; height: 24px; width: 24px; border-width: 1px; border-color: #bbb; border-radius: 3px; background: transparent; } .page-template-template-search .item-wrap-v2 .item-amenities li { display: inline-block !important; color: #636363; font-weight: 300; margin-right: 0 !important; margin-left: 0px !important; min-width: 70px !important; line-height: 17px; } .page-template-template-search .item-amenities img { display: none !important; } .item-wrap-v2 .item-amenities li:last-child:after { display: none !important; } .item-wrap-v2 .item-amenities li span { font-size: 13px; direction: rtl; font-weight: 500; margin-bottom: 0 !important; } .icon-pin:before { content: ""; display: inline-block; width: 25px; height: 25px; background: url("/asset/media/svg/address.svg"); background-repeat: no-repeat; background-size: 20px; background-position: center; vertical-align: bottom; } .item-address { font-size: 11px; } .item-author i { display: block; font-family: "Inter", sans-serif !important; } .item-author i:before { content: "Listed By"; } .item-author a { display: contents; width: 155px; height: 15px; line-height: 15px; overflow: hidden; } .item-author, .item-author a, .item-date { white-space: normal !important; text-align: left; } .grid-view .item-footer .item-author { max-width: 100% !important; height: 35px; display: grid; text-align: left; font-size: 13px; font-weight: 300; color: #000; letter-spacing: 0.3px; margin-left: 0; border-radius: 55px; background: linear-gradient(90deg, #0000000d, transparent); padding: 0 15px 0 0; border-top: 0; } .grid-view .item-footer .item-author { display: inline-block; width: 100%; height: 35px; margin-bottom: 0; } .single-houzez_agency .grid-view .item-footer .item-author { padding-left: 15px !important; } .home .listing-thumb, .home .property-carousel-module-v1-5cols .slick-slide img { height: 275px !important; } .listing-thumb, .listing-thumb img { height: 235px; } .single-property .listing-thumb, .single-property .listing-thumb img { height: 235px; object-fit: cover; object-position: bottom; } .grid-view .item-header { z-index: 10; } .grid-view .item-body { z-index: 11; border-radius: 30% 0 0 0; box-shadow: 0 -10px 15px -6px rgb(0 0 0 / 25%); background: #fff; padding-bottom: 0; margin-top: -30px; transition: all .7s; } .listing-view.grid-view .item-wrap:hover .item-body { border-radius: 0; } .similar-property-wrap .grid-view .item-body { margin-top: -75px; } .developmentpage .grid-view .item-body { background: black; margin-top: 0; padding-top: 35px; border-radius: 0; padding-bottom: 10px; padding-right: 0 !important; } .developmentpage .grid-view .item-wrap { border-radius: 0 !important; border-color: #000 !important; } .developmentpage .grid-view .item-header { z-index: 13; min-height: 200px; max-height: 200px; background: #000 !important; } .developmentpage .grid-view .item-price-wrap { text-align: right; top: 97% !important; min-width: 272px !important; padding-top: 15px !important; } .developmentpage .grid-view .item-listing-wrap { padding: 15px !important; } .developmentpage .grid-view .item-listing-wrap:hover { transform: none !important; } .developmentpage .grid-view .item-wrap:hover { border-color: black !important; } .developmentpage .grid-view .item-wrap.item-wrap-no-frame .hover-effect { border-radius: 0 !important; } .developmentpage .item-address { display: flex; text-align: right; color: #fff8; height: 45px; overflow: hidden; white-space: pre-wrap; text-overflow: unset; } .developmentpage .grid-view .item-body .item-title { text-align: right; } .developmentpage .grid-view .item-body .item-title a { font-weight: 400 !important; color: #07a0c3cc; text-align: right; pointer-events: none; padding-right: 0; } .developmentpage .h-beds, .developmentpage .h-baths { padding-right: 10px; border-right: 1px solid #fff5; } .developmentpage .h-type { display: none !important; } .developmentpage .item-price-wrap .item-price { display: inline-block; } .developmentpage .item-price-wrap .item-sub-price { display: inline; padding-left: 10px; font-size: 10px; font-weight: 200; } .developmentpage .item-amenities li { color: #8fd5e575; font-weight: 300; } .developmentpage .item-amenities { justify-content: flex-end; } .developmentpage .hover-effect:before { background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100% ); } .grid-view .item-footer { padding: 10px 15px 0; } #similar-listings-wrap .item-tools { display: none; } @media (max-width: 991.98px) { .header-desktop { display: none !important; } #similar-listings-wrap .grid-view .item-body { margin-top: -110px; } } .header-v4 .header-inner-wrap, .header-v4 .navbar-logged-in-wrap { height: 50px; line-height: 50px; } .header-v4 .navbar-logged-in-wrap { height: 30px; right: 25px; } @media (min-width: 990px) { .navbar-logged-in-wrap.show .logged-in-nav { width: 335px; top: 137% !important; } .navbar-logged-in-wrap.show .logged-in-nav::before { left: 84% !important; } .slideout-menu-right .logged-in-nav a { padding: 15px 13px !important; height: 85px; padding-top: 30px; text-align: left; background: linear-gradient( 137deg, transparent 50%, #2a9ae908 70%, #f5f5f5 100% ); } .slideout-menu-right .logged-in-nav a:hover { background: rgb(42 154 233 / 3%); } li.side-menu-item { width: 50%; display: inline-block; border: 1px solid #f7f6f6; border-bottom-width: 1px; margin-bottom: -1px; } .navbar-logged-in-wrap.show .logged-in-nav li.side-menu-item { width: 33%; margin-bottom: 1px; min-height: 85px !important; max-height: 85px !important; vertical-align: top; overflow: hidden; text-align: center; margin-right: 1px; background: rgb(243 245 247 / 17%); border: 0 !important; transition: all 0.7s !important; } .navbar-logged-in-wrap.show .logged-in-nav li.side-menu-item:hover { transform: scale(0.95); } .dashboard-logo-wrap { display: none !important; } .page-template-user_dashboard_favorites .dashboard-logo-wrap { display: block !important; } .dashboard-side-menu-wrap li.side-menu-item { border: 0 solid #ededed; border-bottom-width: 1px; } li.side-menu-item:last-child { border-bottom-width: 0; } .logged-in-nav a { border: 0; font-weight: 400; color: #000; } .dashboard-main-wrap li.side-menu-item { width: 100%; } } .navbar-logged-in-wrap.show .logged-in-nav li.side-menu-item i { display: block; color: #7e7e7e; font-size: 15px; padding-bottom: 10px; transform: translateX(5px); padding-right: 5px; } /****** Woocommerce CSS ******/ .woocommerce-page .page-wrap { max-width: 1200px; margin: 0 auto; } .woocommerce-info::before { display: none; } .woocommerce-error, .woocommerce-info, .woocommerce-message { margin-bottom: 1em; padding: 10px auto; border-top: 0; } .woocommerce-form-coupon-toggle, form.checkout_coupon.woocommerce-form-coupon, .checkout-coupon .woocommerce-form-coupon, .woocommerce-form-coupon-toggle .woocommerce-info { text-align: center; max-width: 400px; margin: 10px auto; } .checkout-coupon .woocommerce-form-coupon .form-row-first { width: 70%; } .checkout-coupon .woocommerce-form-coupon .form-row-last { width: 30%; } .woocommerce-checkout .page-content-wrap .elementor-top-section { display: inline-flex; } .woocommerce-checkout .page-content-wrap { padding-bottom: 35px; background: linear-gradient(180deg, #f2f2f6 0%, #ffffff 60%); width: max-content; margin: 0 auto; } ul.order_details { max-width: 500px; } .woocommerce ul.order_details { box-shadow: none !important; background: transparent !important; padding: 10px !important; border-radius: 0 !important; border-top: 1px solid #0003; border-bottom: 1px solid #0003; } .woocommerce ul.order_details li { display: inline-block; margin: 5px; padding: 5px 10px; background: #fff; border: 0; border-radius: 4px; } .woocommerce-checkout .page-title, .woocommerce-order-details__title, .woocommerce-column__title { text-align: left; padding-left: 30px; } .woocommerce-order .product-name a { pointer-events: none; color: #000; } .woocommerce h2, .woocommerce-checkout h3 { padding-left: 30px !important; font-weight: 500; } .woocommerce form .form-row label { font-weight: 400; } .woocommerce-checkout #payment { font-size: 90%; border-radius: 0; border: 1px solid rgb(224 224 224 / 63%); background: #fcfbfd; } .woocommerce .wc-bacs-bank-details-account-name { font-size: 13px; font-weight: 400; } .woocommerce-order-overview { text-align: left; } #billing_country_field { display: none !important; } .woocommerce-billing-fields__field-wrapper { box-shadow: none !important; border: 1px solid #ecf0f4; } .woocommerce .button { border-radius: 0 !important; font-weight: 300 !important; } .woocommerce .product-thumbnail { display: none; } @media (min-width: 800px) { .woocommerce-checkout form .col2-set { width: 55% !important; padding: 15px; border: 0; } .woocommerce-checkout form #order_review, .woocommerce-checkout form #order_review_heading { width: 40% !important; } .woocommerce-checkout form #order_review_heading { padding-bottom: 20px; } .woocommerce table.shop_table { background: transparent; box-shadow: none; } .woocommerce-order-details { width: 67%; display: inline-block; vertical-align: top; min-height: 400px; background: transparent; border-radius: 4px; padding: 20px; box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 5%); } .woocommerce-customer-details { width: 30%; margin-left: 20px; display: inline-block; vertical-align: top; height: 400px; } .woocommerce .woocommerce-customer-details address { display: list-item; list-style-type: circle; font-size: 13px; line-height: 27px; text-align: left; padding-left: 30px; font-style: italic; color: midnightblue; text-transform: capitalize; letter-spacing: -0.3px; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { line-break: anywhere; } } .woocommerce table.shop_table tbody th { font-weight: 400 !important; background: linear-gradient(90deg, transparent 99%, #cbcbcb); } .woocommerce-cart .cart-collaterals .cart_totals table td { text-align: right; justify-items: right; } .woocommerce-checkout-review-order-table { background: #fbfbfb !important; padding: 18px 30px 30px; border: 1px solid #ecf0f4 !important; border-radius: 0; } .woocommerce-order { max-width: 1000px; margin: 0 auto; padding: 30px; background: linear-gradient(180deg, #bea7b512, transparent); text-align: -webkit-center; } .footer-top-wrap .wp-block-button__link { padding: 4px 10px; border-radius: 3px; color: #fff; background: #373737; font-size: 11px; line-height: 13px; margin-top: 55px; font-weight: 500; } .terms-menu li { margin-bottom: 5px; } .footer-top-wrap a:hover, .footer-bottom-wrap a:hover, .footer-top-wrap .blog-post-content-widget h4 a:hover { color: #5a5a5a !important; padding: 4px 5px; border-radius: 0; background: transparent; } .sitemap-links a:hover, .sitemap-links-lite a:hover { border-right: 3px solid #f50000; color: #1139c3; padding: 0 5px 0 0; } /**** Woocommerce end *****/ /*****/ .single-houzez_agency .widget-agency-search { display: none; } .single-houzez_agent .content-wrap .agent-profile-wrap { /* max-width: 700px; background: transparent */ margin: 0 auto; text-align: center; border: 0; } @media (min-width: 600px) { .single-houzez_agent .content-wrap .agent-profile-wrap { height: 325px; } } .single-houzez_agent .bt-sidebar-wrap .widget-agency-search { display: none !important; } .single-houzez_agent .content-wrap .agent-profile-wrap .row .col-lg-4, .single-houzez_agent .content-wrap .agent-profile-wrap .row .col-md-4 { display: inline-block; } .single-houzez_agent .content-wrap .agent-profile-wrap .row .col-lg-8 { border: 0 !important; } .single-houzez_agent .content-wrap .row { /*background: #fff;*/ border: 0 solid #000; margin-top: 20px; } .agent-profile-wrap { margin-top: 40px; background-image: radial-gradient( #000000 0.8500000000000001px, #ffffff00 0.8500000000000001px ) !important; background-size: 18px 18px; background-repeat: repeat; background-position: center; } .fw-property-documents-wrap .block-title-wrap { margin-top: 40px; background-image: radial-gradient( #00000029 0.8500000000000001px, #ffffff00 0.8500000000000001px ) !important; background-size: 10px 10px; background-repeat: repeat; background-position: center; } .property-documents { margin-bottom: 0 !important; margin-top: 5px; } .single-houzez_agency .agent-profile-wrap .row, .single-houzez_agent .agent-profile-wrap .row { box-shadow: none !important; margin: 0 auto; min-height: 370px; padding: 75px 150px 50px; background: linear-gradient(270deg, #ffffff, #f0ece4 50.01%, #ffffffc4); background-size: cover; margin-top: -4rem; } .btn.btn-call { background: aliceblue !important; border-color: #cacaca !important; } @media (max-width: 600px) { .single-houzez_agency .agent-profile-wrap .row, .single-houzez_agent .agent-profile-wrap .row { padding: 70px 0 !important; } } .single-houzez_agent .sort-by .form-control, .single-houzez_agency .sort-by .form-control { height: 30px !important; line-height: 30px; } .sort-by .btn-light.dropdown-toggle, .sort-by .form-control { max-width: max-content; /* min-width: 100px;*/ } .single-houzez_agent .sort-by .btn-light.dropdown-toggle, .single-houzez_agent .sort-by .form-control, .single-houzez_agency .sort-by .btn-light.dropdown-toggle, .single-houzez_agency .sort-by .form-control { height: 40px; } .single-houzez_agent .listing-tools-wrap .d-flex .sort-by, .single-houzez_agency .listing-tools-wrap .d-flex .sort-by { border-radius: 0 !important; } @media (max-width: 767.98px) { .agent-profile-buttons .btn { max-width: 150px; } } .single-houzez_agency .listing-tabs .nav-tabs .nav-link, .single-houzez_agent .listing-tabs .nav-tabs .nav-link { min-width: 100px !important; max-width: 100px !important; margin: 1px; padding: 4px 2px !important; font-size: 12px; letter-spacing: 0.4px; border-radius: 0px; } .single-houzez_agency .listing-tabs .nav-tabs .nav-link:hover, .single-houzez_agent .listing-tabs .nav-tabs .nav-link:hover { background: black !important; transition: all 0.7s; } @media (min-width: 992px) { .single-houzez_agency .agent-profile-wrap .row .col-lg-9, .single-houzez_agent .agent-profile-wrap .row .col-lg-8 { max-width: 49% !important; } } .agent-profile-content .list-unstyled { padding-bottom: 0; border: 0 !important; text-align: left; } .agent-bio-wrap, .single-houzez_agent .agent-bio-wrap { background: transparent; padding: 70px !important; padding-top: 0 !important; } .agent-bio-wrap p { font-size: 16px; font-weight: 300; line-height: 28px; } .agent-bio-wrap p:last-of-type { display: block; background: #828282; padding: 20px; width: max-content; color: #fff; } .agent-bio-wrap p:last-of-type i { display: none; } .single-houzez_agent #tab-content, .single-houzez_agency #tab-content { z-index: 5; margin-top: -15px; padding-top: 40px; display: block; position: relative; border-top: 1px solid #ddd; background: #fff !important; box-shadow: 0 -10px 10px -8px #eee; } @media (max-width: 800px) { .agent-profile-wrap .row { padding: 10px; } } /* .single-houzez_agent .content-wrap .container .row { margin-left: auto; margin-right: auto; max-width: 90%; margin-bottom: 30px; }*/ .single-houzez_agent .content-wrap .container .bt-sidebar-wrap { margin-bottom: 30px; } .single-houzez_agent .content-wrap .container .sidebar-wrap { border-color: #fff !important; } /* .single-houzez_agent .content-wrap .row .col-lg-8 { margin-top: 18px; padding: 10px; z-index: 5; background: linear-gradient(180deg, rgb(220 235 245 / 20%), transparent); }*/ .single-houzez_agent .listing-wrap { padding: 50px 0 !important; } .single-houzez_agent .grid-view .item-body { margin-top: -75px; } .single-houzez_agent .item-tools { display: none; } .single-houzez_agent .grid-view.card-deck, .single-houzez_agent .listing-view.card-deck { margin: 15px auto !important; padding-top: 40px; } .single-houzez_agent .grid-view .item-listing-wrap { width: 33%; flex-basis: 33%; } .single-houzez_agent .listing-tools-wrap .listing-tabs .nav-tabs .nav-item { padding: 2px; background: #ebebeb; } .single-houzez_agent .listing-tools-wrap .listing-tabs .nav-tabs .nav-item .nav-link { padding: 10px; } .single-houzez_agent .listing-tools-wrap { padding: 15px 30px 0; } .single-houzez_agent .agent-nav-wrap { margin: 5px 0 !important; } .agent-nav-wrap .nav-pills .nav-link, .single-houzez_agent .agent-nav-wrap .nav-link { border: 1px solid transparent; margin: 0 5px; padding: 15px 0 20px; font-size: 90%; max-width: 185px; } .single-houzez_agent .agent-nav-wrap .nav-pills .nav-link { border-color: transparent; box-shadow: none; font-size: 90%; border-bottom: 0 !important; background: transparent; color: #000 !important; } .agent-nav-wrap .nav-pills .nav-link.active, .agent-detail-page-v2 .agent-nav-wrap .nav-link.active { font-size: 100%; border-color: #dddddd !important; border-bottom: 0 !important; background: transparent; color: #000 !important; box-shadow: 0 0 10px 0 #eee; } a.nav-link.hz-review-tab { max-width: 185px; } .single-houzez_agent .agent-nav-wrap .nav-link .hz-review-tab a:before { content: ""; display: inline-block; width: 30px; height: 30px; background: url("https://img.icons8.com/?size=100&id=13823&format=png&color=000000"); background-repeat: no-repeat; background-size: 30px; background-position: center; } .star .full-star { background-image: url("https://propertybox.co.ke/media/2024/06/solid-star.svg"); } .star .half-star { background-image: url("https://propertybox.co.ke/media/2024/06/half-star.svg"); } @media (min-width: 800px) { .listing-wrap { padding: 35px; background: #fff; } .half-map-right-wrap .page-title-wrap .d-flex .align-items-center .page-title .flex-grow-1 span { font-weight: 700; border-radius: 50%; background: #f3cccc !important; } } .upload-gallery-thumb-buttons button.text-success { background: #995c86; border-radius: 0; margin-left: -1px; color: #fff !important; } .label { border-radius: 0; letter-spacing: 0.75px; font-size: 9px; font-weight: 600; } .label-featured { border-radius: 0; color: #fff; font-weight: 500; font-size: 9px; letter-spacing: 1px; line-height: 12px; font-family: "Maven-Pro", sans-serif; z-index: 2; top: 1%; left: 2%; } .listing-view .label-featured, .grid-view .label-featured { top: -6% !important; left: 0; background: #342b69 !important; padding-left: 15px; width: -webkit-fill-available; } .print-wrap { background: #f7f7f7; padding: 30px; } .print-page .logo img { width: 147px; pointer-events: all !important; } .print-content .block-content-wrap .list-3-cols li a, .print-page a { pointer-events: none; color: #858585 !important; } .print-gallery-image { display: inline-block; width: 49% !important; pointer-events: none; margin-top: -10px; margin-right: 4px; } .print-page img { pointer-events: none; } .footer-top-wrap .widget-wrap { width: 75%; margin: 0; } .btn-back-to-top .icon-arrow-up-1:before { content: "" !important; color: transparent !important; display: block; width: 35px; height: 31px; background-image: url("/asset/media/svg/top.svg") !important; background-size: 12px !important; background-repeat: no-repeat !important; background-position: center; filter: invert(1); transition: all 0.7s !important; } .btn-back-to-top .icon-arrow-up-1:after { content: "Top"; display: inline-block; position: relative; font-size: 13px; font-family: "Outfit", sans-serif; font-weight: 300; color: #6b6b6b; margin: 15px -20px; } @media (max-width: 600px) { .btn-back-to-top .icon-arrow-up-1:after { display: none; } } .btn-back-to-top:hover { color: #fff; background: #b00 !important; border-radius: 50%; transform: translate(0, -5px); opacity: 1; } .btn-back-to-top:hover .icon-arrow-up-1:before { transform: scale(0.75); } .back-to-top-wrap .btn-back-to-top:hover { box-shadow: 0 0 25px -1px rgb(93 106 116 / 55%); } @media (max-width: 767px) { .footer-top-wrap .widget-wrap { width: 100%; } .back-to-top-wrap .btn-back-to-top { color: #fff; height: 35px; width: 35px; line-height: 30px; letter-spacing: 0.5px; border-radius: 50%; background: #747474; border: 1px solid #6e6e6e; transition: all 0.5s !important; } } .back-to-top-wrap { right: 10px !important; bottom: 90px !important; height: 80px; padding: 0; background: linear-gradient(180deg, rgb(37 37 37 / 28%), transparent); z-index: 100 !important; } @media (max-width: 600px) { .back-to-top-wrap { height: 40px; } } .property-detail-v6 .property-banner .block-wrap { background: linear-gradient(90deg, white, transparent); margin: 40px auto 0 !important; } .grid-item-text-wrap { height: 200px; } .grid-item-title { font-size: 12px !important; font-weight: 300 !important; line-height: 16px; letter-spacing: 0.2px !important; height: 50px; margin: 0 -15px 0 -5px; overflow: hidden; } .homebox .grid-item-text-link { padding-top: 15px; padding-left: 25px; margin-left: -25px; padding-right: 40px; text-align: center; filter: none; } .homebox .grid-item-icon .icon-arrow-button-right-2:before { /*content: ""; font-family: "houzez-iconfont"; background: transparent; padding: 6px; font-size: 7px; font-weight: 700; color: transparent; vertical-align: text-top; border-radius: 50%; border: 0;*/ display: none !important; } .homebox .grid-item-icon .icon-arrow-button-right-2:hover:before { /*color: #fff; background: transparent; border-radius: 0 50% 50% 0;*/ display: none; } .resource-list-item { background: #fff; padding: 10px; margin-bottom: 1px; } .resource-list-item__inner { background: #f8f8f8; } .resource-list-item__data { display: inline-block; box-sizing: border-box; margin-top: 6px; margin-right: 6px; padding: 0 8px 2px 0; max-width: calc(60% - 8px); line-height: 16px; font-size: 12px; color: #3a3c3f; border-right: 1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .resource-list-item__data:last-child { margin-right: 0; padding-right: 0; max-width: 40%; border-right: 0; background: #e5e3e3; padding: 5px; } .resource-list-item__title { font-size: 13px; line-height: 125%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: #333; margin-bottom: 0; } li.login-link { border: 0; background: transparent !important; } .login-form-wrap .form-group-field:after, .register-form-wrap .form-group-field:after { left: 12px !important; } .icon-single-neutral-circle:before { background-image: url("/asset/media/svg/user-black.svg") !important; } .icon-single-neutral-circle:before, .login-link a:before, .login-form-wrap .username-field::after, .register-form-wrap .username-field::after, .icon-single-neutral-circle:before { content: " "; color: transparent; display: inline-block; background-image: url("/asset/media/svg/user-black.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle; padding: 0; padding-right: 30px; width: 25px; height: 25px; transition: all 0.5s ease-in-out; transform: translateX(-3px); } li.login-link a:hover::before { transition: all 0.5s ease-in-out; transform: translateX(-7px); background-image: url("/asset/media/svg/user-blu.svg"); } .login-form-wrap .username-field::after, .register-form-wrap .username-field::after { padding: 0 !important; width: 20px; background-size: 15px !important; } .email-field::after { content: ""; display: block; width: 15px; height: 25px; color: transparent !important; background: url("https://propertybox.co.ke/media/2024/06/mailer.svg"); background-size: 14px !important; background-repeat: no-repeat; background-position: center; } .password-field::after { content: ""; display: block; width: 20px; height: 25px; color: transparent !important; background: url("/asset/media/svg/password.svg"); background-size: 15px !important; background-repeat: no-repeat; background-position: center; } .phone-field::after { content: ""; display: block; width: 20px; height: 25px; color: transparent !important; background: url("/asset/media/svg/phone.svg"); background-size: 15px !important; background-repeat: no-repeat; background-position: center; }