/****** File 3******/ .add-new-listing-bottom-nav-wrap .btn.houzez-submit-js { background: #ca0202 !important; color: #fff !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: 22px; height: 22px; transition: all 0.5s ease-in-out; transform: translateX(-3px); } .login-link a::before { width: 12px; height: 15px; margin-right: -6px; } @media (min-width: 991.98px) and (max-width: 1024px) { .login-link a::before { width: 17px !important; height: 17px !important; } .header-main-wrap .login-register-nav a.favorite-btn::before { width: 19px !important; margin-right: 20px !important; } .header-main-wrap .login-register-nav a.favorite-btn::before { height: 21px !important; width: 20px !important; background-size: contain !important; } .header-main-wrap .login-register-nav a.favorite-btn:hover:before { height: 21px !important; width: 20px !important; background-size: contain !important; margin-right: 20px !important; transform: translateX(1px) !important; } } li.login-link a:hover::before { transition: all 0.5s ease-in-out; transform: translateX(-7px); background-image: url("/asset/media/svg/login-lite.svg"); filter: brightness(0.75); } .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; } .login-register-form .modal-content { background: #fff; padding: 0; border-radius: 0 !important; /* border: 3px solid rgb(255 255 255 / 23%);*/ box-shadow: inset 0 0 0 2px rgb(0 99 221 / 15%); } .single-property .modal-body { /* box-shadow: 0 0 15px rgb(0 0 0 / 10%);*/ box-shadow: none; } .login-register-form .modal-body { padding: 1px !important; /*box-shadow: inset 0 -135px 0 -5px #f0f0f0;*/ } .login-register-form .modal-content .tab-content { padding: 25px; margin-top: -10px; /* border: 1px solid #00000012;*/ border-radius: 0; background: linear-gradient(180deg, #ffffff 75%, #c1c1c1 100%); } .social-login-wrap:before { content: "or"; display: inline; width: 230px; font-size: 13px; text-align: center; text-align: -webkit-center; padding: 0 10px 15px; margin: 0 auto !important; } .social-login-wrap { display: flex; flex-direction: column; padding-top: 10px; text-align: center; line-height: 28px; } .login-register-form .modal-body .form-tools a { display: inline-block; border-bottom: 0; line-height: 13px; } .login-form-wrap, .register-form-wrap, .login-form-wrap .form-group, .register-form-wrap .form-group { width: 220px; background: transparent; } .modal-body .nav-tabs .nav-link.active { background: #e7e5e5; } .modal-header { background: #f1f3f8 !important; } .modal-body .form-control .btn { border-radius: 0; } .modal-body .form-tools .control { font-size: 12px; font-weight: 300; line-height: 20px; letter-spacing: 0.2px; width: 100%; } #login-register-form .modal-body { width: 100% !important; } #login-register-form .modal-body .form-tools .control { font-size: 11px; line-height: 17px; color: #535353; letter-spacing: 0.2px; padding: 2px 25px; } .modal-body .form-tools a { font-size: 10px; border-bottom: 1px solid #959595; min-height: 14px; height: 14px; } .login-register-form .modal-header .login-register-tabs .nav-link.active { border-bottom: 2px solid #fff; border-top: 0; background: #fff; box-shadow: 0 0 10px 0 #00000024; } .nav-tabs .nav-item { margin-right: 5px; } a.modal-toggle-1.nav-link.active:before, a.modal-toggle-2.nav-link.active:before { content: " "; display: inline-block; background: #b30c0c; border-radius: 50%; vertical-align: middle; width: 7px; height: 7px; margin-right: 10px; } .modal-body .form-tools a:hover { color: #6e6e6e; transform: translateY(-3px); transition-duration: 0.5s; transition-timing-function: ease-in-out; } .nav-mobile .logged-in-nav a, .nav-mobile .main-nav, .nav-mobile .navi-login-register { overflow-x: hidden; } .nav-mobile .logged-in-nav a, .nav-mobile .main-nav .nav-item .nav-item a, .nav-mobile .main-nav .nav-item a, .navi-login-register .main-nav .nav-item a { color: #000 !important; font-size: 14px !important; font-weight: 400; line-height: 34px; border-bottom-color: #0002 !important; } .nav-mobile .main-nav .nav-item .dropdown-menu .nav-item > a { font-size: 80% !important; line-height: 21px; background: #f8f8f8; padding-left: 70px !important; border-bottom: none; } .nav-mobile .main-nav .nav-item .dropdown-menu .nav-item > a i { display: none !important; } .nav-mobile .login-link a:before { display: none; } .main-nav .navbar-nav .nav-item .nav-item a:hover, .main-nav .navbar-nav .nav-item .nav-item a:active, .login-register .login-register-nav li .dropdown-menu .nav-item a:hover { background: #fff; } .main-nav .navbar-nav .nav-item .nav-item a:hover { background: #fff; box-shadow: 0 0 0 1px #bbc7e4; transform: scale(0.975); border-radius: 3px; } .home .item-amenities li img { display: none !important; } .home .item-amenities li.h-area { display: none; } .home .item-amenities li { font-size: 14px; font-weight: 300; } .newly-listed li.item-tool.item-compare, .newly-listed .label-featured, .newly-listed .item-footer { display: none !important; } @media (min-width: 990px) { .home .blog-posts-slider-wrap .blog-posts-slide-wrap { width: 245px !important; display: inline; } .property-carousel-buttons-wrap { right: 5%; } .property-carousel-buttons-wrap .btn-view-all { border-radius: 0 !important; font-size: 9px; letter-spacing: 1.25px; text-transform: uppercase; } .home .hm-buylease .slick-list .slick-track { width: 100% !important; padding-top: 20px; } .home .elementor-field-group .elementor-field-textual { flex-basis: 90% !important; } .home .item-amenities li { margin-right: 5px; min-width: 50px; text-align: center; justify-content: center; } .main-nav .navbar-nav .nav-item .dropdown-menu, .login-register .login-register-nav li .dropdown-menu { /*left: -100%;*/ top: 43px; padding: 10px; z-index: 155; background: linear-gradient(180deg, #fafafa 28%, #ffffff 60%); border-radius: 5px !important; border: 0 !important; border-top: 0.1px solid #8e8e8e !important; transform: translateY(1px); transition: all 0.7s ease-in-out !important; transition-delay: 100ms !important; } .login-register .login-register-nav li .dropdown-menu { width: 450px; } .header-main-wrap .main-nav .menu-item-design-full-width .megamenu { width: 46vw !important; } .elementor-17053 .header-main-wrap .main-nav .menu-item-design-full-width .megamenu { width: 54vw !important; left: 95% !important; } .hire-btn .elementor-button { min-width: 70px; } .hire-btn .elementor-button-text:before { content: ""; display: block; height: 24px; margin-bottom: 5px; background-repeat: no-repeat !important; background-position: center !important; background-size: 24px !important; } .hire-btn .elementor-button-text, .hire-btn .elementor-button-text a { font-weight: 300; } .main-nav .navbar-nav .menu-item-20085 .dropdown-menu a.dropdown-item::before { display: none !important; } .main-nav .navbar-nav .menu-item-20085 .dropdown-menu a.dropdown-item::after { content: ""; display: inline-block !important; height: 22px; width: 22px; background-size: 20px; background-image: url("/asset/media/svg/external.svg"); background-position: center; vertical-align: middle; transition: all 0.7s ease-in-out !important; } .main-nav .navbar-nav .menu-item-20085 .dropdown-menu a.dropdown-item:hover:after { transform: translate(0px, -5px); transition: all 0.7s ease-in-out !important; } .main-nav .navbar-nav .menu-item-20085 .dropdown-menu { background-color: rgb(235 238 241) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='200' preserveAspectRatio='none' viewBox='0 0 1440 200'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1081%26quot%3b)' fill='none'%3e%3cpath d='M36 200L236 0L527 0L327 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1082%26quot%3b)'%3e%3c/path%3e%3cpath d='M260.6 200L460.6 0L570.1 0L370.1 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1082%26quot%3b)'%3e%3c/path%3e%3cpath d='M519.2 200L719.2 0L804.7 0L604.7 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1082%26quot%3b)'%3e%3c/path%3e%3cpath d='M739.8000000000001 200L939.8000000000001 0L1097.3000000000002 0L897.3000000000001 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1082%26quot%3b)'%3e%3c/path%3e%3cpath d='M1393 200L1193 0L998 0L1198 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1083%26quot%3b)'%3e%3c/path%3e%3cpath d='M1158.4 200L958.4000000000001 0L715.4000000000001 0L915.4000000000001 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1083%26quot%3b)'%3e%3c/path%3e%3cpath d='M946.8 200L746.8 0L565.3 0L765.3 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1083%26quot%3b)'%3e%3c/path%3e%3cpath d='M720.1999999999999 200L520.1999999999999 0L292.19999999999993 0L492.19999999999993 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1083%26quot%3b)'%3e%3c/path%3e%3cpath d='M1294.0594841789712 200L1440 54.05948417897122L1440 200z' fill='url(%26quot%3b%23SvgjsLinearGradient1082%26quot%3b)'%3e%3c/path%3e%3cpath d='M0 200L145.94051582102878 200L 0 54.05948417897122z' fill='url(%26quot%3b%23SvgjsLinearGradient1083%26quot%3b)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1081'%3e%3crect width='1440' height='200' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1082'%3e%3cstop stop-color='rgba(137%2c 131%2c 131%2c 0.35)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(137%2c 131%2c 131%2c 0.35)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='100%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1083'%3e%3cstop stop-color='rgba(137%2c 131%2c 131%2c 0.35)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(137%2c 131%2c 131%2c 0.35)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e"); background-size: cover; background-position: top; background-blend-mode: color-burn; } .main-nav .navbar-nav .menu-item-20085 .dropdown-menu a:hover { box-shadow: none !important; } .main-nav .navbar-nav .menu-item-20085 .dropdown-menu a.dropdown-item { font-size: 16px !important; font-weight: 300; background: transparent !important; border: 0 !important; border-bottom: 1px solid #0002 !important; border-radius: 0 !important; } .main-nav .navbar-nav .dropdown-menu .menu-item-20086 a.dropdown-item { border-bottom: 0 !important; } /** Hire a Pro ***/ .hire-btn.cutlery .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/cutlery.png"); } .hire-btn.carpet .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/carpet.png"); } .hire-btn.lights .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/lamp.png"); } .hire-btn.smarthome .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2022/04/pro-smart-home.png"); } .hire-btn.decor .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/decor.png"); } .hire-btn.appliances .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/appliances.png"); } .hire-btn.utensils .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/utensils.png"); } .hire-btn.furniture .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/furniture.png"); } .hire-btn.gardentools .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/gardentools.png"); } .hire-btn.painting .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/painting.png"); } .hire-btn.herbs .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/herb.png"); } .hire-btn.curtains .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/curtains.png"); } .hire-btn.moving .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/moving.png"); } .hire-btn.fabricator .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/fabricator.png"); } .hire-btn.sculptor .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/sculptor.png"); } .hire-btn.escalator .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/cutlery.png"); } .hire-btn.interior-designer .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/interior-designer.png"); } .hire-btn.landscape .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/landscape.png"); } .hire-btn.builder .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/builder.png"); } .hire-btn.engineer .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/engineer.png"); } .hire-btn.swimming-pool .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/swimming-pool.png"); } .hire-btn.escalator .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/escalator.png"); } .hire-btn.architect .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/architect.png"); } .hire-btn.glass .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/glass.png"); } .hire-btn.carpenter .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/carpenter.png"); } .hire-btn.cutlery .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/cutlery.png"); } .hire-btn.solar .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/Solar-Power.png"); } .hire-btn.electrician .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/electrician.png"); } .hire-btn.plumber .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/plumber.png"); } .hire-btn.cutlery .elementor-button-text:before { background: url("https://propertybox.co.ke/media/2024/05/cutlery.png"); } /****/ .megamenu-item .dropdown-menu.megamenu { background: #fff !important; width: 47vw !important; left: 27% !important; right: 0 !important; padding: 0 !important; backdrop-filter: blur(4px); } .megamenu-item .header-v4 a:active, .megamenu-item .header-v4 a:hover { background: linear-gradient(178deg, #e3ebed 25%, transparent); } #menu-item-9176 .dropdown-menu, #menu-item-12196 .dropdown-menu { width: 212px !important; left: -40px; } #menu-item-17875 .dropdown-menu, #menu-item-17868 .dropdown-menu, #menu-item-17869 .dropdown-menu { left: -40px; } #menu-item-12196 .dropdown-menu { left: -45px !important; } #menu-item-9176 .dropdown-menu .nav-item, #menu-item-12196 .dropdown-menu .nav-item, #menu-item-12057 .dropdown-menu .nav-item { width: 100%; float: none; } .main-nav .dropdown-item { min-width: 190px; line-height: 33px; padding: 3px 10px; margin-bottom: 5px; border-bottom: 0 !important; border-radius: 4px; } .dropdown-menu .nav-item { display: inline-block; width: 100%; /*width: calc(50% - 0.1rem) !important;*/ margin-bottom: 2px; } #menu-item-9278 .dropdown-menu .nav-item, #menu-item-12196 .dropdown-menu .nav-item, #menu-item-14777 .dropdown-menu .nav-item, #menu-item-17870 .dropdown-menu .nav-item, #menu-item-17356 a.dropdown-item .nav-item, #menu-item-17357 a.dropdown-item .nav-item { width: 100% !important; } .main-nav a.dropdown-item { background: linear-gradient(180deg, #e4ebf033, #ffffff); line-height: 18px !important; border-radius: 0; border: 0 !important; padding: 7px !important; font-size: 12px !important; margin-bottom: 0 !important; } .main-nav:not(.houzez-nav-menu-main) .dropdown-item { min-width: max-content !important; } #menu-item-12052 a.dropdown-item, #menu-item-12053 a.dropdown-item, #menu-item-12054 a.dropdown-item, #menu-item-12055 a.dropdown-item { width: 100px !important; text-align: center; border-radius: 3px; border: 1px solid rgb(116 116 116 / 32%) !important; margin: 5px 10px !important; height: 30px; padding: 4px; background: rgb(163 163 163 / 8%); } #menu-item-12052 a.dropdown-item:hover, #menu-item-12053 a.dropdown-item:hover, #menu-item-12054 a.dropdown-item:hover, #menu-item-12055 a.dropdown-item:hover { background: linear-gradient(-90deg, rgb(22 30 60 / 10%) 25%, transparent); border-color: transparent !important; } .main-nav a.dropdown-item:before { content: ""; display: inline-block; background-size: 20px 20px; background-position: center center; background-repeat: no-repeat; height: 22px; width: 40px; top: 50%; vertical-align: bottom; margin-bottom: -3px; opacity: 0.75; filter: grayscale(1); } .menu-item-17870 ul a.dropdown-item:before { width: 10px; } #menu-item-12052 a.dropdown-item:before, #menu-item-12053 a.dropdown-item:before, #menu-item-9276 a.dropdown-item:before { display: none; } .main-nav a.dropdown-item:after { display: block; opacity: 0.6; transform: none; letter-spacing: 0.45px; margin-left: 10px; font-size: 85%; } .property-action-menu .dropdown-toggle::after { transform: none !important; float: none; margin-left: 7px; } .property-action-menu .btn-primary-outlined { height: 25px; line-height: 22px; padding: 0 15px; color: #000; background: #f5f5f5; border-color: rgb(224 224 224 / 25%); border-radius: 3px; } } .home .hz-map-field-js:before, .houzez-halfmap-page .location-search.hz-map-field-js::before { content: ""; display: block; height: 20px; width: 30px; z-index: 55; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("https://propertybox.co.ke/media/locatio.svg"); } .houzez-halfmap-page .location-search.hz-map-field-js::before { position: absolute; margin-left: 8px; margin-top: 8px; filter: brightness(0.5); } input#search_location:active { border-color: #000; } .home .hz-map-field-js { border: 0; border-radius: 1px; margin: 5px; padding: 1px; width: calc(70% - 10px) !important; background: linear-gradient( 90deg, #ffffff 60%, #ffffff70 85%, #b7b7b77a 90%, transparent 100% ) !important; box-shadow: -7px 0px 10px 0px rgb(0 0 0 / 11%) !important; } @media (max-width: 768.98px) { .home .hz-map-field-js { width: calc(100% - 10px) !important; } } .home .hz-map-field-js .elementor-field-textual:focus { box-shadow: none !important; } .home .hz-map-field-js .elementor-field-textual.elementor-size-xs { width: 85% !important; flex-basis: 85% !important; background: transparent !important; min-height: 40px !important; } .elementor-field-group.elementor-field-type-submit { align-items: center !important; justify-content: center; } .property-action-menu .btn { background: #fff; } #menu-item-15502 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2023/07/coworking.png"); } #menu-item-16036 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/faqs.png"); } #menu-item-16036 a.dropdown-item:after { content: "learn how to use our site"; } #menu-item-9175 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/residential-home.png"); } #menu-item-9184 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/Pro-construction.png"); } #menu-item-9280 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/05/add-property.png"); } #menu-item-9280 a.dropdown-item:after { content: "showcase to the right audience"; } #menu-item-12659 a.dropdown-item:after { content: "Projects under construction"; } #menu-item-9456 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/05/premium-ads.png"); } #menu-item-12877 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/11/calc.png"); } #menu-item-12198 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/11/faq.png"); } #menu-item-12618 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/11/mortgagecalc.png"); } #menu-item-12197 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/11/talk.png"); } #menu-item-9456 a.dropdown-item:after { content: "Get more leads"; } #menu-item-12618 a.dropdown-item:after { content: "Get Housing Finance"; } #menu-item-12198 a.dropdown-item:after { content: "Got questions? check our FAQs"; } #menu-item-12197 a.dropdown-item:after { content: "Talk to our support team"; } #menu-item-9210 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/pro-pool.png"); } #menu-item-9206 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/appliances-store.png"); } #menu-item-9184 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/Pro-construction.png"); } #menu-item-9188 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/pro-gardening.png"); } #menu-item-9185 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/furniture-store.png"); } #menu-item-9187 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/pro-architect.png"); } #menu-item-9207 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/pro-relocation.png"); } #menu-item-9208 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/pro-lighting.png"); } #menu-item-9186 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/pro-interiordesigner.png"); } #menu-item-9209 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/pro-solar-experts.png"); } #menu-item-9214 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/pro-smart-home.png"); } #menu-item-9211 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/pro-carpet.png"); } #menu-item-9273 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/commercial-office.png"); } #menu-item-9278 a.dropdown-item:before { width: 10px; } #menu-item-17356 a.dropdown-item:after { content: "Get a Co. to help you sell/buy"; } #menu-item-17357 a.dropdown-item:after { content: "Concierge finder for your Realtor"; } #menu-item-8629 a.dropdown-item:after { content: "Homes with Video/3D tours"; } #menu-item-9174 a.dropdown-item:after { content: "learn your way around this site"; } #menu-item-20089 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/agency.png"); } /* #menu-item-9276 a.dropdown-item:after { content: "Lenders Directory"; }*/ #menu-item-12742 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2023/04/devs.png"); } #menu-item-12742 a.dropdown-item:after { content: "New Projects under construction"; } #menu-item-14374 a.dropdown-item:after { content: "New Projects in NBO only"; } #menu-item-14374 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2023/04/nbo.png"); } #menu-item-9274 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/furnished-home.png"); } #menu-item-9271 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/shop.png"); } #menu-item-9181 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/house.png"); } #menu-item-9179 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/apartment.png"); } #menu-item-9272 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/warehouse.png"); } #menu-item-9180 a.dropdown-item:before { background-image: url("https://propertybox.co.ke/media/2022/04/townhouse.png"); } #menu-item-9183 { pointer-events: none; width: 100%; text-align: center; } @media (min-width: 768.98px) { #menu-item-18403 { top: 13px; padding-left: 15px; height: 20px; line-height: 20px; } } /* #menu-item-18403 .nav-link { background: linear-gradient(359deg, #c9ddd59e, transparent); background-position: 13px 60%; background-size: 100px 7px; background-repeat: no-repeat; } #menu-item-18403 .nav-link:hover { background: none !important; }*/ #menu-item-18403 .nav-link:before { content: ""; background: #c9ddd5; position: absolute; left: 5%; bottom: 5%; width: 3px; height: 3px; border-radius: 50%; z-index: -1; transition: all 0.7s ease-in-out; } #menu-item-18403 .nav-link:hover::before { bottom: 0; height: 23%; width: 5px; background: #c10900; } #menu-item-18403 a.nav-link { font-size: 12px !important; width: 70px; line-height: 12px; } #menu-item-18403 .nav-link:hover::after { display: none !important; } #menu-item-18403::after { content: ""; position: absolute; background: rgb(94 91 91 / 55%); width: 1px; height: 27px; top: calc(50% - 14px); margin-left: -15px; transition: all 0.7s !important; } #menu-item-18403:hover::after { transform: skew(-10deg, -10deg); } #menu-item-18403 .dropdown-toggle:after, #menu-item-9278 .dropdown-toggle:after { display: none !important; } .current_page_item#menu-item-18403 { width: 90px; padding: 0; background: transparent; } .current_page_item#menu-item-18403 .nav-link:before { background: transparent !important; } .current_page_item#menu-item-18403 a.nav-link { font-size: 13px !important; line-height: 14px; margin-top: -14px; padding-top: 5px; } .current_page_item#menu-item-18403::after { background: transparent; } /* #menu-item-18403 .dropdown-menu { width: 205px !important; left: 0; padding: 5px 10px 0 !important; }*/ #menu-item-18403 .dropdown-menu .current-menu-parent, #menu-item-18403.current-menu-parent { background: transparent !important; } .current-menu-parent #menu-item-12057::after { margin-left: 5px !important; } #menu-item-18403.current-menu-parent .nav-link { background: transparent; margin-left: -5px !important; } #menu-item-9278 .dropdown-menu { width: 210px !important; left: -30% !important; padding: 5px 10px !important; } #menu-item-9183 a.dropdown-item:before, #menu-item-12054 a.dropdown-item:before, #menu-item-12055 a.dropdown-item:before { display: none !important; } #menu-item-9183 .dropdown-item { width: 70%; font-size: 15px; font-weight: 700; line-height: 21px; text-align: center; padding-bottom: 15px; margin-bottom: 35px; border-radius: 0; border-bottom: 1px dashed #5c899d !important; } #menu-item-9183 .dropdown-item span { color: #01558f; font-size: 12px; } #menu-item-9182 { display: none !important; } @media (max-width: 768.98px) { .list-view .item-header .item-price-wrap { background: linear-gradient(90deg, rgb(61 61 61 / 34%) 17%, transparent); padding: 10px; padding-top: 0; } } .control__indicator { width: 14px; height: 14px; border-color: rgb(84 84 84 / 48%); margin-top: 0; border-radius: 0 !important; } .login-register-form .control__indicator { margin-top: 3px !important; border-radius: 0 !important; } .form-group-terms .control__indicator { margin-top: 0 !important; } .control--checkbox .control__indicator::after, .control--checkbox .control__indicator:after { left: 5px; top: 1px; width: 3px; height: 8px; border-width: 0 1px 1px 0; } .control--radio .control__indicator { margin-top: 4px; height: 12px; width: 12px; } .control--radio .control__indicator:after, .control--radio .control__indicator::after { left: 3px; top: 3px; height: 4px; width: 4px; } /*** Property Tour Schedule Form ****/ .tour-day-form-slide-arrow.prev { left: -35px; top: 35%; } .tour-day-form-slide-arrow.next { right: -35px; top: 35%; } .property-schedule-tour-form-wrap .btn, .property-schedule-tour-form-wrap .form-control { border-radius: 0 !important; border: 1px solid #eeeeee; background: #f4f4f4; color: #000; } .houzez_agent_property_form.btn::after { filter: none; } .property-schedule-tour-day-form .control--radio .control__indicator { background: linear-gradient(180deg, rgb(236 236 236), transparent); border-color: #e9e9e9; border-bottom: 0; border-radius: 7px 7px 0 0 !important; color: #000; } .property-schedule-tour-type-form .control--radio .control__indicator { border-color: #e9e9e9; background: #f1f2f1; top: 2px; } .property-schedule-tour-type-form.d-flex.justify-content-between { margin-bottom: 50px !important; background: #fefefe; padding: 15px; border-radius: 4px; } .property-schedule-tour-form-wrap .control--checkbox .control__indicator::after { left: 4px; top: 2px; width: 4px; height: 9px; border-color: #d00; } .control.control--checkbox { display: inline-block; font-size: 12px; font-weight: 400 !important; line-height: 17px; margin-bottom: 5px; padding-right: 10px; color: #000; } .property-schedule-tour-form-wrap .control.control--checkbox { line-height: 21px; } .property-schedule-tour-form-wrap .control input { z-index: 5 !important; opacity: 1; left: 5% !important; top: 10% !important; transform: scale(0.75); } .control { padding-left: 20px; margin-bottom: 5px; color: #0007; } .property-schedule-tour-form-wrap .control { transition: all 0.7s; } .property-schedule-tour-form-wrap .control:hover { color: #000; transform: scale(0.975); } .property-schedule-tour-day-form .control--radio .control__indicator:hover { background: #fff; border-radius: 3px; color: royalblue; } /*** Top Bar ***/ .top-bar-wrap a, .top-bar-contact, .top-bar-slogan, .top-bar-wrap .btn, .top-bar-wrap .dropdown-menu, .switcher-wrap .dropdown-menu, .top-bar-wrap .navbar-toggler { color: #000 !important; font-size: 13px; line-height: 13px; } .switcher-wrap .dropdown-menu li, .top-bar-wrap .dropdown-menu li { padding: 3px 5px !important; line-height: 24px; font-size: 90%; color: #000; font-weight: 500; transition: all 0.7s; } .switcher-wrap .dropdown-menu li:hover, .top-bar-wrap .dropdown-menu li:hover { color: aliceblue; } #area-switcher-list-js { min-width: 110px; max-width: 110px; width: 110px; } .top-bar-wrap { background: #f0f5ff; backdrop-filter: blur(10px); } .top-bar-wrap, .top-bar-wrap .dropdown-menu, .switcher-wrap .dropdown-menu { position: relative; z-index: 100; background-color: #f0f5ff; color: #000; } .switcher-wrap .dropdown-menu li, .top-bar-wrap .dropdown-menu li { margin-right: 0 !important; } .switcher-wrap .dropdown-menu, .top-bar-wrap .dropdown-menu { padding-left: 10px !important; padding-right: 10px !important; } .switcher-wrap ul.dropdown-menu::after { border-color: transparent transparent #fff !important; } .switcher-wrap ul.dropdown-menu::before, .switcher-wrap ul.dropdown-menu::after { left: 2% !important; } .switcher-wrap ul.dropdown-menu::before { border-color: transparent transparent #c7c7c7 !important; } .switcher-wrap .dropdown-menu { background: #fff; box-shadow: 0 0 15px 0 #b3b3b3 !important; border-radius: 4px !important; } .single-property .top-bar-wrap .btn { color: #000; } @media (min-width: 1024px) { .single-property .top-bar-wrap { position: fixed; right: 27%; top: 50px; background: #f0f5ff !important; z-index: -1 !important; } .top-bar-wrap { z-index: 100; } #half-map-listing-area .top-bar-wrap { height: 40px; line-height: 37px; width: 80%; justify-self: right; background: #f0f5ff !important; } #half-map-isting-area .logo { margin-top: -85px; display: block; position: absolute; } } @media (min-width: 991.98px) and(max-width:1040px) { .top-bar-right-wrap.d-flex { margin-left: 75% !important; } } @media (max-width: 1024px) { .top-bar-wrap { position: relative; box-shadow: 0 3px 0px 0 #fff !important; background: #f0f5ff; z-index: 1; } .single-property .top-bar-wrap { position: relative !important; top: 0; } .top-bar-wrap .navbar-toggler { margin-bottom: auto; margin-right: 15px; width: 30px; height: 33px; font-size: 18px; margin-top: 5px; } } @media (min-width: 991.98px) and (max-width: 1024px) { .top-bar-wrap { z-index: 1 !important; height: 34px; line-height: 32px; background: #f0f5ff !important; width: 80%; right: 0; justify-self: right; } .logo { margin-top: -8%; display: block; position: absolute; } /* .menu-item-21465::after { background: linear-gradient(rgb(0 0 0), #00000091) !important; height: 30px !important; }*/ .top-bar-nav .current_page_item a, .menu-item-21465 a { color: rgb(110 110 110) !important; } } .top-bar-wrap .nav-link { transition: 0.7s !important; min-width: max-content; margin-right: 40px; padding-left: 2px !important; padding-right: 2px !important; } .top-bar-wrap li { margin-right: 25px; } .top-bar-nav .nav-link:hover { background: transparent; border-bottom: 2px solid #0053e2; } .menu-item-21465, .menu-item-21465 a { pointer-events: none; height: 30px; min-width: 85px !important; } .menu-item-21465 a { background: #0a0a0a; height: 20px; line-height: 3px; margin-top: 4px; border-radius: 50px; padding-left: 20px !important; } .top-bar-nav .current_page_item a, .menu-item-21465 a { line-height: 20px; } @media (min-width: 991.98px) { .top-bar-left-wrap { margin-left: 15%; } .menu-item-21465::after { content: ""; display: block; position: relative; top: -14px; width: 7px; filter: opacity(0.725); z-index: 3; border-radius: 50px; height: 7px; background: #0053e2; left: 0px; } .top-bar-nav .current_page_item a, .menu-item-21465 a { color: rgb(110 110 110) !important; border-top: 0 !important; line-height: 3px; background: transparent; } .top-bar-nav a { min-width: 115px; text-align: center; transition: all 0.7s !important; } .top-bar-nav a:hover { color: #adadad !important; } .single-property .top-bar-left-wrap { display: none !important; } } /** Tob bar + Currency & Area Swticher */ .banner-title { font-size: 28px; line-height: 35px; margin-bottom: 5px; } .banner-inner:before { opacity: 0.975 !important; background-color: #999999; } .search-console .dropdown-menu { overflow-x: hidden !important; min-width: 0 !important; } .main-nav .dropdown-menu { top: 118%; } ul.dropdown-menu::before, #advanced-search-filters .show::before, .d-flex.property-overview-data::before { content: ""; opacity: 0.9; height: 0; width: 0; position: absolute; top: -6px; left: 15%; transform: translate3d(30px, 0, 0); border-style: solid; border-width: 0 calc(12px / 2) 6px; border-color: transparent transparent #8e8e8e; } ul.dropdown-menu:after, #advanced-search-filters .show:before, .d-flex.property-overview-data::before { content: ""; opacity: 1; display: block; position: absolute; top: -6px; left: 15%; transform: translate3d(30px, 0, 0); border-width: 0 calc(12px / 2) 6px; border-color: transparent transparent #ffffff; border-style: solid; margin-top: 1px; } #menu-item-20085 ul.dropdown-menu::after { border-color: transparent transparent rgb(235 238 241); } #menu-item-20085, .menu-item-20085 { visibility: hidden; width: 0; color: transparent; } .elementor-194 .elementor-element.elementor-element-8f833d4 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) { background: rgb(233 233 233 / 33%) !important; border: 1px solid #e9e8e8 !important; border-radius: 5px; } .price-range .ui-widget.ui-widget-content { border: 0; } .ui-slider-horizontal .ui-slider-handle:after { color: #212121; } .ui-slider-horizontal .ui-slider-handle { width: 18px; height: 18px; line-height: 18px; top: -6px; background: #282828; border-radius: 50%; } #property-contact-agent-wrap .block-wrap .block-content-wrap .row { padding: 20px 5px; background: linear-gradient(180deg, #ededed57 0%, white 60%); border-radius: 0; } #property-contact-agent-wrap .block-wrap .block-content-wrap .row .col-md-6 { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } #property-contact-agent-wrap .agent-information li { font-weight: 500; text-align: center; } .agent-bio-wrap, .agent-profile-wrap { padding: 0; margin-top: -21px !important; } .agent-image .rounded { width: 70px !important; height: 70px !important; object-fit: cover; overflow: hidden; border-radius: 50% !important; border: 1px solid rgb(3 53 233 / 10%); } #property-contact-agent-wrap .agent-image .rounded { border-radius: 0 !important; } .agent-profile-wrap .agent-image, .agent-profile-wrap .agent-image img { object-position: right center; border-radius: 15px; background: transparent; backdrop-filter: blur(10px); padding: 0; margin: 0; height: max-content; max-height: 350px; overflow: hidden; } .agent-profile-content .list-unstyled li:first-child { display: none; color: transparent; font-size: 0; } .author .bt-content-wrap { background: linear-gradient(180deg, #f3f3f3, transparent); border-radius: 30px 0 0 0; } .property-schedule-tour-form-wrap .btn-full-width { border-radius: 5px !important; background: #000; transition: all 0.5s !important; } .property-schedule-tour-form-wrap .btn-full-width:hover { transform: translateY(3px); background: #747474; } @media (min-width: 800px) { .agent-nav-wrap { margin: 5px -5px; } .author .agent-nav-wrap .nav { width: 25%; text-align: left; font-size: 12px; } } .single-houzez_template .agent-information .agent-name { font-size: 145%; font-weight: 300; color: #747474; text-transform: uppercase; } #property-contact-agent-wrap .block-wrap .block-content-wrap .row .form-control { font-size: 12px; width: 100%; } .fw-property-contact-agent-wrap .block-content-wrap .block-title-wrap h3 { color: #000; text-align: center; font-weight: 600; /* background: turquoise;*/ } .fw-property-contact-agent-wrap .block-content-wrap .block-title-wrap h3:after { transform: rotate(135deg); margin: 7px; } .houzez_agent_property_form.btn { width: max-content; max-width: 100%; font-size: 15px; font-weight: 300; border-radius: 0; } .houzez_agent_property_form.btn::after, .btn-secondary:after { content: ""; width: 33px; display: inline-block; position: relative; height: 16px; background: url("https://propertybox.co.ke/asset/media/svg/external.svg"); background-position: center; background-repeat: no-repeat; background-size: 22px; filter: invert(1); transform: rotate(45deg); transition: all 0.7s; vertical-align: middle; } #property-contact-agent-wrap { background: #f7f5f2; border: 1px solid #cfc8cb; } @media (min-width: 1200px) { #property-contact-agent-wrap { width: 340px; min-height: 400px; height: 400px; display: inline-block; position: fixed; right: 45px; padding: 0; top: 180px; margin-bottom: 5% !important; z-index: 0; /* box-shadow: 0 2px 16px 0 rgb(124 124 124 / 20%);*/ border-radius: 4px; z-index: 0; overflow-y: auto; /*background: linear-gradient(180deg, #ededed, transparent);*/ } #property-contact-agent-wrap .block-wrap { padding-top: 15px; padding-bottom: 0; background: linear-gradient(rgb(250, 250, 250) 32%, rgb(249 248 245) 0%); } #property-contact-agent-wrap .block-wrap .block-content-wrap .row .col-md-6 label { display: none; } } @media (min-width: 998.1px) { #property-schedule-tour-wrap .col-md-6 { padding: 0 30px !important; max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%; } .property-schedule-tour-form-wrap .form-group { width: 48.9%; display: inline-block; vertical-align: middle; } .property-schedule-tour-day-form-slide .form-group { width: 90%; } .property-schedule-tour-form-wrap .form-group-terms { width: 100%; } } .property-schedule-tour-form-wrap .form-group-textarea { display: none !important; } #property-schedule-tour-wrap .col-md-6.col-sm-12:first-of-type { display: none !important; } #property-schedule-tour-wrap .col-md-6.col-sm-12:last-of-type { width: 100%; max-width: 100%; flex: 100%; } @media (max-width: 1024px) { .page-title-wrap { background: #efede7; } .page-title-wrap .container { width: -webkit-fill-available; } } @media (min-width: 600px) and (max-width: 1024px) { #property-contact-agent-wrap .block-wrap { padding-bottom: 5px !important; } #property-contact-agent-wrap { display: block; width: -webkit-fill-available; max-width: 600px; position: relative; top: 0; border: 0; padding: 0 20px; margin: 20px auto !important; margin-left: auto !important; background: linear-gradient( 180deg, rgb(233 240 245 / 16%) 0%, rgb(247, 249, 250) 30%, rgb(243 243 243) 100% ); } .fw-property-contact-agent-wrap .agent-details { width: 370px; margin: 0 auto; } #property-contact-agent-wrap .agent-image .rounded { border: 0 !important; margin-top: 10px; } .fw-property-contact-agent-wrap .agent-details { width: -webkit-fill-available; margin: 0 auto; display: inline-flex; align-items: center; } #property-contact-agent-wrap .block-wrap .block-content-wrap .row { margin-top: -1p; border-top: 1px solid #ddd; background: linear-gradient(rgb(237 237 237 / 0%) 0%, white 60%) !important; } .fw-property-contact-agent-wrap .agent-information { flex-basis: 70%; background: linear-gradient(90deg, transparent, #fff); border: 1px solid #ddd; border-left: 0; margin-top: -1px; margin-bottom: 10px !important; padding-top: 10px; padding-bottom: 50px; min-height: 190px; } #property-contact-agent-wrap .agent-information li { text-align: left; } .fw-property-contact-agent-wrap .agent-details a.btn { display: block; position: absolute; margin-top: 22%; right: 24%; background: transparent; border: 0; color: #5b5b5b; } #property-contact-agent-wrap .block-title-wrap { width: 78%; margin: 20px auto 0 !important; padding-bottom: 20px !important; } #property-contact-agent-wrap .block-content-wrap .agent-image { flex-basis: 60%; } #property-schedule-tour-wrap { max-width: 600px; margin: 10px auto; } .property-schedule-tour-form-wrap .control input:checked ~ .control__indicator, .property-schedule-tour-type-form .control--radio .control__indicator { padding: 2px; transform: scale(0.95); margin: 0 auto; } .property-schedule-tour-form-wrap { padding: 0 15px !important; } .property-top-wrap .property-banner .hidden-on-mobile { width: -webkit-fill-available; max-width: -webkit-fill-available; } .property-banner-inner-rght .property-banner-item .img-fluid { max-height: -webkit-fill-available; width: -webkit-fill-available; } .property-banner-inner-left img { height: -webkit-fill-available !important; min-height: 295px !important; object-fit: cover; } .fw-property-features-wrap .block-wrap ul.list-2-cols.list-unstyled { columns: 3 !important; } .footer-top-wrap { height: 80px; } } @media (min-width: 600px) and (max-width: 991.98px) { .fw-property-contact-agent-wrap .agent-information .agent-phone-wrap span::before { left: auto; right: 44% !important; } } @media (max-width: 600px) { #property-schedule-tour-wrap { max-width: 100%; } } @media (min-width: 768px) { .page-title-wrap .container { width: 88%; min-height: 85px; display: flex; flex-direction: column; justify-content: flex-start; } ul.property-price-wrap { width: 30% !important; display: inline-flex; flex-direction: column; justify-content: flex-start !important; text-align: left !important; padding: 0 20px; } .property-header-wrap.d-flex { display: flex !important; justify-content: flex-start !important; align-items: flex-start !important; max-width: 75%; margin-top: -30px; } .property-title-wrap { display: flex !important; flex-direction: column !important; min-width: 70%; max-width: 80%; } ul.property-item-tools { position: relative; width: 300px; top: 40px; left: 78%; } } @media (min-width: 991.98px) { .property-title-wrap { flex-direction: row !important; } .property-header-wrap.d-flex { max-width: 90%; } ul.property-item-tools { top: -20px !important; z-index: 9999 !important; } } @media (min-width: 600px) and (max-width: 768px) { .page-title-wrap .property-labels-wrap { display: inline-block; vertical-align: bottom; } .page-title-wrap .item-address { display: inline-flex !important; } .page-title-wrap .item-price-wrap { max-width: 210px !important; width: max-content !important; padding: 3px 10px; border: 1px solid #ddd; border-radius: 30px; text-align: center !important; display: inline-block; margin-top: 3px; } .single-property .property-wrap .item-tools { top: 35px !important; } .fw-property-features-right .block-content-wrap .list-2-cols { columns: 2 !important; } .fw-property-features-wrap .block-wrap ul.list-2-cols.list-unstyled { columns: 4 !important; } .fw-property-features-wrap .fw-property-features-left li a { font-size: 12px; } .fw-property-contact-agent-wrap .agent-details .agent-image .rounded { height: 125px !important; width: 100% !important; object-fit: contain !important; } } #property-schedule-tour-wrap .block-wrap { background: #fff; padding: 20px 10px; border-top-left-radius: 40px; } .property-schedule-tour-day-form-slide { grid-template-columns: repeat(8, 1fr) !important; } .property-schedule-tour-form-wrap .control input:checked ~ .control__indicator { background: #fff; border-color: #adabab; border-width: 2px; top: 2px; } /* .property-schedule-tour-form-wrap .form-control.dropdown { width: 90px !important; float: right; }*/ .property-schedule-tour-form-wrap .dropdown-menu.show { max-height: 170px !important; transform: translate3d(0px, 42px, 0px) !important; min-width: 90px; width: 90px !important; } .property-schedule-tour-day-form-slide-wrap { height: 125px; } .property-schedule-tour-day-form .control, .property-schedule-tour-type-form .control { padding-top: 2px; padding-bottom: 2px; margin-top: -8px; min-width: 105px; } .property-schedule-tour-image { /* display: inline-block; height: 290px; margin: 0 auto;*/ display: none; } .property-schedule-tour-form-wrap { padding: 0 30px; background: transparent; } .property-schedule-tour-form-wrap h2 { display: none; } .sitemap-links a, .sitemap-links-lite a { color: #556; font-size: 11px; line-height: 21px; } .sitemap-links-lite a { color: #eee; } .sitemap-links li, .sitemap-links-lite li { padding-left: 0; margin-left: -40px; } .sitemap-links ul li::marker, .sitemap-links-lite ul li::marker { display: none; opacity: 0; color: transparent; } .single-property ::marker { color: transparent; background: transparent; } /* .page-template-user_dashboard_submit .dashboard-edit-listing .property-author-wrap .form-control { min-width: 100px !important; max-width: 175px; overflow: hidden; } */ .fw-property-features-wrap .fw-property-features-left li a { pointer-events: none; font-size: 13px; } /* .houzez-all-slider-wrap.slick-initialized { left: 35px; }*/ .home .houzez-all-slider-wrap.slick-initialized { left: 0; } .favorite-btn:before { transition: all 0.7s !important; } .header-main-wrap .login-register-nav a.favorite-btn:before { content: ""; width: 30px; height: 21px; margin: -3px 3px 0 0; display: inline-block; background: url("/asset/media/svg/fav.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle; } .header-main-wrap .login-register-nav a.favorite-btn:hover:before { content: ""; height: 21px; width: 30px; margin: -3px 3px 0 0; display: inline-block; background: url("/asset/media/svg/faved.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle; transform: translateX(-5px); transition: background-size 0.7s; } li.register-link { display: none; } .text-with-icon-item .icon-thumb { min-width: 10px; width: 10%; display: inline-block; vertical-align: top; margin-top: 0; } .text-with-icon-item .icon-thumb img { min-width: 10px; width: 12px; pointer-events: none; } .text-with-icon-info { display: inline-block; width: 75%; margin-left: -3px; margin-top: 3px; } .market-stat .module-3cols .text-with-icon-item { width: calc(100% / 2 - 2px); margin: 3px 0; } .morgage-stat .module-3cols .text-with-icon-item { width: calc(100% / 1 - 2px); margin: 3px 0; } .morgage-stat .text-with-icon-info { width: 37%; } .module-3cols .text-with-icon-item:nth-child(3n + 1) { transform: translate(0, 0); box-shadow: 0 15px 17px rgb(0 0 0 / 7%); } .text-with-icon-item-v1:hover { transform: translate(0, -1px); } .text-with-icon-item:nth-child(3n + 1):hover { box-shadow: none; } /* .hm-search-bg .elementor-background-overlay { background-image: linear-gradient(0deg, #ffffffcc 17%, #101010bd 53%), url("https://propertybox.co.ke/media/2022/05/hm-search.webp") !important; backdrop-filter: blur(1px); background-size: 500px; background-repeat: repeat-x; background-position: 15px 120%; }*/ .location-trigger { border-color: #bbb; } .location-trigger.elementor-size-xs { border-color: transparent !important; height: 37px !important; line-height: 37px !important; background: #fff !important; border-radius: 0; margin: 3px; } .home .location-trigger.elementor-size-xs { /* height: 39px !important; line-height: 39px !important; margin-right: 30px;*/ display: none !important; } .property-view.fw-full-width-property-view .list-view .item-wrap-v1 { background: #fff; } .property-view.fw-full-width-property-view .list-view .item-wrap-v1 .item-amenities { font-size: 85% !important; line-height: 14px; background: #f4f4f4; padding: 5px 0 3px 10px; height: 25px; } .property-view.fw-full-width-property-view .list-view .item-wrap-v1 .item-amenities .h-type span { width: 35px; display: inline-flex; } .single-property .item-listing-wrap .h-type span { display: none !important; } .item-listing-wrap.hz-item-gallery-js { padding: 7px; } .grid-view .item-body .item-title { font-size: 14px; text-align: left; font-weight: 500; } .bootstrap-select > .dropdown-toggle:after { content: "\e911"; color: transparent !important; transform: none; margin: -3px 0 0 5px; font-size: 9px; position: relative; } /*Pricing*/ @media (max-width: 1024px) { .page-template-template-packages .col-md-3 { margin-top: 20%; } .billingperiod:not(.featured .price-table-title .billingperiod) { top: 41% !important; } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(1):before, .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(3):before { top: 0; } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(1) .price-table-description:before, .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(2) .price-table-description:before { top: 41% !important; left: 22% !important; } .page-template-template-packages .frontend-submission-page:before { margin-top: 0 !important; } } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(1):before, .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(3):before { content: "For Individuals"; display: block; position: absolute; font-size: 18px; top: -15%; right: -23%; padding-bottom: 5px; margin-right: -50px; width: 100%; text-align: center; text-transform: capitalize !important; } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(3):before { content: "For Business"; } @media (min-width: 600px) and (max-width: 1024px) { .page-template-template-packages .col-md-3 { flex: 50%; width: 50%; max-width: 50%; } } .page-template-template-packages #main-wrap { background: #eff2f6; margin-bottom: 0; padding-bottom: 6vw; } .page-template-template-packages .frontend-submission-page { width: 85%; margin: 150px auto 0; background: linear-gradient( 180deg, rgb(246, 246, 246), transparent ) !important; box-shadow: 0px -40px 40px -40px #00000012; } .page-template-template-packages .frontend-submission-page .container::before { content: "Simple, transparent pricing. No Hidden Costs."; position: relative; display: block; margin-top: -10%; padding-bottom: 10%; color: #000; font-size: 15px; font-weight: 300; } @media (max-width: 1024px) { .page-template-template-packages .frontend-submission-page { width: 85%; margin: 50px auto; } .additional-details-table td { display: block; } .price-table-module { margin-top: 20px; } #submit_property_form, .submit_property_form { /*max-width: 90%;*/ margin: 0 auto; background: transparent !important; } .price-table-module.featured { margin-top: 20 !important; } } #fave_additional_feature_title_2::placeholder { content: "Enter an Amenity Title Here"; } .price-table-module.featured { margin-top: -35px !important; padding: 0 0 25px; border-radius: 0; border: 1px solid rgb(204 204 204) !important; background: linear-gradient(180deg, rgba(220, 233, 255, 0.2) 10%, white 17%); box-shadow: 0 30px 40px rgba(0, 0, 0, 0.1) !important; } @media (max-width: 1024px) { .price-table-module.featured { margin-top: 0 !important; } } .featured .price-table-button { padding-top: 0 !important; } .featured .price-table-button a { background: #31419c !important; color: #fff !important; border-color: #31419c !important; } .price-table-module.featured .price-table-button:before { content: "Need More Space?"; display: block; position: relative; bottom: -70px; color: #000; text-align: center; font-size: 15px; line-height: 1.275rem; font-weight: 500; } .price-table-module.featured .price-table-button:after { content: "We can create a plan that fits you. Message us to discuss the details."; display: block; position: relative; padding-top: 17%; font-size: 13px; font-weight: 300; line-height: 19px; text-align: center; } .featured .price-table-title::before { content: "Ideal for Agency"; display: block; position: absolute; top: 0; right: 0; border-radius: 0; background: #a1dddd; color: #000; font-size: 12px; font-weight: 300; text-transform: Capitalize; letter-spacing: 0.3px; padding: 5px 15px; padding-right: 5px; border-top: 1px solid #0001; border-right: 1px solid #0001; } .featured .price-table-title::after { content: "Single plan for the whole team"; display: block; position: relative; font-size: 12px; font-weight: 300; text-align: center; text-transform: capitalize; } .featured .price-table-title { color: #000; border-radius: 0; background: rgba(220, 233, 255, 0.2) !important; padding-top: 60px !important; } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(4) .featured { border-radius: 0; } @media (min-width: 1024px) { .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(4) .featured { box-shadow: 30px 30px 40px #0001 !important; border-left: 0 !important; margin-left: -35px; } .featured .price-table-price-wrap { border-bottom: 0; } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(4) .featured .price-table-price-wrap:before { content: ""; position: absolute !important; top: 19%; left: 0; background: #e2e2e2; width: 1px; height: 200px; } .top-bar-nav .current_page_item a, .menu-item-21465 a { color: rgb(110 110 110) !important; } } .price-table-module.featured .price-table-price-wrap { background: linear-gradient(180deg, rgba(220, 233, 255, 0.2), #ffffff); } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(4) .featured .price-table-title { background: linear-gradient(180deg, #eef5ff, #f9fbff) !important; border-radius: 0 !important; } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(4) .featured .price-table-title::before { display: none !important; } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(4) .featured .price-table-button a { background: #000 !important; border-color: #000 !important; } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(4) .featured .price-table-button a:hover { color: #fff !important; background: #777 !important; } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(4) .featured .price-table-button::after { content: "1/3 of the fee is spent on Google Ads for your listing's promo" !important; text-align: left; } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(4) .featured .price-table-title::after { content: "With a dedicated project's webpage" !important; } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(4) .featured .price-table-button::before { content: " + Google Ads Promo" !important; height: 20px; font-size: 12px; font-style: italic; font-weight: 300; color: blueviolet; } .price-table-module { margin-left: 10px; width: 100%; max-width: 250px; border-radius: 15px; padding: 0 0 25px; border: 1px solid #dce0e087 !important; } .price-table-title { font-size: 12px; line-height: 18px; padding: 10px 0; background: #fff; text-transform: uppercase; border-radius: 15px 15px 0 0; padding-top: 45px; } .price-table-description { border-bottom: 0 !important; } .price-table-description li { font-size: 13px; padding: 7px 0; padding-left: 35px; text-align: left; justify-content: flex-start; border-top-color: transparent !important; } .price-table-description li strong { font-size: 14px; font-weight: 600; color: #3f51b5; background: #fff; margin-left: -9px; padding-left: 10px; } .price-table-description li:first-child { border-top: 0 !important; } .price-table-description li:last-child { display: none; } .price-table-price { font-size: 28px; line-height: 30px; letter-spacing: 0; font-weight: 600; color: #303034; } .price-table-price:after { content: "/mo"; display: inline-block; font-size: 16px; font-weight: 300; line-height: 20px; } .price-table-currency { font-size: 14px; font-weight: 400; margin-right: 3px; margin-top: 0 !important; } .price-table-price-wrap { margin: 0 auto 33px; background: linear-gradient(180deg, #fafbfe, #ffffff); border-bottom: 1px solid #0000000d; } .price-table-title::after, .featured .price-table-description::before { content: " *Min. Billing: 3 months"; position: relative; display: block; font-weight: 300; font-size: 10px; color: #524c4c; letter-spacing: 0.25px; text-transform: none; } .featured .price-table-description::before { margin-top: -20px; } .billingperiod, .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(1) .price-table-description:before, .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(2) .price-table-description:before, .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(3) .price-table-description:after, .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(4) .price-table-description:after { display: block; position: absolute; text-align: center; font-size: 12px; font-weight: 500; line-height: 18px; top: 35%; left: 30%; background: rgb(231 238 248); border-radius: 20px; padding: 0 10px; text-transform: none; } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(1) .price-table-description:before { content: "Kes 22.5K/3 months"; } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(2) .price-table-description:before { content: "Kes 9K/3 months"; } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(3) .price-table-description:after { content: "Kes 81K/3 months"; } .page-template-template-packages .col-md-3.col-sm-6:nth-of-type(4) .price-table-description:after { content: "Kes 99K/3 months"; } .billingperiod:not(.featured .price-table-title .billingperiod) { background: #fff0f1; } .page-template-template-packages .price-table-description li:first-child { display: none; } .price-table-button { padding: 35px 0 0; margin: 15px 25px; border-top: 1px solid #0001; } .price-table-button i { display: none; } .houzez-woocommerce-package.btn, .price-table-button .btn { line-height: 30px; border-radius: 33px; height: 33px; letter-spacing: 0.3px; font-weight: 400 !important; transition: all 0.7s !important; } .price-table-button .btn { padding: 14px; line-height: 0; width: 140px; } .price-table-button a { color: #000 !important; border: 2px solid #7986cb !important; background: transparent !important; border-radius: 7px !important; } .price-table-button a:hover { border-width: 1px !important; border-color: #47bee01f !important; box-shadow: inset 0 0 0 2px #fff !important; background: #e1e1e1 !important; color: #000 !important; } .houzez-woocommerce-package.btn:hover, .price-table-button .btn:hover { background: #000; border-color: #000; box-shadow: 0 0 18px -4px #c7b0b0; } i.houzez-icon.icon-check-circle-1.mr-1 { content: ""; font-size: 13px; color: transparent; filter: brightness(0.75); opacity: 1; background: url("https://propertybox.co.ke/media/2024/08/tk.png"); background-size: contain; background-repeat: no-repeat; pointer-events: none; } .woocommerce-checkout #payment ul.payment_methods li img { display: none; /* content: ""; background: url("https://propertybox.co.ke/media/2022/05/LNM.png"); background-size: contain; background-position: center; background-repeat: no-repeat; width: 90%; height: 30px;*/ } .woocommerce-cart #payment, .woocommerce-checkout #payment { padding-bottom: 25px; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #eef7f7 !important; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #eef7f7; } .mebership-list-info li, .membership-list-info li { border-bottom-style: dashed !important; padding: 15px 0; min-width: 300px; } .mebership-list-info li:last-child, .membership-list-info li:last-child { border-bottom: 0; } /****/ .upload-image-counter { background: #fff; border-radius: 30px; width: 70px; border: 1px solid #9f9f9f; box-shadow: 0 0 7px 0 #81818155; } .dashboard-content-block { max-width: 100%; border: 1px solid #e2e8ef; } .page-template-user_dashboard_invoices .dashboard-content-block { padding: 7px !important; width: max-content; background: #c8c8c82b; } .dashboard-property-search { display: none; } .dashboard-property-sort-by .sort-by { background: #5d5de612; border: 1px solid #0002; } .page-template-user_dashboard_profile .dashboard-content-block:before { content: ""; display: block; position: relative; width: 100%; height: 7px; background: #d9d9d9; border-radius: 30px; margin-top: -30px; margin-bottom: 15px; } /* .dashboard-content-block.dashboard-agent-plan::before { display: none; } */ .page-template-user_dashboard_profile #houzez_profile_photo { width: 160px; margin: 0 auto; } .dashboard-content-block.dashboard-agent-plan { width: 65%; background: linear-gradient(45deg, rgb(238 238 238), #b2b3d712); margin: 0 0 30px; margin-left: 8%; padding: 20px; box-shadow: none; border-radius: 7px; } .page-template-user_dashboard_profile .dashboard-content-block h2 { font-size: 15px; font-weight: 300; color: #525252; border: 1px solid #ddd; border-radius: 30px; padding: 3px 10px; width: max-content; } .dashboard-content-block.dashboard-agent-plan h2 { display: inline; font-weight: 300; line-height: 21px; letter-spacing: 0.4px; border: 0 !important; font-size: 16px !important; } @media (min-width: 1024px) { .dashboard-content-block.dashboard-agent-plan { height: 85px; } } .page-template-user_dashboard_membership .dashboard-content-block { max-width: max-content; } .dashboard-content-block label { display: block; font-size: 90%; font-weight: 400; } .page-template-user_dashboard_profile .dashboard-content-block label { font-size: 75%; font-weight: 600; text-transform: uppercase; } .dashboard-add-new-listing .dashboard-content-block label i, .dashboard-edit-listing .dashboard-content-block label i { font-size: 85%; font-weight: 300; font-style: normal; color: #898989; letter-spacing: 0.3px; } /* .dashboard-content-inner-wrap #media .text-muted { display: none !important; } */ .icon-featured.text-success .icon-rating-star:before { color: #fff; } /* @media (min-width: 1024px) { .dashboard-main-wrap .btn:not(:disabled):not(.disabled), .dashboard-main-wrap .property-action-menu .btn:not(:disabled):not(.disabled) { line-height: 28px !important; padding: 0 10px; padding-top: 0 !important; border-color: #e0e0e0; border-radius: 3px; width: max-content; box-shadow: 0 0 5px -3px #00000029; } } .dashboard-main-wrap .btn:not(:disabled):not(.disabled), .dashboard-main-wrap .property-action-menu .btn:not(:disabled):not(.disabled) { font-weight: 400; } @media (max-width: 600px) { .dashboard-main-wrap .dropdown .btn:not(:disabled):not(.disabled) { min-width: 190px; } } */ .dashboard-main-wrap .dropdown .btn:not(:disabled):not(.disabled) { padding-top: 4px; padding-left: 20px; /*Author dropdown selected option*/ box-shadow: none; line-height: 35px; width: -webkit-fill-available; } /* .property-action-menu.dropdown .btn:not(:disabled):not(.disabled) { height: 40px; min-width: 160px !important; border-radius: 4px; border-color: #dadada; } */ .dashboard-content-block-wrap .icon-sign-badge-circle:before { display: block; font-size: 12px; line-height: 12px; height: 12px !important; height: 12px !important; border-radius: 50%; } .stats-data-1 i, .stats-data-2 i, .stats-data-3 i, .stats-data-4 i, .stats-data-5 i { font-size: 10px; border-radius: 50%; filter: hue-rotate(226deg) !important; } .stats-data-1 i { color: hotpink; background: #e8607d; } .stats-data-2 i { color: #37a2eb; background: #36a2eb; } .stats-data-3 i { color: rgb(224 175 55); background: orange; } .stats-data-4 i { color: #3c9797; background: #4bc0c0; } .stats-data-5 i { color: #000; background: #505050; } .dashboard-content-block.dashboard-statistic-block h3 i:before { background: url(https://propertybox.co.ke/media/Propertybox-Info.png); background-size: contain; background-position: center; background-repeat: no-repeat; filter: opacity(0.5); } .dashboard-content-block.dashboard-statistic-block h3 i { background: linear-gradient(rgb(232 238 243), rgb(255 255 255)); border-radius: 4px 0 18px 0px; height: 45px; padding-top: 25px; padding-left: 0; margin-top: -22px; margin-left: -22px; width: 28px; } .bootstrap-select .dropdown-menu li .selected { background: rgb(238 242 250); } .bootstrap-select .dropdown-menu li a span.text { /*font-family: initial !important;*/ font-size: 12px !important; height: 34px !important; line-height: 32px; } .modal-body ul.dropdown-menu.inner.show, .modal-body .bootstrap-select .dropdown-menu { width: max-content; overflow-x: hidden; min-width: 195px !important; max-width: max-content !important; } .bootstrap-select .dropdown-toggle .filter-option-inner-inner { font-size: 12px; font-weight: 400; line-height: 30px; color: #000 !important; text-align: -webkit-center; text-align: center; letter-spacing: 0.54px; /* text-transform: uppercase; */ max-width: max-content; min-width: max-content; width: max-content; } .bootstrap-select .filter-option-inner, .btn { line-height: 21px !important; } .icon-add-square:before { content: "\e903" !important; } #advanced-search-filters .btn-features-list .icon-add-square:before { content: "" !important; display: inline-block; width: 20px; height: 20px; vertical-align: bottom; background-image: url("/asset/media/svg/filtered.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; color: transparent; } .advanced-search-half-map { background: #f0f3f6; } .halfmap-page .form-group { transform: scale(0.95); background: #eff2f775; } .houzez-halfmap-page .bootstrap-select .dropdown-toggle .filter-option-inner-inner { background: #fff; padding: 0 10px; border-radius: 22px; line-height: 35px; } .icon-layout-module-1:before { display: inline-block; color: transparent; background: url("/asset/media/svg/thumb.svg"); background-size: contain !important; background-repeat: no-repeat !important; transform: rotate(90deg) !important; } .icon-layout-bullets:before { display: inline-block; color: transparent; background: url("/asset/media/svg/listview.svg") !important; background-size: contain !important; background-repeat: no-repeat !important; } .home .bootstrap-select .dropdown-toggle .filter-option-inner-inner { background: transparent; text-transform: Capitalize; font-size: 12px; color: initial; } .widget-agency-search { padding-top: 50px; } @media (min-width: 1024px) { .dashboard-main-wrap .btn:not(:disabled):not(.disabled) i, .dashboard-main-wrap .property-action-menu .btn:not(:disabled):not(.disabled) i { filter: invert(1); } } .grid-view .item-body .item-title, .grid-view .item-listing-wrap .item-address { padding-left: 25px; } .grid-view .item-listing-wrap .item-address, .item-author { margin-bottom: 20px; } .single-property .slick-next::before, .slick-next:before { background-image: url("https://propertybox.co.ke/media/2024/06/nav.svg"); } @media (min-width: 600px) { .widget-agency-search .form-group { display: inline-block; } .widget-wrap .btn { display: inline-block; height: 40px !important; border-radius: 4px; border-color: transparent; width: 90px; overflow: hidden; background: #bc0000 !important; vertical-align: baseline; } } @media (min-width: 600px) { .post-type-archive-houzez_agency .agent-list-wrap .agent-list-image { border: 0 !important; display: inline-flex; align-items: flex-start; box-shadow: none; background: #f7f7f7; border-radius: 0 0 0 30px; } } @media (min-width: 997px) { .agent-list-wrap .agent-list-image a { display: block; } .page-template-template-agencies .bt-content-wrap, .post-type-archive-houzez_agency .bt-content-wrap, .page-template-template-agent .bt-content-wrap { width: 100%; max-width: 100%; flex: 0 0 100%; margin-left: auto; margin-right: auto; margin-top: 5px; /* padding-top: 30px;*/ background: #fff; border-radius: 75px 75px 0 0; box-shadow: 0 -15px 15px -15px #00000008; } .page-template-template-agencies .agent-list-wrap, .page-template-template-agent .agent-list-wrap { width: 265px; display: inline-block; vertical-align: text-top; margin: 0 30px 30px; padding: 50px 0 0; } .page-template-template-agent .agent-list-wrap { height: 220px; width: 45%; } .page-template-template-agencies .bt-sidebar-wrap, .post-type-archive-houzez_agency .bt-sidebar-wrap, .post-type-archive-houzez_agent .bt-sidebar-wrap { margin: 0 auto 50px; } .page-template-template-agencies .sidebar-wrap, .post-type-archive-houzez_agency .sidebar-wrap, .post-type-archive-houzez_agent .sidebar-wrap { background: transparent; border: 0 !important; box-shadow: none; } .page-template-template-agencies .agent-list-wrap .d-flex { display: block !important; } .page-template-template-agencies .page-title h1 { text-align: center; } .page-template-template-agencies .listing-wrap, .post-type-archive-houzez_agency .listing-wrap, .post-type-archive-houzez_agent .listing-wrap { background: linear-gradient(45deg, #ffffff, #e5dddde8), url(https://propertybox.co.ke/media/2022/12/optima-office.jpg); background-size: contain; padding: 0; margin-top: -30px; } .page-template-template-agencies .listing-wrap .page-title-wrap { display: none; } .page-template-template-agencies .listing-wrap .agents-list-view { width: 93%; margin-left: auto; margin-right: auto; text-align: left; } .post-type-archive-houzez_agency .agent-list-wrap, .post-type-archive-houzez_agent .agent-list-wrap { width: 45%; display: inline-block; vertical-align: text-top; } .page-template-template-agencies .agent-list-contact.list-unstyled { text-align: left; width: 95%; } .page-template-template-agencies .listing-wrap .row, .post-type-archive-houzez_agency .row, .post-type-archive-houzez_agent .row { width: 100%; margin: 0 auto; flex-flow: column-reverse; } } .page-template-template-agencies .listing-wrap .agents-list-view .bg-white { background: transparent !important; } .page-template-template-agencies .listing-wrap { background: linear-gradient(0deg, #ffffff 70%, #dbe5e7e8), url(https://propertybox.co.ke/media/2022/12/optima-office.jpg); background-position: top; background-repeat: no-repeat; background-size: cover; background-position: bottom; } .page-template-template-agencies .listing-wrap .container, .post-type-archive-houzez_agency .listing-wrap .container, .post-type-archive-houzez_agent .listing-wrap .container { background-color: transparent; opacity: 1; background-image: radial-gradient( #d6d6d6 0.8500000000000001px, #f0ece4 0.8500000000000001px ); background-size: 15px 15px; max-width: 100%; margin-top: -40px; padding: 50px 0 0; margin-bottom: -30px; } .page-template-template-agencies .listing-wrap .row, .post-type-archive-houzez_agency .row, .post-type-archive-houzez_agent .row { width: 100%; margin: 0 auto; flex-flow: column-reverse; } .page-template-template-agencies .listing-wrap .widget-agency-search .widget-title { font-size: 20px; line-height: 27px; font-weight: 300; text-transform: capitalize; } .post-type-archive-houzez_agent .sidebar-wrap .form-group .dropdown { display: none; } @media (min-width: 992px) { .post-type-archive-houzez_agent .bt-content-wrap { width: 100%; max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: auto; margin-left: auto; background: #fff; } } .post-type-archive-houzez_agent .agent-list-wrap { width: 90%; margin: 7px; vertical-align: top; display: inline-block; background: linear-gradient(180deg, #f4f4f5, transparent); padding: 5px; } .page-template-template-agencies .agent-list-wrap .agent-list-image { display: block; border: 0; margin: 0 auto; width: 185px; max-width: 185px; min-height: 245px; background: linear-gradient(180deg, #f6f6f6 80%, transparent 100%) !important; padding-top: 0 !important; box-shadow: 0 !important; border-radius: 0 !important; } .post-type-archive-houzez_agent .agent-social-media.flex-grow-1 { display: flex; padding-top: 5px; flex-grow: 0 !important; margin: 5px 0 !important; } .agency-social-media.flex-grow-1 { display: flex; } @media (min-width: 787px) { .post-type-archive-houzez_agent .agent-list-wrap { width: 45%; margin: 25px; height: -webkit-fill-available; background: linear-gradient(-90deg, #f9f9f9 0%, transparent 100%, #f8f8f8); overflow: hidden; padding: 5px; } .agents-list-view { justify-self: center; } .agent-list-wrap { max-width: 470px; min-height: 285px; padding: 20px; display: inline-flex; background: #fff0; vertical-align: bottom; } } a.agent-list-link { display: block; text-align: center; height: 35px; margin: 10px auto 0; background: #fff; border: 1px solid #e5def0; padding: 4px 10px; color: #000; font-weight: 400; box-shadow: 0 0 2px -1px rgb(0 0 0 / 30%); transition: all 0.3s; } a.agent-list-link:hover { transform: translateY(4px); } .agent-list-content .d-flex.sm-column { flex-direction: column; } .agent-list-content.flex-grow-1 a.agent-list-link { width: 120px; height: 32px; border-radius: 4px; border: 2px solid #000 !important; box-shadow: none !important; background: transparent; } .agent-list-content.flex-grow-1 a.agent-list-link strong { color: #000; font-weight: 400; } @media (min-width: 787px) { .page-template-template-agencies .agent-list-content .xxs-column { position: relative; left: -150px; bottom: -65%; } } .review-list-wrap { width: 80%; margin-left: auto !important; margin-right: auto !important; } .property-review-wrap .review-title-wrap { width: 75%; padding: 0; padding-left: 20px; border-radius: 35px; margin: 0 auto !important; } .property-review-wrap .block-wrap { width: 80%; margin: 0 auto; background: #f2f5f961; } .agent-list-wrap .agent-list-image { margin: 0 auto; text-align: center; width: 185px; max-width: 185px; display: block; min-height: 200px; background: linear-gradient(180deg, #ffffff 80%, transparent); margin-top: -1px; max-height: max-content; /* border: 1px solid rgb(209 209 209 / 70%) !important; box-shadow: 7px 7px 15px 0px rgb(0 0 0 / 10%);*/ } .agent-list-wrap .agent-list-image .img-fluid, .agent-profile-wrap .agent-image .img-fluid { border-radius: 15px; max-height: 340px; object-fit: cover; object-position: top; padding: 0; overflow: hidden; } .page-template-template-agencies .agent-list-wrap .agent-list-image { width: 263px; max-width: 263px !important; margin-right: auto; min-height: 0; max-height: 170px; border-radius: 30px; box-shadow: none !important; border: 0 !important; background: #fff; overflow: hidden; } .page-template-template-agencies .agent-list-wrap .agent-list-image img { width: 100%; height: 170px; object-fit: cover; -ms-object-fit: cover; } .agent-list-wrap .agent-list-content h2 { font-size: 15px !important; font-weight: 500 !important; text-align: left !important; } .agent-list-wrap time, .agent-list-wrap address { text-align: left; text-overflow: ellipsis; text-wrap: nowrap; width: 185px; overflow: hidden; } .agent-profile-header, .agent-list-position { text-align: left; min-height: 45px; max-height: 45px; overflow: hidden; } .agent-detail-page-v2 .agent-profile-header h1 { display: block; position: relative; margin-top: -27px; background-color: #fff; } .agent-list-position a { border-bottom: 0; } .agent-list-position a:hover { color: #b5b5b5 !important; border-bottom-color: #b5b5b5; } .agent-list-contact strong { font-size: 11px; letter-spacing: 0.3px; } .agent-list-content.flex-grow-1 { min-width: 250px; min-height: 295px; font-size: 90%; display: block; padding: 10px 25px; background: linear-gradient(180deg, #f7f7f7, transparent); box-shadow: 1px -1px 0px 0px #ffffff; } .page-template-template-agencies .agent-list-content.flex-grow-1 { padding-top: 60px; margin-top: -30px; } .agent-social-media.flex-grow-1 { text-align: initial; margin: 25px 0; display: flex; justify-content: center; } .agent-information .agent-name i { display: none; } time, address { font-size: 90%; letter-spacing: 0.3px; } .property-document-title { display: inline-block; margin: 5px; width: 107px; height: 120px; overflow: hidden; font-size: 12px !important; line-height: 15px; font-weight: 400 !important; text-align: left; border: 1px solid #add8e661; padding: 10px 10px 0; background-color: #ffffff; opacity: 1; background-image: radial-gradient( ellipse farthest-corner at 12px 12px, #f8fcff, #f7f8f982 50%, #ffffff 50% ); background-size: 12px 12px; box-shadow: -12px 0px 7px -3px #00000024; } .property-document-title i { display: none; } .property-document-title a { display: block; margin-top: 20px; padding: 3px 8px; font-size: 90%; text-align: center; border-radius: 3px; width: max-content; color: #000; border: 1px solid #000; } .property-document-title a:hover { color: blue; border-color: blue; transform: translateY(5px); transition: border 0.5s, transform 0.5s; } .fw-property-documents-wrap h3 span { font-size: 15px !important; padding: 7px 15px; background: #fff; border-radius: 0; letter-spacing: 0.3px; font-weight: 500; text-transform: capitalize !important; } .fw-property-documents-wrap { padding: 3px 30px 0 3px; margin: 25px 0; max-width: max-content; text-align: left; border: 1px solid #e9e9e900 !important; background: linear-gradient(90deg, #add8e62b, transparent); background-size: coveer; display: flex; } .fw-property-documents-wrap .property-document-title:hover { background: #e7e7e7; transition: background 0.5s; } .fw-property-documents-wrap .block-title-wrap { width: 180px; display: inline-block; margin: 0 !important; /* background: linear-gradient(90deg, #add8e62b, transparent);*/ height: -webkit-fill-available; min-height: 140px; } .fw-property-documents-wrap .property-document-title { margin-bottom: 0 !important; margin-top: 5px; } .fw-property-documents-wrap h3 { width: max-content; max-width: max-content; font-size: 10px; color: #000; letter-spacing: 2px; margin-top: -6px !important; margin-left: -7px; } .fw-property-documents-wrap h3:before { border: 0; } /** Social Icons ***/ .btn-googleplus, .btn-pinterest, .btn-vimeo { display: none; } .icon-social-video-youtube-clip:before { background: url("https://propertybox.co.ke/media/2022/06/yt.png"); background-size: auto !important; } .icon-social-media-twitter:before { background: url("https://propertybox.co.ke/media/2022/06/tw.png"); } .icon-social-instagram:before { background: url("https://propertybox.co.ke/media/2022/06/ig.png"); background-size: auto !important; } .icon-professional-network-linkedin:before { background: url("https://propertybox.co.ke/media/2022/06/in.png"); opacity: 0.6 !important; } .icon-social-media-facebook:before { background: url("https://propertybox.co.ke/media/2022/06/fb.png"); } .icon-messaging-whatsapp:before { background: url("https://propertybox.co.ke/media/2022/06/wa.png"); } .icon-social-video-youtube-clip:before, .icon-social-media-twitter:before, .icon-social-instagram:before, .icon-professional-network-linkedin:before, .icon-social-media-facebook:before, .icon-messaging-whatsapp:before { background-position: center; background-repeat: no-repeat; background-size: 18px !important; font-size: 18px !important; color: transparent; } .icon-social-media-facebook:hover:before, .icon-social-video-youtube-clip:hover:before, .icon-social-media-twitter:hover:before, .icon-social-instagram:hover:before, .icon-professional-network-linkedin:hover:before, .icon-messaging-whatsapp:hover:before, .agent-social-media i:hover { padding-top: 4px; transition-duration: 0.4s; transition-timing-function: ease-in-out; } /* FAQ section */ .faqrow { width: 100% !important; } @media (min-width: 991.98px) { #faq-sticky-menu { position: fixed; z-index: 4; width: 300px; top: calc(5% - 10px); left: 5%; padding-top: 2%; display: flex; justify-content: center; align-items: center; } .faqrow { padding-left: 24%; } } @media (max-width: 991.98px) { #faq-sticky-menu { display: none !important; } .faqrow { padding-left: 0 !important; } } #faq-sticky-menu a { color: #000; padding-bottom: 6px; } #faq-sticky-menu a:hover { color: #0007; transform: skewX(-10deg) !important; } .elementor-accordion { max-width: 600px; } .ads .elementor-accordion { max-width: 100%; } .faq .elementor-accordion-item { border-width: 0 !important; border-bottom-width: 1px !important; border-color: #c9c9c98a !important; background: #fff; border-radius: 4px; /*box-shadow: 0 0 12px rgb(0 0 0 / 6%);*/ margin-bottom: 10px; padding-bottom: 10px; } .faq-ads .elementor-accordion-item { border-width: 0 !important; border-bottom-width: 1px !important; background: transparent !important; margin-bottom: 3px; border-color: #b5b5b5 !important; border-radius: 0 !important; padding-bottom: 3px; } .faq .elementor-accordion-title, .faq-ads .elementor-accordion-title { padding: 15px 0; } .elementor-accordion-title:hover { color: #c10900 !important; } .elementor-accordion-icon-closed, .elementor-accordion-icon-opened { font-size: 10px; } #faq .elementor-accordion-item .elementor-tab-title .elementor-active { border-bottom: 1px dashed rgb(221 0 0 / 10%) !important; } /* End of FAQ Section CSS*/ .blog-wrap { background: #fff; } .sidebar-wrap { border: 1px solid #f7f7f7; border-bottom: 0; border-radius: 0 !important; background: linear-gradient(180deg, rgb(244 244 244), transparent); } .agent-detail-page-v2 .agent-nav-wrap .nav-link { font-weight: 300; } .agent-detail-page-v2 .agent-profile-wrap { background-color: #fff !important; } /* .sidebar-wrap .agent-profile-content { display: none; }*/ .agents-grid-view .agent-grid-wrap { padding: 30px; border: 0 !important; border-radius: 0; background: linear-gradient(180deg, rgb(214 214 214 / 20%), transparent); } .agents-grid-view .agent-grid-content-wrap { display: inline-flex !important; flex-direction: row !important; border-top: 0 !important; padding: 0; } .agent-grid-content-wrap .btn-primary-outlined { width: 100; font-weight: 400; border-radius: 4px !important; line-height: 27px !important; height: 30px !important; } .agent-listings-count { border-radius: 0; height: 30px; line-height: 27px; width: 130px; background: linear-gradient(90deg, #ededed5c, transparent); } .agent-listings-count strong { display: inline-block; height: 30px; width: 30px; background: #ededed; border-radius: 4px; } .agents-grid-view h2 { font-weight: 300; } .agents-grid-view .agent-list-position { font-size: 9px; font-weight: 400; letter-spacing: 0.3px; color: #bcbcbc; } @media (min-width: 787px) { .agent-nav-wrap .nav { width: 50%; justify-content: center; margin: 0 auto; } .single-houzez_agency .listing-tabs, .single-houzez_agent .listing-tabs { margin: 0 auto; } .single-houzez_agency .listing-tools-wrap, .single-houzez_agent .listing-tools-wrap { display: flex; justify-content: center; } } .single-houzez_agency .listing-tabs .nav-tabs, .single-houzez_agent .listing-tabs .nav-tabs { margin-right: 1px; max-width: 350px; } .listing-tabs .nav-tabs .nav-link.active { background: #000 !important; color: #fff; } .agent-detail-page-v2 .agent-contacts-wrap li { display: inline-flex; background: #f2f2f2; font-size: 90%; border-radius: 25px; margin: 5px; padding: 0 7px; } .agent-detail-page-v2 .agent-contacts-wrap li strong { font-weight: 300; padding-right: 7px; color: rebeccapurple; } .agent-detail-page-v2 .sidebar-wrap { font-size: 92%; padding: 50px 40px 30px; background: linear-gradient(180deg, rgb(220 235 245 / 20%), transparent); } .agent-detail-page-v2 .agent-profile-top-wrap { width: 700px; margin: 0 auto; backdrop-filter: blur(1.25px); padding: 20px; } .agent-detail-page-v2 .agent-profile-header h1, .agent-detail-page-v2 .agent-profile-address address, .agent-detail-page-v2 .agent-list-position a { color: #747474 !important; } .agent-detail-page-v2 .agent-bio-wrap, .agent-detail-page-v2 .agent-contacts-wrap, .agent-detail-page-v2 .agent-stats-wrap { border: 0 !important; } .agent-detail-page-v2 .agent-profile-cta a { color: #4f41bf; font-weight: 400 !important; } .agent-detail-page-v2 .agent-profile-cta { border-top: 1px solid #d2e1f1; text-align: center; padding-top: 5px; } .agent-detail-page-v2 .agent-list-wrap .agent-list-image { background: #f9f4f4; } .agent-detail-page-v2 .agent-profile-cta li.list-inline-item:last-child { border-left-color: #d2e1f1 !important; } @media (min-width: 787px) { .agent-detail-page-v2 .agent-profile-top-wrap { width: 700px; margin: 0 auto; } .agent-detail-page-v2 .agent-profile-header h1 { font-size: 28px; font-weight: 300; } } .agent-detail-page-v2 .agent-profile-wrap .agent-image, .agent-detail-page-v2 .agent-profile-wrap .agency-image { width: 185px; border-radius: 0 !important; margin: 0 auto; } .single-houzez_agency .agent-contacts-wrap .widget-title .single-houzez_agent .agent-contacts-wrap .widget-title { font-size: 16px; line-height: 24px; padding-bottom: 10px; border-bottom: 1px solid #c7c7c7; font-weight: 400; margin-bottom: 25px; } .agent-profile-buttons { text-align: -webkit-left; } .agent-profile-buttons .btn-secondary { background: #000 !important; } .agent-profile-buttons .btn-secondary:hover { background: #3f3f3f !important; } .agent-profile-buttons .btn:hover { transform: translateY(5px); transition: transform 0.5s; } .agent-contacts-wrap li { font-size: 90%; display: inline-block; justify-content: start; background: linear-gradient(90deg, #f6f6f6, #82d4ff1a); margin: 5px 3px; padding: 0 12px; overflow: auto; border-radius: 35px; } .agent-contacts-wrap li a { margin-left: 5px; color: #606060; } .single-houzez_agent .nav-justified .nav-item { text-align: -webkit-center; max-width: max-content; min-width: 185px; padding: 0 12px; } .widget-wrap { background: transparent; } .wp-block-latest-posts__post-title { color: #000 !important; line-height: 15px !important; margin-left: -15px !important; } .wp-block-latest-posts__post-title:hover { color: #d80000 !important; } .wp-block-latest-posts li { border-bottom: 1px dashed #ededed; padding: 5px 0; margin: 5px 0; width: 100%; } .home .houzez-status-tabs .nav-item { perspective: 10em; transition: opacity 0.3s ease-in-out; transition-delay: 0.15s; } .upk-author i, .upk-author, .upk-author a { display: none !important; } .home .upk-buzz-list .upk-content { background: linear-gradient(45deg, #0000009e, transparent) !important; height: 200px; padding: 10px 20px; } .upk-buzz-list .upk-inner { border-left: 1px dashed #afafaf !important; } .upk-buzz-list .upk-item { margin: 15px; border: 1px solid rgb(122 120 120 / 20%) !important; } /* @media(min-width: 997px) { .upk-buzz-list { grid-template-columns: repeat(2, 1fr) !important; } }*/ .upk-buzz-list .upk-img-wrap::before { background: rgb(50 50 54 / 75%) !important; } .upk-buzz-list .upk-category a { width: 60px; color: rgb(63 171 223 / 70%) !important; font-size: 10px !important; font-weight: 300 !important; padding: 5px; letter-spacing: 0.4px; line-height: 13px; text-transform: capitalize !important; } .upk-buzz-list .upk-meta { color: #0008 !important; font-size: 9px !important; letter-spacing: 0.5px; } .home .upk-buzz-list .upk-category a { color: rgb(185 217 233) !important; border-left: 1px solid #99999940; } .upk-buzz-list .upk-title a { color: #c5c5c5; font-weight: 400; letter-spacing: 0.5px; } .upk-buzz-list .upk-count:before { color: #818181; } .upk-buzz-list .upk-item:hover .upk-title a, .upk-buzz-list .upk-item:hover .upk-meta, .upk-buzz-list .upk-item:hover .upk-count:before { color: #727272 !important; border-bottom-color: #0003; } /* Blog*/ .post-title-wrap h1, .post-title-wrap h2 { color: #3c3c3c; font-size: 35px; font-weight: 300; text-align: left; margin-bottom: 20px; } .author-meta { border: 0; background: #f5f5f5; border-radius: 40px; text-align: center; width: 55%; margin: 0 auto !important; padding: 10px; font-size: 12px; font-style: italic; color: #838383; } .author-meta i { display: none !important; } .author-meta, .author-meta a { font-weight: 300; } .author-meta li.list-inline-item:last-child { display: none !important; } .post-thumbnail-wrap { margin: 0 auto; text-align: center; background: #d7cece; display: none !important; } .post-header-wrap { padding: 10px !important; } .post-content-wrap blockquote p { font-size: 13px !important; line-height: 15px !important; text-align: left; } .wp-block-pullquote cite { text-align: left; border: 1px solid #cdcdcd; top: 35px !important; border-radius: 4px; padding: 2px 10px; font-size: 12px !important; float: left; } .single-article-wrap .post-wrap { width: 80%; margin: 0 auto; padding: 0 50px; border-radius: 0; background: transparent !important; border-left: 1px solid rgb(239 233 219); border-right: 1px solid rgb(239 233 219); } @media (max-width: 768.98px) { .single-article-wrap .post-wrap { width: 100%; border: 0 !important; padding: 0; } .post-footer-wrap .author-meta, .post-header-wrap .author-meta, .statistic-doughnut-chart { width: 100%; } .single-post .breadcrumb { display: none !important; } .post-title-wrap h1, .post-title-wrap h2 { font-size: 22px; line-height: 35px; } .related-posts-wrap .blog-post-meta { display: none; } .related-posts-wrap .blog-post-content-wrap { background: #eef4f7; margin-top: -40px; min-height: 160px !important; } .blog-post-item .blog-post-title h3, .blog-post-item .blog-post-title a { font-size: 13px; font-weight: 400; } } .related-posts-wrap { border-top: 1px solid #d7d7d7; max-width: 1200px; margin: 0 auto; padding-right: 5%; padding-left: 5%; padding-top: 35px; } .related-posts-wrap .blog-post-content-wrap { background: linear-gradient(0deg, #f5f7ff, transparent); border: 1px solid #e5e5e5; min-height: 275px; } .blog-post-item-v1 { margin: 10% 3% !important; transform: scale(0.97); overflow: hidden; } .related-posts-wrap .row { background: #fff; /* border-top: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3;*/ } /* .related-posts-wrap .row .col-md-4 { border-left: 1px solid #c3c3c3; }*/ .post-wrap { border-radius: 0 0 15px 15px; } .blog-post-meta .list-inline-item { height: 20px; overflow: hidden; } .blog-post-meta a { font-size: 10px; line-height: 12px; text-align: left; } .blog-post-meta li.list-inline-item:last-child { max-width: 100px; } .single-post .breadcrumb { background: linear-gradient(90deg, #fff 0%, #ececec 25%, transparent); border-radius: 0; } .post-content-wrap { font-size: 15px; line-height: 24px; font-weight: 300; color: #444; letter-spacing: 0.3px; font-family: "Assistant"; background: linear-gradient(0deg, #f0f1f3, transparent 30%); border-radius: 0 0 15px 15px; margin-bottom: 55px; border: 0; box-shadow: 0 30px 15px -40px rgb(0 0 0 / 24%); } .post-comment-form-wrap { display: none !important; } .frontend-submission-page { text-align: center; background: rgb(246 246 246); padding: 45px; border-radius: 7px 7px 0 0; padding-top: 35px !important; border: 1px solid #e2e8ef; border-bottom: 0; /* max-width: 250px; box-shadow: 0 0 30px -4px rgb(0 0 0 / 5%);*/ } .page-template-template-packages .frontend-submission-page:before { content: "Want to List? Choose a Plan to Get Started"; display: block; position: relative; margin-top: -10%; padding-bottom: 10%; font-size: 30px; line-height: 42px; font-weight: 500; } .login-required-block { min-height: 30vh; margin-left: auto; margin-right: auto; max-width: 250px; text-align: center; } .upk-scott-list .upk-item { padding-top: 0 !important; height: 150px; border: 0; border-radius: 0; } .upk-date { color: #919191; } .upk-scott-list .upk-item .upk-content { background: transparent; padding: 10px !important; } .upk-scott-list .upk-item .upk-title { height: 60px; margin-bottom: 20px !important; overflow: hidden; } .upk-scott-list .upk-item .upk-title a { color: #2b2d42 !important; } .upk-scott-list .upk-item .upk-image-wrap { width: 80% !important; height: 75% !important; } .upk-scott-list .upk-item .upk-meta { padding-top: 5px !important; font-size: 9px !important; color: #444; width: max-content; border-top: 1px solid #e5e5e5; text-transform: uppercase !important; } /** New Projects Child **/ .page-id-12619 .header-transparent-wrap .header-v4, .page-id-12619 .header-main-wrap, .page-id-12619 .header-v4.sticky-nav-area, .page-id-12619 .header-v4, .parent-pageid-12619 .header-transparent-wrap .header-v4, .parent-pageid-12619 .header-main-wrap, .parent-pageid-12619 .header-v4.sticky-nav-area, .parent-pageid-12619 .header-v4 { background: #23263b !important; } /**Watch plus **/ .page-id-10822 .header-transparent-wrap .header-v4, .page-id-10822 .header-main-wrap, .page-id-10822 .header-v4.sticky-nav-area, .page-id-10822 .header-v4, .parent-pageid-10822 .header-transparent-wrap .header-v4, .parent-pageid-10822 .header-main-wrap, .parent-pageid-10822 .header-v4.sticky-nav-area, .parent-pageid-10822 .header-v4 { background: #292b34 !important; } .page-id-10822 .header-v4.sticky-nav-area, .parent-pageid-10822 .header-v4.sticky-nav-area, .page-id-12619 .header-v4.sticky-nav-area, .parent-pageid-12619 .header-v4.sticky-nav-area { background: #000; opacity: 0.87 !important; backdrop-filter: blur(5px); } @media (min-width: 990px) { .pageid-10822 .main-nav .dropdown-toggle:after, .parent-pageid-10822 .main-nav .dropdown-toggle:after, .pageid-11684 .main-nav .dropdown-toggle:after, .parent-pageid-11684 .main-nav .dropdown-toggle:after { background: #f00; } } .page-id-10822 .header-v4 a:hover, .parent-pageid-10822 .header-v4 a:hover, .page-id-11684 .header-v4 a:hover, .parent-pageid-11684 .header-v4 a:hover { margin-top: -2px; color: #66afaf !important; background: linear-gradient(178deg, #17172a 25%, #292b34); } .page-id-10822 .current_page_item, .page-id-10822 .nav-item .current-menu-item, .parent-pageid-10822 .current-page-ancestor, .parent-pageid-10822 .nav-item .current-page-ancestor, .page-id-11684 .current_page_item, .page-id-12619 .nav-item .current-menu-item, .parent-pageid-12619 .current-page-ancestor, .parent-pageid-12619 .nav-item .current-page-ancestor { background: linear-gradient(178deg, #17213c 70%, transparent); } .page-id-10822 .main-nav .navbar-nav .nav-item .nav-item a:hover, .parent-pageid-10822 .main-nav .navbar-nav .nav-item .nav-item a:hover, .page-id-12619 .main-nav .navbar-nav .nav-item .nav-item a:hover, .parent-pageid-12619 .main-nav .navbar-nav .nav-item .nav-item a:hover { background: #fff; } .houzez-in-view { visibility: visible; } .page-id-10822 .logo img, .parent-pageid-10822 .logo img, .page-id-12619 .logo img, .parent-pageid-12619 .logo img { height: 38px; filter: brightness(2.5); } .page-id-10822 .main-nav .navbar-nav .nav-item .dropdown-menu, .parent-pageid-10822 .main-nav .navbar-nav .nav-item .dropdown-menu, .page-id-12619 .main-nav .navbar-nav .nav-item .dropdown-menu, .parent-pageid-12619 .main-nav .navbar-nav .nav-item .dropdown-menu { background: #292b34; } .page-id-10822 ul.dropdown-menu:before, .parent-pageid-10822 ul.dropdown-menu:before, .page-id-12619 ul.dropdown-menu:before, .parent-pageid-12619 ul.dropdown-menu:before { border-bottom-color: #2e2e3c !important; } .page-id-10822 .main-nav .navbar-nav .nav-item .nav-item a, .parent-pageid-10822 .main-nav .navbar-nav .nav-item .nav-item a, .page-id-12619 .main-nav .navbar-nav .nav-item .nav-item a, .parent-pageid-12619 .main-nav .navbar-nav .nav-item .nav-item a { color: #fff; font-weight: 200; } .page-id-10822 .header-v4 a.nav-link, .parent-pageid-10822 .header-v4 a.nav-link, .page-id-12619 .header-v4 a.nav-link, .parent-pageid-12619 .header-v4 a.nav-link { color: #fff; font-weight: 300; } .page-id-10822 .login-link a:before, .parent-pageid-10822 .login-link a:before, .page-id-12619 .login-link a:before, .parent-pageid-12619 .login-link a:before { filter: contrast(0.05); } .page-id-10822 .login-register-nav li a, .parent-pageid-10822 .login-register-nav li a, .page-id-12619 .login-register-nav li a, .parent-pageid-12619 .login-register-nav li a { color: #fff; font-weight: 300; } .page-id-10822 li.favorite-link, .parent-pageid-10822 li.favorite-link, .page-id-12619 li.favorite-link, .parent-pageid-12619 li.favorite-link { background: transparent !important; } .parent-pageid-12619 .elementor-shape-top, .parent-pageid-12619 .elementor-shape-top { top: 0 !important; background: linear-gradient(180deg, #302a2a47 3%, transparent 2%); } .ug-slider-wrapper .ug-textpanel { right: 30%; bottom: 0% !important; height: 60px !important; width: 250px !important; } .ug-gallery-wrapper .ug-textpanel-bg { width: 250px !important; height: 60px !important; opacity: 0.85 !important; background: linear-gradient(0deg, #01011c, #000000) !important; } .ug-gallery-wrapper .ug-textpanel-title, .ug-gallery-wrapper .ug-textpanel-description { width: 250px !important; } .ug-gallery-wrapper .ug-textpanel-title { top: 0 !important; left: 0 !important; text-align: center !important; } .ug-gallery-wrapper .ug-textpanel-description { top: 25px !important; left: 0 !important; text-align: center !important; } .ug-textpanel-textwrapper { left: 0 !important; } .ug-videoplayer .ug-videoplayer-button-close { width: 35px !important; height: 35px !important; left: 623px !important; top: -1px !important; background-size: 35px; background-repeat: no-repeat; } .ug-slider-wrapper .ug-button-videoplay.ug-type-square { height: 86px; border-radius: 50%; opacity: 0.85; background: #8d0505; } .ug-videoplayer .ug-videoplayer-button-close:hover { background-position: 0 -35px !important; } .kahoi .ue-flip-box__panel--front-overlay { background: linear-gradient(45deg, #0c1a26, rgb(0 0 0 / 45%)) !important; } .kahoi .ue-flip-box__panel--back-overlay { background: linear-gradient(0deg, #0c1a26f0 46%, transparent 100%) !important; } .kahoi .ue-flip-box__panel, .watchplus-foto .ue-flip-box__panel { border-radius: 0 !important; } .home .ue-flip-box__panel.ue-flip-box__panel--front { border-radius: 14px; } .home-blog-section { background: #fff; } /*****/ /** Watch+ channel **/ .watchplus-available-cat { height: 100px !important; width: 100px !important; overflow: hidden; } .watchplus-cat-playlist-title { height: 150px !important; } /* .epyt-facade, .epyt-gallery iframe { border-radius: 3% !important; box-shadow: 0 0 30px -11px #000000 !important; margin-bottom: 30px !important; }/* .epyt-video-wrapper { padding: 0 5%; }*/ .channel .uc_bold_tabs ul { padding: 30px 15px; background: linear-gradient(180deg, #252930, black) !important; } .epyt-gallery-list { padding: 50px 12%; background: #1a1a1a; } .epyt-gallery-thumb { width: 30.333% !important; padding: 0 0 10px 0 !important; } .epyt-gallery-img { box-shadow: inset 0px -130px 100px rgb(0 0 0 / 55%); } /* .epyt-gallery-playhover .epyt-play-img { border-radius: 50%; min-height: 35px; box-shadow: 0 0 25px -5px #000; }/* .epyt-facade button.epyt-facade-play svg { opacity: 1; background-color: #1f1f1f !important; height: 68px !important; border-radius: 50%; box-shadow: 0 0 0 0px #1f1f1f; } .epyt-facade button.epyt-facade-play svg:hover { height: initial !important; background-color: transparent !important; }*/ .epyt-gallery-allthumbs.epyt-cols-3 .epyt-gallery-thumb { border-radius: 7%; margin: 10px; padding-bottom: 25px !important; background: linear-gradient(45deg, #1b1b20, #211f2c); box-shadow: 0 10px 15px -5px rgb(0 0 0 / 20%); border: 1px solid #2a2a2a; transform: perspective(1000px) rotateY(-20deg); transition: transform 0.3s; } .carousel-channels .uc_classic_carousel_placeholder { transform: perspective(1000px) rotateY(-20deg); } .channel-logo { transform: rotateY(0); transition: transform 0.3s; } .channel-logo:hover { transform: perspective(1000px) rotateY(20deg); } .epyt-gallery-allthumbs.epyt-cols-3 .epyt-gallery-thumb:hover { transform: rotateY(0); opacity: 0.8; } .epyt-gallery-allthumbs.epyt-cols-3 .epyt-gallery-thumb.epyt-current-video { border: 4px solid #486a67 !important; transform: rotateY(0) !important; } .epyt-gallery-title { line-height: 125%; font-weight: 300; letter-spacing: 0.3px; color: #959595; height: 60px; overflow: hidden; padding: 10px 15px 0; } @media (min-width: 768.98px) { .epyt-gallery-thumb { margin-bottom: -35px !important; } } .watchplus-hm-bg { pointer-events: none; } /***** New Launches *****/ .new-launch .ue-carousel-item:hover, .new-launch-affordable .ue-carousel-item:hover { border-radius: 0 0 5% 10px !important; box-shadow: 0 1px 8px -3px rgb(0 0 0 / 15%); background: #f0f0f0; } .new-launch .card_carousel_text, .new-launch-affordable .card_carousel_text { height: 70px; } .new-launch .uc_classic_carousel_content, .new-launch-affordable .uc_classic_carousel_content { max-height: 150px; margin-top: -3px; background: transparent; border: 0; padding: 5px 0 25px 15px !important; border-radius: 0; } @media (max-width: 600px) { .new-launch .uc_classic_carousel_content, .new-launch-affordable .uc_classic_carousel_content { max-height: 100%; } } .new-launch .uc_classic_carousel .uc_classic_carousel_placeholder img, .new-launch-affordable .uc_classic_carousel .uc_classic_carousel_placeholder img { border-radius: 20px !important; height: 200px !important; object-fit: cover; } .new-launch .uc-active-item, .new-launch-affordable .uc-active-item { border-radius: 20px; } .new-launch .uc-active-item .uc_classic_carousel_content, .new-launch-affordable .uc-active-item .uc_classic_carousel_content { background: #fff !important; height: 250px; max-height: 250px !important; border-radius: 20px; } .new-launch .uc-active-item .uc_classic_carousel_placeholder img, .new-launch-affordable .uc-active-item .uc_classic_carousel_placeholder img { border-radius: 20px 20px 0 0 !important; } .hm-featured .uc_classic_carousel .uc_classic_carousel_placeholder img { border-radius: 20px 20px 0 0 !important; height: 340px !important; } #new-dev-slider .ue-remote-bullet-btn { justify-content: flex-start !important; padding-left: 5px; } #new-dev-page.new-launch-affordable .uc_classic_carousel_content { background: linear-gradient( 1deg, rgb(255 255 255 / 0%), rgb(234 237 245 / 30%) ) !important; border: 1px solid rgb(211 204 206 / 30%); } .new-launch-affordable .uc_classic_carousel_content { transition: all 0.3s; } .new-launch .card_carousel_text, .new-launch-afordable .card_carousel_text { padding-right: 20px; margin-top: 0 !important; height: 45px !important; } .watchplus-channel-logo { width: 175px !important; min-height: 30px; background: linear-gradient(180deg, #0e0d1e59, transparent); box-shadow: 0 -20px 35px -20px rgb(0 0 0 / 50%); margin: 0 auto 10px !important; border: 1px solid #e4e4e4; border-bottom: 0; } .channel-ig-btn .elementor-button.elementor-size-xs { background: radial-gradient( circle farthest-corner at 35% 90%, #fec564, transparent 50% ), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient( ellipse farthest-corner at 20% -50%, #5258cf, transparent 50% ), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient( ellipse farthest-corner at 60% -20%, #893dc2, transparent 50% ), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient( #6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100% ) !important; } section.elementor-section.elementor-inner-section.elementor-element.elementor-element-7babeb02.elementor-section-content-middle.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default { margin-top: 30px; background: linear-gradient(90deg, transparent, #3872683b, transparent); } .watchplus-cat-parent { margin-top: 30px; background: linear-gradient(90deg, transparent, #3872683b, transparent); } /* User A/C**/ .datepicker { font-size: 13px; padding: 10px; transform: scale(0.95); } /** Posts fig caption **/ .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { font-size: 10px; } figure.wp-block-gallery.has-nested-images { padding: 40px 0; } /*******/ /* Mortgage Container */ .mortgage .ue-flip-box__description li { margin-left: 15px; } .mortgage .ue-flip-box__panel__content { padding-left: 25px; } .mortgage-container { max-width: 1040px; overflow: hidden; margin: 10px auto; } .mortgage-container .loancomparison_form_header { margin-bottom: 20px; padding: 10px 20px 0; border: 1px solid #e4e4e4; border-right: 0; border-left: 0; background: linear-gradient(45deg, transparent, #ecf3f3, transparent); } .mortgage-container .loancomparison, .mortgage-container .loancomparison__fill { display: none; } .mortgage-container .loancomparison-slider-principal, .mortgage-container .loancomparison-slider-term { width: 40%; } .mortgage-container .loancomparison_form .circle-down, .mortgage-container .loancomparison_form .circle-up { border-color: transparent; margin-top: 20px; height: 20px; width: 40px; background: #e3e3e3; border-left: 3px solid #e3e3e3; border-radius: 15px; } .mortgage-container .circle-down:after { width: 10px; height: 2px; margin-top: -1.5px; margin-left: -7.5px; } .mortgage-container .circle-up:before { width: 2px; height: 12px; margin-top: -6.5px; margin-left: -2.5px; } .mortgage-container .circle-up:after { width: 12px; height: 2px; margin-top: -1.5px; margin-left: -7.5px; } .mortgage-container .output-number { font-weight: 500; font-size: 15px; color: #8149b7 !important; } .mortgage-container .output-number output { display: block; } .mortgage-container .loancomparison_form .output-number { height: 65px !important; background: #f5f5f5; display: inline-block; border: 2px solid rgb(128 0 128 / 20%); padding: 5px 20px; } .mortgage-container .bank_box { width: 47%; display: inline-block !important; vertical-align: text-top; margin-right: 10px; margin-left: 10px; border: 1px solid #e7e7e7; background: linear-gradient(180deg, white 50%, #eeeeee); box-shadow: 0 1px 3px 0px rgb(215 215 215); padding-bottom: 0; } .mortgage-container .colmd8 { width: 100%; margin: 0 auto; height: 50px; } .mortgage-container .colmd4 { width: 50%; margin: 3px auto; text-align: left; display: block; } .mortgage-container .bank_logo img { max-width: 130px; margin: 0 auto 35px !important; display: block; } .colmd6.showexample { color: #99919f; text-align: left; max-width: 400px; height: 50px; overflow: hidden; } .mortgage-container .bank_box .colmd6 { font-size: 11px; letter-spacing: 0.35px; } .mortgage-container .colmd3 { width: 33%; font-size: 12px; } .mortgage-container .bank_inside { background: #eee; } .mortgage-container .bank_inside .readmore { color: #9253cd; } .mortgage-container .bank_box .drop { padding: 20px; } .mortgage-container .colsmindent { color: #7a7c85; font-size: 11px; line-height: 14px; letter-spacing: 0.3px; padding: 4px; } .mortgage-container .bank_box h6 { font-size: 12px; font-weight: 500; color: #000 !important; margin-bottom: 7px; padding: 4px 6px; border: 1px solid rgb(144 97 219 / 50%); border-right-width: 0; border-bottom-width: 0; } .mortgage-container .bank_details b { font-size: 12px; font-weight: 400; color: #7b7b7e !important; } .bank_details:nth-child(4) b::after { content: "Million"; padding-left: 3px; color: #61a5f1; font-size: 10px; } .mortgage-container .colmd8 .showrating { display: none !important; } .mortgage-container .bank_details { line-height: 12px; border-right: 1px solid #f3f3f3; background: #eaeefd; width: 110px; display: inline-grid; align-items: end; margin-top: 1px; margin-right: 1px; margin-bottom: 0; justify-content: space-around; padding: 10px; } .mortgage-container .bank_details span { color: #606060; letter-spacing: 0.125px; font-size: 11px; font-weight: 500; height: 20px; } .mortgage-container .bank_apply { width: 76%; margin: 0 auto; line-height: 21px !important; } .bank_apply a, .bank_apply span { border: 0 !important; border-radius: 0 !important; background: #1daf4a !important; padding: 4px 10px; margin-left: 0; font-size: 13px; } .bank_apply a:hover { background: #056ee2 !important; } .bank_apply a:after { content: "click to visit this external link"; font-size: 85%; line-height: 13px; font-weight: 300; letter-spacing: 0.3px; display: inline-block; } /******/ /** Ad types ***/ #uc_content_tabs_elementor_332686f > ul.tabs { justify-content: center !important; padding-top: 40px; background: #fff; } #uc_content_tabs_elementor_332686f > ul.tabs > li { padding: 0 14px !important; margin: 0 1px !important; height: 35px; background: #f4f4f4; } #uc_content_tabs_elementor_332686f > ul.tabs > li > a { padding: 8px 15px; color: #000; background: #f4f4f4; } #uc_content_tabs_elementor_332686f .r-tabs-tab.r-tabs-state-active, li.elementor-repeater-item-20d66a3.r-tabs-tab.r-tabs-state-active { background: #a982c5 !important; height: 40px !important; margin: -5px 0 0 !important; } .ad-types .r-tabs-tab.r-tabs-state-active a { color: #fff !important; background: #a982c9 !important; } .ad-types .r-tabs-tab.r-tabs-state-active::after { background: #a982c9 !important; top: -20% !important; left: 2% !important; } /****/ .channel li.r-tabs-tab.r-tabs-state-active::after { content: ""; display: inline-block; position: relative; right: 0; left: 44%; top: -29%; height: 10px; width: 10px; background: #c30101; transform: rotate(-135deg); } .channel li.r-tabs-state-active a.ue-tab-btn { margin: 0; } .channel li.r-tabs-tab.r-tabs-state-active { background: linear-gradient(0deg, #000000, rgb(118 118 118 / 30%)) !important; } .channel li.r-tabs-tab.r-tabs-state-active::after { left: 0; top: -10%; background: linear-gradient(140deg, #a50202 50%, #42424200 0%); } .channel li.r-tabs-tab.r-tabs-state-default::before { content: ""; color: transparent; display: block; border: 1px solid transparent; } .channel li.r-tabs-state-default.r-tabs-tab { background: linear-gradient(180deg, #0b101a, transparent) !important; min-width: 150px; max-width: 150px; height: 100px; margin-right: 2px !important; } .channel .r-tabs-anchor { min-height: 100px; } .channel li.r-tabs-tab.r-tabs-state-active .r-tabs-anchor { min-height: 0; } .channel li.r-tabs-tab.r-tabs-state-active::before { content: "Currently Playing"; color: #1476bb; display: block; padding: 15px; } #newproject-sectionhero { width: calc(100vw - 17px); } #newproject-sectionhero .elementor-background-overlay:before, .property-detail-v6 .property-banner .img-wrap-1::before, .property-detail-v6 .property-banner .img-wrap-2::before, .property-detail-v6 .property-banner .img-wrap-3::before { content: ""; position: relative; display: block; width: 100%; height: 100%; --top-gradient-color: 0, 0, 0; background: linear-gradient( 178.7deg, rgba(var(--top-gradient-color), 0.45) 0.92%, rgba(var(--top-gradient-color), 0.446109) 7.43%, rgba(var(--top-gradient-color), 0.43402) 13.95%, rgba(var(--top-gradient-color), 0.413253) 20.47%, rgba(var(--top-gradient-color), 0.383665) 26.99%, rgba(var(--top-gradient-color), 0.345701) 33.51%, rgba(var(--top-gradient-color), 0.300652) 40.03%, rgba(var(--top-gradient-color), 0.250789) 46.55%, rgba(var(--top-gradient-color), 0.199211) 53.07%, rgba(var(--top-gradient-color), 0.149348) 59.59%, rgba(var(--top-gradient-color), 0.104299) 66.11%, rgba(var(--top-gradient-color), 0.0663351) 72.62%, rgba(var(--top-gradient-color), 0.0367469) 79.14%, rgba(var(--top-gradient-color), 0.0159795) 85.66%, rgba(var(--top-gradient-color), 0.00389124) 92.18%, rgba(var(--top-gradient-color), 0) 98.7% ); transform: matrix(1, 0, 0, -1, 0, 0); } .property-detail-v6 .property-banner .img-wrap-1::before, .property-detail-v6 .property-banner .img-wrap-2::before, .property-detail-v6 .property-banner .img-wrap-3::before { position: absolute; border-radius: 10px; } #newproject-sectionhero .elementor-background-overlay { height: 100%; width: 100%; background: linear-gradient( 180deg, rgba(var(--bottom-gradient-color), 0.5) 21.7%, rgba(var(--bottom-gradient-color), 0.495676) 24.82%, rgba(var(--bottom-gradient-color), 0.482245) 27.94%, rgba(var(--bottom-gradient-color), 0.45917) 31.06%, rgba(var(--bottom-gradient-color), 0.426294) 34.18%, rgba(var(--bottom-gradient-color), 0.384113) 37.3%, rgba(var(--bottom-gradient-color), 0.334058) 40.42%, rgba(var(--bottom-gradient-color), 0.278654) 43.53%, rgba(var(--bottom-gradient-color), 0.221346) 46.65%, rgba(var(--bottom-gradient-color), 0.165942) 49.77%, rgba(var(--bottom-gradient-color), 0.115887) 52.89%, rgba(var(--bottom-gradient-color), 0.0737057) 56.01%, rgba(var(--bottom-gradient-color), 0.0408299) 59.13%, rgba(var(--bottom-gradient-color), 0.017755) 62.25%, rgba(var(--bottom-gradient-color), 0.0043236) 65.37%, rgba(var(--bottom-gradient-color), 0) 68.49% ) !important; --bottom-gradient-color: 0, 0, 0; transform: matrix(1, 0, 0, -4, 0, 0); } .elementor-background-overlay:before, .property-detail-v6 .property-banner .img-wrap-1::before, .property-detail-v6 .property-banner .img-wrap-2::before, .property-detail-v6 .property-banner .img-wrap-3::before { transform: none; } .project_image { transition: all 1s; transform-origin: center center; } .project_image:hover { transform: scale(1.1); } .project-desc-box .elementor-container { float: right; } .upk-buzz-list-carousel .upk-img-wrap img { opacity: 1; } /*** New Developments Project Page ***/ .new-dev table { margin: 0 auto; } .new-dev .container { padding: 0; text-align: center; } .new-dev .responsive-table tr { border-bottom: 1px solid #e6e6e6; height: 40px; } .new-dev .responsive-table th { font-size: 13px; border: 1px solid #eee; padding-left: 20px; padding-right: 20px; } .new-dev .responsive-table td { padding-left: 15px; } .new-dev .responsive-table td { border: 1px solid #dfdfdf !important; background: #fbfeff; } .new-dev .responsive-table td { font-size: 85%; } @media (max-width: 991.98px) { .new-dev .responsive-table tr { margin-bottom: 5px !important; } .new-dev .responsive-table td { padding-left: 5% !important; } } /* --------------------------- */ /*** Buttons ***/ .pbxcustom-btn .elementor-button.elementor-size-xs, .elementor-button.elementor-size-xs, .uc_more_btn, .widget-wrap .btn { border-radius: 0.25rem; border: 1px solid rgb(59 130 246 / 0.5); background-color: rgb(245 245 245); padding-right: 1.5rem; padding-left: 1.5rem; font-size: 13px; line-height: 1.25rem; color: initial !important; letter-spacing: 0.3px; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.5s; } .widget-wrap .btn { border-radius: 22px !important; background: #083aa9; letter-spacing: 0.5px !important; height: 45px; font-size: 12px; color: #fff !important; text-transform: uppercase; } .pbxcustom-btn .elementor-button.elementor-size-xs:hover, .elementor-button.elementor-size-xs:hover, .uc_more_btn:hover { background: #e5e0e0; border-color: rgb(59 130 246 / 0.75); color: #bf4545 !important; } .widget-wrap .btn:hover { color: #4f4fc1 !important; background: rgb(8 58 169 / 15%) !important; } /*------------------------------*/ .bootstrap-select .bs-ok-default::after { content: "" !important; display: inline-block; background: url("https://propertybox.co.ke/media/2022/12/select.png"); background-position: center; background-repeat: no-repeat; background-size: contain; filter: grayscale(1); transform: scale(0.85); } #forminator-module-13687, .forminator-module-13687 { display: block !important; } .forminator-field { text-align: left; } .advanced-search-v2 #search_location { font-size: 12px !important; letter-spacing: 0.25px; max-width: 385px; background: #f8f9fb; border: 1px solid #afafaf; border-radius: 100px; color: black; padding-left: 30px; text-transform: capitalize !important; box-shadow: inset 0 0 0 4px #fff; } .advanced-search-v2 .btn-search { text-transform: uppercase; letter-spacing: 0.3px; color: transparent; font-size: 11px; border-radius: 100px; height: 37px !important; width: 90px !important; line-height: 22px !important; padding-left: 22px; } .advanced-search-v2 .btn-search::before { content: "search"; display: inline-block; padding-left: 1px; color: #fff; } @media (min-width: 768.98px) { .advanced-search-v2 .flex-fill { max-width: 300px; min-width: 280px !important; } .advanced-search-v2 .flex-search { flex-basis: fit-content; } .advanced-search-v2 .d-flex { max-width: 1000px; margin: 0 auto; justify-content: space-evenly; } .advanced-search-v2.advanced-search-v2-geolocation { display: inline-block; width: 87%; } } #media .text-muted { display: none !important; opacity: 0; }