/* Theme Name: HomeyLinks Child Theme URI: http://www.favethemes.com/ Author: Favethemes Author URI: http://www.favethemes.com/ Description: HomeyLinks is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides. Version: 1.0 Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: nhsjwlbg Template: nhsjwlbg */ @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Prata&display=swap"); @import url("https://www.homeylinks.com/cerihenjhw/szgtripl.css"); /* Your CSS code goes here -------------------------------------- */ /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 01. Root /////////////////////////////////////////////////////////////////////////////////////////////////////*/ :root { /* ===================================================== 1. MASTER COLOR PALETTE ===================================================== */ /* Brand blues */ --brand-primary: #4881D6; --brand-dark: #3664A1; --brand-secondary: #6A9BDB; --brand-disabled: #9DB3E8; --brand-light-bg: #dbeafe; --brand-text-navy: #1A2A4E; --brand-topline-deep: #3B5998; --brand-footer-dusk: #00335A; /* Accent */ --accent-gold: #E5AC32; /* Neutral text */ --neutral-black: #222222; --neutral-dark: #555555; --neutral-medium: #6B7280; --neutral-muted: #9299A3; /* Neutral borders */ --neutral-border: #D1D5DB; --neutral-border-light: #DFE3E8; /* Neutral backgrounds */ --neutral-bg-light: #F8F9FA; --neutral-bg-soft: #F4F5F6; --neutral-bg-soft: #F2F2F2; --neutral-bg-hover: #EBEBEB; /* White and black */ --neutral-white: #FFFFFF; --neutral-pure-black: #000000; /* Status colors */ --status-error: #C62828; --status-warning: #B45309; --status-success: #247A47; /* Status backgrounds */ --status-error-bg: #FDECEC; --status-warning-bg: #FFF4D6; --status-success-bg: #E7F5E9; /* Status borders */ --status-warning-border: #E9BC65; --status-success-border: #A8D5B5; /* ===================================================== 2. WHITE, BLACK AND BASIC COLORS ===================================================== */ --homey-white-bg: var(--neutral-white); --homey-white-font: var(--neutral-white); --homey-gray-field: var(--neutral-bg-soft); --homey-black-333-color: var(--neutral-black); --homey-black-color: var(--neutral-pure-black); /* ===================================================== 3. BLUES ===================================================== */ --homey-main-blue: var(--brand-primary); --homey-active-blue: var(--brand-primary); --homey-toggle-active-text: var(--brand-dark); --support-header-bg: var(--brand-primary); --homey-topline-color: var(--brand-dark); --homey-support-agent-border: var(--brand-dark); --homey-main-blue-hover: var(--brand-dark); --homey-pill-active-text: var(--brand-dark); --homey-main-blue-disabled: var(--brand-disabled); --homey-light-blue: var(--brand-secondary); --homey-light-blue-hover: var(--brand-primary); --homey-pill-active-border: var(--brand-secondary); --homey-active-bg: var(--brand-light-bg); --homey-toggle-active-bg: var(--brand-light-bg); --homey-support-agent-bg: var(--brand-light-bg); --homey-pill-active-bg: var(--brand-light-bg); --homey-textarea-text: var(--brand-text-navy); /* ===================================================== 4. GREYS: TEXT ===================================================== */ --homey-near-black: var(--neutral-black); --homey-chat-user-bg: var(--neutral-black); --btn-grey-dark: var(--neutral-dark); --homey-grey-cool: var(--neutral-medium); --homey-grey-light: var(--neutral-muted); --homey-placeholder: var(--neutral-medium); --homey-hint-text: var(--neutral-medium); --adv-search-btn-text: var(--neutral-medium); --adv-search-btn-hover-text: var(--neutral-dark); /* ===================================================== 5. GREYS: BORDERS AND DIVIDERS ===================================================== */ --homey-border-color: var(--neutral-border-light); --homey-divider-color: var(--neutral-border-light); --homey-border-soft: var(--neutral-border); --homey-toggle-border: var(--neutral-border-light); --homey-choices-border: var(--neutral-border-light); --homey-textarea-border: var(--neutral-border); --homey-header-search-border: var(--neutral-border); --homey-menu-border: var(--neutral-border-light); --homey-loader-ring: var(--neutral-border); --homey-chat-header-border: var(--neutral-muted); --homey-support-border: var(--neutral-muted); --homey-support-customer-border: var(--neutral-medium); --homey-tool-btn-border: var(--neutral-dark); /* ===================================================== 6. GREYS: BACKGROUNDS ===================================================== */ --homey-page-bg: var(--neutral-bg-light); --homey-button-light-bg: var(--neutral-bg-light); --homey-mobile-search-bg: var(--neutral-bg-light); --homey-halfmap-bg: var(--neutral-bg-light); --homey-save-search-hover-bg: var(--neutral-bg-hover); --homey-panel-bg: var(--neutral-bg-soft); --homey-chip-bg: var(--neutral-bg-soft); --homey-support-customer-bg: var(--neutral-bg-soft); --homey-create-btn-bg: var(--neutral-bg-soft); --homey-create-btn-hover: var(--neutral-bg-hover); /* ===================================================== 7. STATUS COLORS ===================================================== */ --homey-error-red: var(--status-error); --homey-remove-hover-red: var(--status-error); --homey-warning-orange: var(--status-warning); --homey-notice-bg: var(--status-warning-bg); --homey-notice-border: var(--status-warning-border); --homey-success-bg: var(--status-success-bg); --homey-success-border: var(--status-success-border); /* ===================================================== 8. ACCENT COLORS ===================================================== */ --homey-featured-icon: var(--accent-gold); /* ===================================================== 9. ALPHA COLORS: SHADOWS, OVERLAYS, RINGS ===================================================== */ --homey-shadow-soft: rgba(0, 0, 0, 0.08); --homey-shadow-medium: rgba(0, 0, 0, 0.16); --homey-shadow-strong: rgba(0, 0, 0, 0.40); --homey-hover-overlay: rgba(0, 0, 0, 0.05); --homey-spinner-track: rgba(0, 0, 0, 0.15); --homey-white-50: rgba(255, 255, 255, 0.50); --homey-loader-overlay: rgba(255, 255, 255, 0.27); --homey-loader-ring-alpha: rgba(209, 213, 219, 0.75); --homey-focus-ring: rgba(72, 129, 214, 0.20); --homey-error-ring: rgba(198, 40, 40, 0.15); --homey-cart-border: rgba(34, 34, 34, 0.11); /* */ --chat--color-primary: var(--homey-main-blue); --chat--color-primary-shade-50: var(--homey-topline-color); --chat--color-primary-shade-100: var(--homey-topline-color); --chat--color-secondary: var(--homey-main-blue); --chat--color-secondary-shade-50: var(--homey-topline-color); --chat--message--bot--color: var(--homey-black-333-color); --chat--message--bot--background: var(--homey-gray-field); --chat--message--user--color: var(--homey-black-333-color); --chat--message--user--background: var(--homey-gray-field); --chat--toggle--background: var(--chat--color-primary); --chat--toggle--active--background: var(--chat--color-primary); --chat--toggle--hover--background:var(--chat--color-primary); --chat--toggle--size: 50px; --chat--window--z-index: 99; --chat--input--send--button--color: var(--chat--color-typing); --chat--message--font-size :14px; --chat--header--padding: 15px; /* Chatbot body background */ --chat--color-light: var(--homey-white-bg); --chat--input--send--button--background-hover : var(--homey-gray-field); } /* #half-map-listing-area .page-title-wrap .d-flex.align-items-center {overflow-x:hidden;} */ /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 02. Chatbot /////////////////////////////////////////////////////////////////////////////////////////////////////*/ .chat-input-send-button {margin:0 !important;border-radius: 0 !important;} /* Adjust the Chatbot location */ /* .chat-window-wrapper .chat-window { bottom: 70px !important; position: fixed !important; height: calc(98% - 70px) !important; } */ .chat-window-wrapper .chat-window { bottom: 70px !important; position: fixed !important;} @media (min-width: 1025px ){.chat-window-wrapper .chat-window { height: calc(100% - 250px) !important; }} .chat-window-wrapper .chat-window-toggle { bottom: 20px !important; position: fixed !important; } .en_lg .chat-window-wrapper .chat-window, .en_lg .chat-window-wrapper .chat-window-toggle { right: 20px !important; } .ar_lg .chat-window-wrapper .chat-window, .ar_lg .chat-window-wrapper .chat-window-toggle { left: 20px !important; } .chat-window { border-radius: 7px !important; } /* .chat-header { height: 45px !important; color: var(--homey-white-font) !important;} */ .chat-header { background-color: var(--homey-topline-color) !important; border-bottom: 1px solid var(--homey-chat-header-border) !important; height: 44px !important;} .chat-layout .chat-header h1 { margin-bottom: 0 !important;color: var(--homey-white-font) !important; font-size: 18px; font-weight: 700; } .chat-heading {font-size: 10px !important;} .chat-header p {display: none;} /* Adjsut the Chat window Title in the Arabic Page */ .chat-heading { display: block !important;} .en_lg .chat-heading { text-align: left !important;} .ar_lg .chat-heading { text-align: right !important;} .chat-message.chat-message-from-bot, .chat-message.chat-message-from-user { border-radius: 7px !important; } .chat-message.chat-message-from-user { background: var(--homey-chat-user-bg) !important; color: var(--homey-white-font) !important; } /* Chat message: Padding */ .chat-message { padding-top: 10px; padding-bottom: 10px; } /* Adjust chat window in mobile media screen */ @media screen and (max-width: 600px) { .chat-window-wrapper .chat-window { height: 100dvh !important; width: 100%; right: 0; left: 0; border-radius: 0px !important; margin-bottom: 0px !important; bottom: 0px !important; /* z-index: 1003 !important; */ } } @media (max-width: 600px) { .chat-window-toggle.toggled { top: 10px; width: 25px; height: 25px; background-color: var(--homey-chat-user-bg); } .chat-window-wrapper { z-index: 1004 !important; } .chat-window-wrapper .chat-window-toggle { z-index: 1004 !important; } } /* ////////////////////////////////// */ /* Hiding chatbot from some pages */ /* ////////////////////////////////// */ /*hide chatbot from seach page, property page and dashboard in mobile*/ @media (max-width: 767px) { .is_srch #n8n-chat,.nhsjwlbg-dashboard-body #n8n-chat,.is_propertyPage #n8n-chat {display:none} } /*hide chatbot from login & Register in all devices */ /* .page-id-79 #n8n-chat, .page-id-78 #n8n-chat,.page-id-186 #n8n-chat{display:none} */ body:has(.wpforms-container) #n8n-chat{display:none} .woocommerce-checkout #n8n-chat{display:none} /*hide chatbot from add new property */ .page-template-user_dashboard_submit #n8n-chat{display:none} /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 03. General /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* loading sign for button add to favorites in property page */ i.loader-show { display: inline-block; width: 16px; height: 16px; border: 2px solid var(--homey-border-soft); border-top-color: var(--homey-black-333-color); border-radius: 50%; margin: unset !important; animation: favorite-loader 0.7s linear infinite; } @keyframes favorite-loader { to { transform: rotate(360deg); } } .mobile-property-tools .nav-pills > .nav-item > .nav-link, .mobile-property-tools .item-tool > span { padding: 0; height: 40px; width: 40px; line-height: 40px; border: 1px solid var(--homey-tool-btn-border); color: var(--homey-black-color); font-size: 16px; border-radius: 8px; } .mobile-property-tools .nav-pills > .nav-item > .nav-link:not(.active), .mobile-property-tools .item-tool > span:not(.active) { background-color: var(--homey-gray-field) !important; } /* billing form buttons */ .ff-float-right.ff-btn.ff-btn-next.ff-btn-secondary, .ff-btn.ff-btn-prev.ff-btn-secondary { padding: 6px 14px; border-radius: 6px; background-color: var(--homey-main-blue) !important; font-weight: 500; border: 1px solid var(--homey-main-blue) !important; } .ff-btn.ff-btn-prev.ff-btn-secondary{ padding: 6px 14px; border-radius: 6px; background-color: var(--homey-white-bg) !important; font-weight: 500; border: 1px solid var(--homey-main-blue) !important; color: var(--homey-main-blue) !important; } .ff-btn.ff-btn-prev.ff-btn-secondary:hover{ color: var(--homey-white-font) !important; background-color:var(--homey-main-blue) !important; } .ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style { padding: 6px 14px; } .ff-step-titles .ff-step-title-text{ display: none !important; } /* the notice we added in membership page for users have orders */ .membership-order-notice { max-width: 600px; box-shadow: 0 2px 10px var(--homey-shadow-soft); background-color: var(--homey-notice-bg) !important; border: 1px solid var(--homey-notice-border) !important; border-radius: 4px !important; } #desktop-search-form .geolocation-radius-col .form-group { min-width: 100px; } .otgs-development-site-front-end {display: none;} /* Adjust z-index of tooltip on property block tools */ @media (max-width: 768px) { .item-listing-wrap .item-tools .tooltip { /*display: none !important;*/ z-index: 99 !important; } } /* Hide ReCaptcha badge by default */ .grecaptcha-badge { display: none !important; } /* Show ReCaptcha badge only on pages containing WPForms */ /* body:has(.wpforms-form) .grecaptcha-badge { display: block !important; z-index: 3; } */ /* hide compare panal badge only on pages containing WPForms */ body:has(.wpforms-form) #compare-property-panel { display: none !important; } #account-activated-message p {margin: 0 !important;} #submit_property_form .block-title-wrap h2 { font-weight: bold; } .icon-featured.text-success { color: var(--homey-featured-icon) !important; } .icon-featured.text-success:before { font-weight: 900; } .collapse:not(.show) { display: none !important; } /* change background colors for sections in property page */ @media (max-width: 768px) { .property-view > div:nth-child(even) .block-wrap { background-color: var(--homey-page-bg); } } /*remove back to top button*/ .back-to-top-wrap {display: none;} /*Remove icon of save search button in advance search*/ .btn.save_search_click i{display:none} @media (max-width: 767px) { .logged-in-nav { top: 60px !important; right: 0; position: fixed; left: 0 !important; } } @media (min-width: 768px) { .is_srch .advanced-search-v3,#half-map-listing-area{padding: 0 75px;} } .nhsjwlbg-dashboard-body .add-new-listing-bottom-nav-wrap , .nhsjwlbg-dashboard-body .header {z-index:3} /* Hide dashboard elements below 1024px */ @media (max-width: 1023px) { .dashboard-sidebar, .dashboard-right .header { display: none !important; } } /* Hide the main website header above 1024px */ @media (min-width: 1024px) { .nhsjwlbg-dashboard-body header, .nhsjwlbg-dashboard-body #desktop-header-search { display: none !important; } } .nhsjwlbg-dashboard-body #overlay-search-advanced-module{display: none !important; } .nhsjwlbg-dashboard-body .advanced-search.advanced-search-nav.mobile-search-nav.mobile-search-trigger{display: none !important; } .logged-in-nav { min-width: 215px!important; } .nhsjwlbg-dashboard-body .dashboard-sidebar { width: 245px !important; } /* Remove Arrows from max area field in home page */ .is_homepage input[name="max-area"]::-webkit-inner-spin-button, .is_homepage input[name="max-area"]::-webkit-outer-spin-button { display: none; } /* For Firefox */ .is_homepage input[name="max-area"] { -moz-appearance: textfield; } /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 04. Drop Down Menu /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* adjust non login menu */ .dropdown-menu.user-menu .dropdown-item:first-child {border-bottom: 1px solid var(--homey-menu-border);} /* .dropdown-menu.user-menu {transform: translateX(-125px);} */ @media (max-width: 767px) { .dropdown-menu.user-menu { left: 0 !important; top: 60px !important; right: 0; border-radius: unset; } .dropdown-menu.user-menu .dropdown-item { padding: 15px; } } .dropdown-menu.user-menu .dropdown-item { font-size: 14px; font-weight: 600; text-transform: none; } .logged-in-nav a { font-size: 14px !important; font-weight: 600 !important; } /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 05. Map /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* convert halfmap to header map */ @media (min-width :768px ){ .half-map-left-wrap {width: 100% !important;} .half-map-right-wrap {width: 100% !important ;padding: 0 25px;} .half-map-wrap {height: unset !important;position: static;display:block !important;} #main-wrap{height:unset !important;max-height:unset !important;} } /*Override HomeyLinks price pin markers to look like PointFinder */ .mapbox-marker.map-marker-label { width: fit-content; color: var(--homey-white-font) !important; background-color: var(--homey-main-blue) !important; border-radius: 10px !important; padding: 0 6px !important; border: 2px solid var(--homey-white-bg) !important; font-weight: bold; font-size: 12px; white-space: nowrap; } /*Add triangle/arrow below */ .mapbox-marker.map-marker-label::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var(--homey-main-blue); } /*Adjustment for popup - info window*/ .property-info-window {display: flex;} .property-info-window .info-window-image img {height: 155px !important;} .property-info-window,.mapboxgl-popup-content {width: 335px !important;} .info-window-address-info.text-truncate {display: none;} .property-info-window .info-content {min-width: 190px;} .info-window-price {font-size: 18px !important;} .info-window-title { font-size: 15px; font-family: Noto Kufi Arabic; margin-bottom: 10px; font-weight: 600; } .info-window-property-type { position: absolute; top: 5px; background: var(--homey-white-50); padding: 1px 4px; border-radius: 3px; font-weight: 600; } .info-window-property-downpayment { border-radius: 5px; font-size: 14px; font-weight: 700; padding: 3px 5px 2px 5px; width: fit-content; } .en_lg .info-window-property-type { left: 5px; } .ar_lg .info-window-property-type { right: 5px; } .ar_lg .mapboxgl-popup-close-button { left: 0; right: unset !important; } .en_lg .mapboxgl-popup-close-button { right: 0; } /* English (default) */ .property-info-window > div:last-child { margin-left: auto; } /* Arabic */ .ar_lg .property-info-window > div:last-child { margin-left: 0; margin-right: auto; } /*Adjust View option button on map*/ .nhsjwlbgMapboxType { width: inherit; display: inline-block; height: inherit; } /*Adjust map buttons position and remove logo*/ .mapboxgl-ctrl-logo {display: none !important;} .mapboxgl-ctrl.mapboxgl-ctrl-attrib.mapboxgl-compact {display: none !important;} /* Search page: Mobile Show Listing / Map Button */ /* .d-flex.justify-content-between { border-radius: 7px !important; } */ /* fix click on the map-view options doesn't work */ .map-wrap .map-next-prev-actions .nhsjwlbgMapType { padding: 4px 16px; width: 100%; display: inline-block; } .map-wrap .map-next-prev-actions .dropdown-item{padding:0 !important} /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 06. General /////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (min-width: 992px) { .search-section-title { font-size: 14px; font-weight: 600; margin-bottom: 10px; color: var(--homey-grey-cool); text-transform: uppercase; letter-spacing: .03em; } .features-list-wrap { /* margin-top: 176px; */ /* border: 1px solid #dee2e6; */ border-radius: 8px; padding:8px 0px 8px !important; height: fit-content; } .features-list .control.control--checkbox { font-size: 13px; color: var(--homey-grey-light); } .btn-features-list { color: var(--homey-grey-light) !important; } /* Adjust the Features Button */ #features-heading, .btn-features-list .nhsjwlbg-icon { font-size: 13px !important; font-weight: 400 !important; color: var(--homey-grey-light) !important; } } /*Ajustment for property page*/ .single-property .item-address{display: none !important;} .single-property .page-title-wrap { padding: 10px !important;} /* Property Page: Titles Size */ .single-property .block-title-wrap h2 {font-weight: 800 !important;} @media (min-width: 1200px) { .container { max-width: 1195px !important; } } /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 07. Select /////////////////////////////////////////////////////////////////////////////////////////////////////*/ .select2-container--default .select2-selection--multiple { background-color: var(--homey-white-bg); padding: 2px 8px; border-color: var(--homey-border-color) !important; min-height: 42px !important; } .select2-container .select2-dropdown {border-color: var(--homey-border-color) !important;} /* Each selected option (tag) */ .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: var(--homey-chip-bg); border: none; color: var(--homey-black-333-color); border-radius: 20px; padding: 3px 10px; margin: 2px 5px 2px 0; font-size: 14px; font-weight: 500; } /* .nhsjwlbg-search-builder-wrapper .form-control {line-height: 1.5 !important;} */ .home .nhsjwlbg-search-form-js .nhsjwlbg-field-textual:has(> select[name="areas[]"]) { line-height: unset !important; } .home .nhsjwlbg-search-form-js .dropdown-menu.show >div {overflow-x:inherit !important;} /* The "x" (remove button) inside tag */ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: var(--homey-grey-light); position:static; margin-right: 6px; font-weight: bold; cursor: pointer; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: var(--homey-remove-hover-red); /* red on hover */ } /* Placeholder text */ .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: var(--homey-grey-light); font-size: 14px; margin-left: 4px; } /*Adjust placholder for Area Field*/ .select2-container .select2-search--inline .select2-search__field{ color: var(--homey-placeholder); font-family: inherit !important; } /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 08. General /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*make header sticky and control z-index in header, non-login dropdown mwnu */ header{ position: sticky; top: 0; z-index: 1004; } #overlay-search-advanced-module{ z-index :1004; } .dropdown-menu.user-menu{z-index:1004} #desktop-header-search { position: sticky; top: 93px; z-index: 1001; } /*hide create listing item from desktop menu as there a button already for it */ header ul.navbar-nav.nhsjwlbg-elementor-menu li:nth-last-child(2){display:none !important} /*remove old home page location field */ .form-group.elementor-field-group-6b0017d .btn.dropdown-toggle{display:none !important} /*adjust location field after adding select2 */ .select2-container .select2-search--inline .select2-search__field {height: 30px !important;} /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 09. Currency Switcher /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* adjsut currency switcher on mibile side menu */ .offcanvas-mobile-menu-body .currency-switcher-wrap {padding: 15px;} .offcanvas-mobile-menu-body .currency-switcher-wrap .dropdown-toggle{width:100%;text-align: start;} .offcanvas-mobile-menu-body .currency-switcher-wrap .dropdown-toggle::after{float:right !important;margin-right: 8px;} .offcanvas-mobile-menu-body #hz-currency-switcher-list{ position: static; background: var(--homey-white-bg); color: var(--homey-black-color); width: 100%; max-width: 100% !important; box-shadow: none; } /* General Settings for Currency Switcher Menu */ #hz-currency-switcher-list{ background: var(--homey-white-bg) !important; color: var(--homey-black-color) !important; box-shadow: 0px 8px 16px 0px var(--homey-shadow-medium) !important; border-color: var(--homey-border-color); } #hz-currency-switcher-list { min-width: 65px !important; text-align: center !important; } /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 10. X Button /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Style X button for clearing selection in search */ .clear-selection { cursor: pointer; position: absolute; /* top: 45%; */ top: 17%; /* transform: translateY(-50%); */ z-index: 2; background: var(--homey-white-bg); padding: 0px 3px; /* height: 80%; */ line-height: 1.6; font-size: 18px; } .en_lg .clear-selection{ right: 25px;} .ar_lg .clear-selection{left: 25px;} /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 11. Dropdown /////////////////////////////////////////////////////////////////////////////////////////////////////*/ .logged-in-nav-container .dropdown-toggle i { font-size: 20px; color: var(--homey-black-color); } .logged-in-nav-container .dropdown-toggle.show i {color: var(--homey-light-blue);} .logged-in-nav-container .dropdown-toggle {padding: 0 12px;} /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 12. Delivery date /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* start Customization for Delivery date popup with flatpicker */ .flatpickr-calendar,.dayContainer,.flatpickr-days,.flatpickr-weekdays { width: 240px !important; font-size: 13px; } .flatpickr-current-month { font-size: 15px; } .dayContainer{min-width:unset !important;} .flatpickr-btn-wrapper { display: flex; justify-content: space-between; gap: 6px; margin: 8px; } .flatpickr-btn { flex: 1; padding: 4px 6px; border-radius: 6px; cursor: pointer; font-size: 13px; text-align: center; line-height: 16px; } .flatpickr-btn-clear, .flatpickr-btn-cancel { background: var(--homey-button-light-bg); border: 1px solid var(--homey-divider-color); color: var(--homey-black-333-color); } .flatpickr-btn-primary { flex: 2; background: var(--homey-button-light-bg); color: var(--homey-main-blue); border: none; border: 1px solid var(--homey-divider-color); } .flatpickr-input.form-control:disabled, .flatpickr-input.form-control[readonly] { background-color: var(--homey-white-bg); } .flatpickr-current-month .arrowUp, .flatpickr-current-month .arrowDown { display: none; } .flatpickr-current-month .numInputWrapper select{ background: none; border: none; } .flatpickr-current-month .numInputWrapper select:focus { border: none; outline: none; } .flatpickr-current-month .numInputWrapper select:hover { background: var(--homey-hover-overlay); } /* End Customization for Delivery date popup with flatpicker */ /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 13. Password Eye Icon /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Start - eye icon Style */ /* === General Password Toggle Button === */ .password-toggle-btn { cursor: pointer; margin: 0 8px !important; color: var(--btn-grey-dark); font-size: 17px !important; position: absolute !important; z-index: 2; background: none; border: none; } /* Adjust icon position in different forms */ .wpforms-field-password .password-toggle-btn { top: 61px; right: 10px; } #wpforms-form-28 .wpforms-field-password .password-toggle-btn { top: 10px; right: 10px; } #wpforms-form-28 .wpforms-field-row-block.wpforms-one-half.wpforms-first { position: relative; } .fluentform .password-toggle-btn { top: 33px; right: 5px; } /* Adjust icon position in arabic forms */ .rtl .password-toggle-btn { right: auto; left: 10px; } .rtl .fluentform .password-toggle-btn { right: auto; left: 5px; } .fluentform .ff-el-group.password-container { position: relative; } .password-toggle-btn i { pointer-events: none; } /* End - eye icon Style */ .user-phone input[name="mobile"], .user-whatsapp input[name="whatsapp"] { direction: ltr !important; } .profile-form #display_name { line-height: inherit !important; } /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 14. WPForms /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Start - Style Wpforms login-register-reset */ #wpforms-submit-25, #wpforms-submit-18, #wpforms-submit-28 { width: 100% !important; } #wpforms-25 .wpforms-layout-row { flex-direction: row !important; align-items: center !important; } .login-user { padding-bottom: 0px !important; } #wpforms-25-field_3_0 { margin-top: 2px !important; } .en_lg #wpforms-25-field_6 { text-align: right; } .ar_lg #wpforms-25-field_6 { text-align: left; } #wpforms-25-field_6, #wpforms-18-field_11 { position: absolute; margin-top: 50px !important; font-size: 15px !important; } #wpforms-28-field_4 { position: absolute; margin-top: 60px !important; font-size: 15px !important; } #wpforms-28-field_4-container { padding: 0 !important; } .en_lg #wpforms-25-field_6, .en_lg #wpforms-18-field_11, .en_lg #wpforms-28-field_4 { right: 0px !important; text-align: right; } .ar_lg #wpforms-25-field_6, .ar_lg #wpforms-18-field_11, .ar_lg #wpforms-28-field_4 { left: 0px !important; text-align: left; } .en_lg .login-fyp {text-align: right;} .ar_lg .login-fyp {text-align: left;} /* .wpforms-submit{top: -25px !important;} */ #wpforms-submit-28{top: 0 !important;} .wpforms-submit-container {margin-bottom: 40px !important;} .login-dha,.register-ha,.reset-btl {overflow-x: unset !important;} .form-title h1 {font-size: 20px !important} /* End - Style Wpforms login-register-reset */ /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 15. Reset password /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Start - Style reset password form */ @media (max-width: 767px) { .elementor-186 .elementor-element.elementor-element-9b9cded { width: var( --container-widget-width, 95% ); max-width: 95%; --container-widget-width: 95%; --container-widget-flex-grow: 0; } } @media (min-width: 768px) { .elementor-186 .elementor-element.elementor-element-9b9cded { width: var( --container-widget-width, 50% ); max-width: 50%; --container-widget-width: 50%; --container-widget-flex-grow: 0; } } .elementor-element.elementor-element-9b9cded.elementor-widget.elementor-widget-wpforms { --wpforms-container-padding: 22px; --wpforms-container-border-style: solid; --wpforms-container-border-radius: 5px; --wpforms-container-border-color: var(--homey-black-333-color); --align-self: center; } /* End - Style reset password form */ /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 16. Fluent Support /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Start - Style Fluent Support */ #fluent_support_client_app {margin-top: 26px;} .fs_customer_conversation.fs_ticket_thread.fs_person_agent.fs_agent {background-color: var(--homey-support-agent-bg);} .fs_customer_conversation.fs_ticket_thread.fs_person_customer.fs_customer ,.fs_ticket_thread.fs_conversion_starter {background-color: var(--homey-support-customer-bg);} /* End - Style Fluent Support */ /* SC Support */ /* The enire block */ #CustomerSupportBlock { margin-top: 15px; margin-bottom: 30px; } /* Remove */ /* Logout buttons */ /* My profile buttons */ /* New Ticket: Reset form */ /* My Tickets: Reset filters */ /* My Tickets: Filter */ /* My Tickets: Reset filters */ .hlsupport-menu-list.hlsupport-tickets-nav.log-out, .hlsupport-menu-list.hlsupport-tickets-nav.my-profile, #hlsupport-ct-reset, #hlsupport-filter-actions, .hlsupport-filter-item[label="hlsupport-input-filter"], #hlsupport-more-actions-btn { display: none !important; } /* Ticket window: Side boxes */ .hlsupport-it-widget.hlsupport-itw-add-rec, .hlsupport-it-widget.hlsupport-itw-ticket-fields { display: none; } /* Ticket window: Text Styling bar */ /* #mceu_14-body, #mceu_15-body { display: none; } */ .mce-top-part.mce-container.mce-stack-layout-item.mce-first { display: none; } /* Mobile Menu */ .hlsupport-humbargar-menu-item.my-profile, .hlsupport-humbargar-menu-item.log-out { display: none; } /* Search field */ .search-field { height: 30px; width: 50px; border: 1px solid var(--homey-support-border) !important; } /* Buttons */ .hlsupport-button.normal.primary.margin-right, #hlsupport-ct-submit, #hlsupport-ct-reset { height: 30px; padding-top: 0.5px !important; } #hlsupport-ct-submit { width: 100px; } /* Color the response area */ [class^="hlsupport-thread reply customer"], [class^="hlsupport-thread reply agent"] { border-radius: 10px !important; margin-bottom: 10px; padding: 10px; padding-bottom: 0px; } [class^="hlsupport-thread reply customer"] { background-color: var(--homey-support-customer-bg); border: 1px solid var(--homey-support-customer-border) !important; } [class^="hlsupport-thread reply agent"] { background-color: var(--homey-support-agent-bg); border: 1px solid var(--homey-support-agent-border) !important; } /* New Ticket: Adding Border to the category box > UPDATED 20250608*/ .is_supportcenter .select2-selection.select2-selection--single { border: 1px solid var(--homey-support-border) !important; } /* Page not found: Design */ #PageNotFound { background-color: var(--homey-topline-color); text-align: center; padding: 50px 0; margin-top: -10px !important; min-height: 500px; color: var(--homey-white-font); } #GoToHomePageButton { padding: 10px 15px 10px 15px; border-radius: 8px; background-color: var(--homey-main-blue); border: 0px; margin-top: 20px; } /* #GoToHomePageButton:hover { background-color: var(--homey-main-blue-hover); } */ #hlsupport-ct-submit { background-color: var(--support-header-bg) !important; border: 1px solid var(--support-header-bg) !important; color: var(--homey-white-font) !important; } /* .hlsupport-header { background-color: var(--homey-topline-color) !important; } */ #hlsupport-container .hlsupport-header { background-color: var(--homey-topline-color)!important; } /* Hide side menu of support candy and always show the main header in all screens */ /* Ensure the first child is always visible */ .hlsupport-shortcode-container > :nth-child(1) { display: flex !important; } /* Ensure the second child is always hidden */ .hlsupport-shortcode-container > :nth-child(2) { display: none !important; } /* Ensure all fields in the create ticket form take the full width of the form */ .hlsupport-create-ticket .hlsupport-tff {width:100%} /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 17. Property Page /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Adjust property page */ .listing-view .item-listing-wrap address{display:none} /* #nhsjwlbg-overview-listing-map {display: none;} */ #property-detail-wrap .detail-wrap ul li:nth-child(odd) .list-lined-item {background-color: var(--homey-gray-field);} #property-detail-wrap .detail-wrap{background:unset !important;border:none !important;padding:10px !important;} #property-detail-wrap .detail-wrap ul li div {padding-left: 10px;padding-right: 10px;} #property-detail-wrap .advertiser {display:block !important;background-color:unset !important;color: var(--homey-near-black) !important;} #property-address-wrap .block-content-wrap ul li:nth-child(1) {display:none !important} /*Adjust property description section*/ .property-description-content { background: var(--homey-white-bg); padding: 8px; border-radius: 5px; } /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 18. General /////////////////////////////////////////////////////////////////////////////////////////////////////*/ .btn-primary-outlined:hover { color: var(--homey-white-font) !important; background-color: var(--homey-main-blue) !important; border-color: var(--homey-main-blue) !important; } .wpml-ls-statics-shortcode_actions.wpml-ls-legacy-list-horizontal { padding: 0px !important; } /* Style Staus tabs in home page Search */ .en_lg #nhsjwlbg-search-tabs-wrap > :first-child, .ar_lg #nhsjwlbg-search-tabs-wrap > :nth-child(2) { border-radius: 5px 0 0 0 !important; padding: 7px 0 0 10px !important; } .en_lg #nhsjwlbg-search-tabs-wrap > :nth-child(2), .ar_lg #nhsjwlbg-search-tabs-wrap > :first-child { border-radius: 0 5px 0 0 !important; padding: 7px 10px 0 0 !important; } #nhsjwlbg-search-tabs-wrap .nav-item { background: var(--homey-white-bg); } #nhsjwlbg-search-tabs-wrap .nav-link { margin: 0 !important; padding: 5px 10px !important; } /* Adjust yop-bar height */ #header-top-bar .btn { line-height: 27px; } /* Remove language Switcher from desktop header and currency swticher */ #main-header .nhsjwlbg-nav-menu-main-desktop-wrap .wpml-ls-item , #main-header .elementor-widget-nhsjwlbg_currency_switcher{display:none} /*Style gallery lightbox*/ .lightbox-tools a {color: var(--homey-black-color);} .modal-header {background-color: var(--homey-white-bg) !important;} .modal-header .btn-close{filter : unset !important;} /*full screen button on map position*/ /* @media (max-width: 767px) {.map-zoom-actions {bottom: 80px !important;}} */ /* Adjust Sort button in Search page */ #sortSelectedText { line-height: 30px; font-size:13px; } .sort-dropdown .dropdown-item.active { color: var(--homey-active-blue); background-color: var(--homey-active-bg); font-weight: 600; } .sort-by, .sort-by .filter-option-inner-inner { color: var(--homey-main-blue) !important;font-weight:500 !important; } #half-map-listing-area .page-title { font-weight: 500; } /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 19. Footer /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*just override theme general margin for site logo*/ .en_lg #footer-logo .logo.logo-desktop{margin-right : 0 !important} .ar_lg #footer-logo .logo.logo-desktop{margin-left : 0 !important} footer .nav-link {width: fit-content;} .page-id-78 footer, .page-id-486 footer, .page-id-186 footer, .page-id-490 footer, .page-id-79 footer, .page-id-488 footer { display: none !important; } /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 20. Header /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Header: Give the header Search border bottom */ #desktop-header-search { border-bottom: solid 1px var(--homey-header-search-border);} /* Header: Adjust the colors of Creat Listing Button */ /* .btn.btn-create-listing { background: var(--homey-create-btn-bg) !important; border-color: var(--homey-black-color) !important; color: var(--homey-black-color) !important; } */ /* Header: Creat Listing Button */ /* .btn.btn-create-listing:hover { background: var(--homey-create-btn-hover) !important; } */ /* Create a Listing */ header .btn-create-listing { background-color: #E8F2F9 !important; color: #3664A1 !important; border: 1px solid var(--homey-main-blue) !important; border-radius: 5px; font-weight: 600 !important; transition: all 0.2s ease; } /* Hover */ header .btn-create-listing:hover { background-color: #D9E7F5 !important; color: #3664A1 !important; border-color: #3664A1 !important; } .side-menu-item.create-listing-btn a{ background-color: #E8F2F9 !important; color: #3664A1 !important; font-weight: 600 !important; transition: all 0.2s ease; text-transform: none; font-weight: 700 !important; } /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 21. Dashboard Sidebar /////////////////////////////////////////////////////////////////////////////////////////////////////*/ .sidebar-nav {line-height: 16px !important;} .sidebar-nav .nav-box h5 {font-size: 14px !important;} .sidebar-nav .nav-box li {padding-left: 18px;} .dashboard-sidebar .sidebar-logo .logo{justify-content: center;} .dashboard-sidebar .sidebar-logo .logo img{width: 65%;} .dashboard-sidebar .nav-box ul li a {padding: 8px 20px !important;} /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 22. fluent forms in my profile for (mobile number -whatsapp) /////////////////////////////////////////////////////////////////////////////////////////////////////*/ .phone-wrapper.block-wrap { background: none; padding: 0; } .user-phone,.user-whatsapp{ padding: 16px; background: var(--homey-white-bg); margin-top: 10px; } @media (min-width:767px){ .user-phone,.user-whatsapp{width: 50%;} .phone-wrapper.block-wrap {display: flex} } /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 23.Style new labels act like placeholder and labels in the same time of Advance Search /////////////////////////////////////////////////////////////////////////////////////////////////////*/ .not_homepage .nhsjwlbg-search-form-js .form-group label{ padding: 0 5px; position: absolute; color: var(--homey-grey-light); font-weight: 400; font-size: 13px; z-index: 1; background: var(--homey-white-bg); line-height: 16px; pointer-events: none; transition: transform 0.2s ease-in-out; } .ar_lg.not_homepage .nhsjwlbg-search-form-js .form-group label{transform: translate(-5px,13px);} .en_lg.not_homepage .nhsjwlbg-search-form-js .form-group label{transform: translate(5px,13px);} .en_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(input:focus) label, .en_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(input[type="text"]:not(:placeholder-shown)) label, .en_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(input[type="number"]:not(:placeholder-shown)) label { transform: translate(-4px,-8px) !important; } .en_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(.dropdown-toggle.show) label, .en_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(.dropdown-toggle:not(.bs-placeholder)) label { transform: translate(-4px,-8px) !important; } .ar_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(input:focus) label, .ar_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(input:not(:placeholder-shown)) label{ transform: translate(4px,-8px) !important; } .ar_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(.dropdown-toggle.show) label, .ar_lg.not_homepage .nhsjwlbg-search-form-js .form-group:has(.dropdown-toggle:not(.bs-placeholder)) label { transform: translate(4px,-8px) !important; } .not_homepage #mobile-search-form.nhsjwlbg-search-form-js .row > *{ margin-top:12px; } .not_homepage .nhsjwlbg-search-form-js input:not([name="keyword"])::placeholder { color: transparent; } .not_homepage .nhsjwlbg-search-form-js .form-group input[name="keyword"]::placeholder{ font-size: 13px; } .not_homepage .nhsjwlbg-search-form-js .form-group .dropdown-toggle.bs-placeholder .filter-option-inner-inner { color: transparent !important; } /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 24. Adjust Advance Search And Search page /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* .search-icon input { padding-left: 12px !important; } .search-icon::before { content: "" !important; } */ #mobile-search-form input.form-control{font-size:16px !important} /* change Design of Advanced Search */ #advanced-search-filters { position: absolute; z-index: 3; background: var(--homey-white-bg); width: 850PX; left: 50%; transform: translateX(-50%); padding: 10px 22px 15px 22px; border: 1px solid var(--homey-border-color); border-radius: 5px; margin-top: 5px; box-shadow: 0px 6px 16px var(--homey-grey-light); /*border-top: none;*/ display: flex; gap: 15px; } /*Style save Search button in mobile advanced Search*/ .btn.save_search_click{ background-color: var(--homey-white-bg); color: var(--adv-search-btn-text); border-color: var(--homey-border-color); } .btn.save_search_click:hover { background-color: var(--homey-save-search-hover-bg); color: var(--adv-search-btn-hover-text); border-color: var(--homey-light-blue); } /*fix advance Search scroll in mobile (it works) */ #overlay-search-advanced-module {height : 100dvh !important;padding: 0 !important;} /*make the Advance search btns Sticky at the bottom */ .Srch-btn-sticky { position: sticky; bottom: 0; z-index: 5; } .sticky-bottom-group { position: sticky; bottom: 0; z-index: 5; display: flex; background: var(--homey-white-bg); padding: 8px; max-width:100% !important; } #mobile-search-form .reset-search-btn , #mobile-search-form .save_search_click {margin-top:0 !important;} .advanced-search-v3 .save-search-btn{margin:0 !important} /*Override Advance search open and close behaviour for Sticky bottom buttons */ /* open*/ .overlay-search-advanced-module.open {top: 0} .overlay-search-advanced-module.open sticky-bottom-group {bottom: 0;} /* close*/ .overlay-search-advanced-module {top: 0} .overlay-search-advanced-module sticky-bottom-group {bottom: 0;} /* General*/ .overlay-search-advanced-module.overly_is_halfmap.open { transform: none !important; } section#overlay-search-advanced-module { transform: none !important; } .sticky-bottom-group { position: fixed; bottom: 0px; right:0; left:0; box-shadow: 0px 5px 19px var(--homey-grey-light); } #mobile-search-form div:has(.features-list-wrap) { margin-top: 0 !important; padding-bottom: 50px; } /*Adjust Seach page to remove scroll in properties listings section*/ .is_srch .half-map-wrap { height: fit-content !important; } .is_srch #half-map-listing-area { overflow: hidden !important; } .is_srch #main-wrap { height: auto !important; max-height: none !important; } /* Adjust properties block img in search page */ .nhsjwlbg-listing-carousel .slick-slide img{width:100%;} /* make Search bar in mobile screen sticky */ .advanced-search.advanced-search-nav.mobile-search-nav.mobile-search-trigger { position: sticky; z-index: 1001; top: 60px; border-bottom: 1px solid var(--homey-border-color); } #half-map-listing-area .page-title-wrap .dropdown-toggle::after, #half-map-listing-area .page-title-wrap .dropend .dropdown-toggle::after {margin: 0 !important;} #half-map-listing-area .page-title-wrap {padding:15px !important} /*///////////////////////////////////////////////////////////////////////////////////////////////////// // 25. woocommerce /////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* woocommerce orders page */ /* Remove billing Address from orders page */ .woocommerce .woocommerce-customer-details {display:none} /* Remove button browse products */ .woocommerce-orders .woocommerce-info .woocommerce-Button{display: none !important; } .woocommerce-MyAccount-navigation { padding: 20px; margin: 0 !important; float: none !important; width: unset !important; } .woocommerce-MyAccount-navigation ul { display: flex; gap: 30px; } .woocommerce-MyAccount-content { padding: 0 20px; } /* nav.woocommerce-MyAccount-navigation{display:none !important} */ .woocommerce-account .woocommerce-MyAccount-content { float: none !important; width: 100% !important; } .woocommerce table.my_account_orders { font-size: 15px !important; } .woocommerce-orders-table__cell-order-actions a{ font-size: 12px !important; margin: 4px !important; } .woocommerce-MyAccount-orders.my_account_orders.account-orders-table { margin: 0 !important; } .woocommerce-view-order .woocommerce-MyAccount-content { padding: 25px; } .woocommerce-view-order .woocommerce-MyAccount-content p { font-size: 12px; margin-bottom: 14px; } .woocommerce-view-order .woocommerce-order-details__title { margin-bottom: 20px; } /* Woocomerce my orders nave active items */ .woocommerce-MyAccount-navigation-link.is-active { background: var(--homey-active-bg); padding: 5px 10px; border-radius: 6px; } .woocommerce-MyAccount-navigation-link.is-active a { color: var(--homey-active-blue); } /* Checkout */ .wc-block-components-button:not(.is-link):focus { box-shadow: none !important; } /* Remove Desktop order summary from mobile */ @media (max-width : 992px){ .wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-sticky { display: none !important; } } /* Remove Express checkout */ div:has(> .wc-block-components-express-payment.wc-block-components-express-payment--checkout) { display: none; } /* Remove padding top in checkout block */ .wp-block-woocommerce-checkout { padding-top: 0 !important; } /* The "Payment options" description */ .wc-block-components-radio-control-accordion-content {display: none;} /* Add spaces between the checkout blocks */ .wc-block-components-form .wc-block-components-checkout-step {margin-bottom: 34px !important;} /* Order notes */ #order-notes {display: none;} .page-content-wrap {background: var(--homey-page-bg) !important;} .wc-block-components-sidebar-layout .wc-block-components-main { background: var(--homey-white-bg) !important; border-radius: 5px; } .wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block { padding: 20px; } .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button{ color: var(--homey-white-font); background-color: var(--homey-main-blue); border-color: var(--homey-main-blue); padding: 0 15px; font-size: 15px; font-weight: 500; } .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover{ color: var(--homey-white-font); background-color: var(--homey-light-blue-hover); border-color: var(--homey-light-blue-hover) } .page-content-wrap { padding: 20px !important; background-color: var(--homey-white-bg); } .wp-block-woocommerce-checkout-order-summary-block { background: var(--homey-white-bg); } #acfw-store-credits-my-account a.button.alt { display: none; } #acfw-store-credits-my-account p { margin-top: 10px; } /* woocommerce cart */ .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block { padding: 20px; } .wc-block-cart-item__total { display: table-cell !important; } .wp-block-woocommerce-cart-order-summary-block { background: var(--homey-white-bg); border: 1px solid var(--homey-cart-border) !important; border-radius: 5px; box-sizing: border-box; padding: 20px; } @container (max-width: 699px) { .wc-block-components-sidebar-layout {gap: 20px;} .wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title{ display:block !important; font-size:16px !important; margin-bottom: 15px; } .wp-block-woocommerce-cart-order-summary-block{border:none !important;} } .wp-block-woocommerce-cart .wp-block-separator, .wp-block-woocommerce-cart .wp-block-woocommerce-product-new{display:none !important} .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{ font-size: 24px; font-weight: 500; padding-bottom: 24px; } html:has(body.woocommerce-checkout) { overflow: unset !important; } body.woocommerce-order-received #desktop-header-search { display: none !important; } #wfacp_checkout_form.checkout.woocommerce-checkout .wfacp-form-control-label { background: none !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* // 26. Switch map button */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////// */ .mobile-map-switch { width: 94px !important; position: sticky; z-index: 1001; bottom: auto; margin: 0 15px !important; top: 71px !important; margin-top: -52px !important; margin-bottom: 10px !important; border: none; border-radius: unset; } .en_lg .mobile-map-switch { float: right;} .ar_lg .mobile-map-switch { float: left;} .mobile-map-switch .btn { width: 100%; color: var(--homey-main-blue) !important; background-color: var(--homey-halfmap-bg) !important; border-radius: 6px; border: 1px solid var(--homey-border-color) } .mobile-search-nav .advanced-search-v1 .form-control { background-color: var(--homey-halfmap-bg); } #nhsjwlbg-btn-listing-view { display: none; } @media (max-width: 1024px ){ .is_srch .advanced-search-v1 .search-icon { width: calc(100% - 108px); } .is_srch .half-map-wrap { background-color: var(--homey-halfmap-bg) !important; } } @media (max-width: 1024px ){ .is_srch header .elementor-section.elementor-top-section{box-shadow:none !important;} } /*fIX IOS ZOOM IN AFTER OPEN AREA DROPDOWN MENU*/ .select2-search__field{font-size:16px !important} /* compare button and page */ .compare-property-panel-vertical { z-index: 1003 !important; top :156px !important; } @media (min-width: 992px) {.compare-property-panel-vertical {height: auto;}} .compare-table thead th { top: 156px !important; } @media (max-width: 992px) { .compare-property-panel-vertical { top: 70px !important; border-top: 1px solid var(--homey-border-color) } .compare-table thead th { top: 0 !important; } } .compare-table .img-fluid, .compare-property-panel .img-fluid { width: 200px !important; height: 150px !important; object-fit: cover; } .compare-property-panel .close-compare-panel, .compare-property-panel .close-compare-panel:hover, .compare-property-panel .close-compare-panel:focus, .compare-property-panel .close-compare-panel:active { font-size: 28px; line-height: 1; color: inherit; text-decoration: none; background: none; border: 0; box-shadow: none; outline: none; } /* packages page */ /* =========================================================== */ @media (min-width: 768px) { .frontend-submission-page .container { max-width: 850px; } } .price-table-module.pt-4.text-center { max-width: 300px; margin: 0 auto; } .price-table-description{ line-height: 12px; } .price-table-price { font-size: 54px; line-height: 25px; letter-spacing: unset; } /* =========================================================== */ /* .price-table-module.pt-4.text-center { width: 300px; margin: 0 auto; } .price-table-description { line-height: 12px; } .price-table-title { font-size: 40px; line-height: 35px; margin-top: 8px; } .price-table-price { font-size: 35px; line-height: 25px; letter-spacing: unset; } .price-table-currency { font-size: 20px } .price-table-price-wrap.py-4 { line-height: 15px !important; } */ /* .dashboard-sidebar .nav-box.active{display:block } .dashboard-sidebar .nav-box:not(.active) { display: none !important; } */ /* Checkout page: Hide "Contact information" and "Billing address" */ #contact-fields, #billing-fields { display: none !important; } /* Checkout page: Addjust the padding of the "Order Summary" block */ .wp-block-woocommerce-checkout-order-summary-block { border: none !important; padding-top: 3px !important; padding-bottom: 10px !important; } /* Checkout page: Submit Order button */ .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained { border-radius: 5px !important; border: none !important; min-width: 150px; } .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover { background-color: var(--homey-topline-color) !important;} /* update fluent from success message style */ .ff-message-success { box-shadow: none !important; background-color: var(--homey-success-bg); border: 1px solid !important; border-color: var(--homey-success-border) !important; } .page-template-user_dashboard_verify_your_number .block-wrap { padding: 0; background: none; } /* half map page */ /* fix listing display on tablets */ @media (max-width: 991px) and (min-width: 768px){ #half-map-listing-area.half-map-right-wrap .grid-view .item-listing-wrap { width: 50%; } } @media (max-width: 991px) { #half-map-listing-area.half-map-right-wrap .grid-view .item-listing-wrap { -ms-flex-preferred-size: auto; flex-basis: auto; } } /* fix call to action button on listing in small desktop screens */ @media (max-width: 1124px) and (min-width: 991px){ .item-footer .item-buttons-wrap .btn.btn-item { font-size :12px !important; padding-right: 5px !important; padding-left: 5px !important; } } /* fix map view height in tablets */ @media (min-width: 768px ) and (max-width: 1024px){ .half-map-left-wrap { height: 45vh !important; }} @media (min-width: 1025px ){ .half-map-left-wrap { height: calc(100vh - 227px) !important; }} /* Adjust breakpoints of Search to work with header */ @media (max-width: 1024px) { .mobile-search-nav {display: block !important;} .desktop-search-nav {display: none !important;} .nav-mobile.nhsjwlbg-show-menu-tablet {display: block !important;} } @media (min-width: 1024px){ .main-wrap > .content-wrap:has(.wpforms-container) { min-height: calc(100dvh - 80px); background: var(--homey-white-bg); } #nhsjwlbg_ajax_container {min-height:calc(100dvh - 80px);} } @media (max-width: 1024px){ .main-wrap > .content-wrap:has(.wpforms-container) .e-con-inner { min-height: calc(100dvh - 60px) !important; } .main-wrap > .content-wrap:has(.wpforms-container) { min-height: calc(100dvh - 60px); background: var(--homey-white-bg); } #nhsjwlbg_ajax_container {min-height:calc(100dvh - 60px);} } /* Adjustment and style for desktop map view button */ #map-view-wrap{display: none;} @media (min-width: 1024px) { #desktop-map-view-btn { display: block; line-height: 30px; background: var(--homey-main-blue); color: var(--homey-white-font); font-weight: 400; width: fit-content; margin-bottom: 10px; } } @media (max-width: 1024px) { #desktop-map-view-btn{display: none;} .mobile-map-switch {display: block !important;} } .ar_lg .map-arrows-actions { left: 120px; right: unset; } .en_lg .map-arrows-actions { right: 120px; left: unset; } @media (max-width: 575.98px) { .ar_lg .map-arrows-actions { left: 90px; right: unset; } .en_lg .map-arrows-actions { right: 90px; left: unset; } } /* =================================================================== */ /* =========================mobile Search ============================ */ /* =================================================================== */ .beds-buttons, .baths-buttons{ display: flex; flex-wrap: nowrap; gap: 12px; width: 100%; } /* Buttons must be allowed to shrink */ .beds-buttons button, .baths-buttons button{ flex: 1 1 0; min-width: 0; max-width: 60px; border: 1px solid var(--homey-divider-color); background: var(--homey-white-bg); padding: 8px 6px; border-radius: 10px; font-size: 13px; cursor: pointer; transition: background-color 0.2s ease; white-space: nowrap; text-align: center; } /* Hover */ /* .beds-buttons button:hover, .baths-buttons button:hover{ border-color: #51bbd6; color: #51bbd6; } */ /* Active */ .beds-buttons button.active, .baths-buttons button.active{ background-color: var(--homey-pill-active-bg); border-color: var(--homey-pill-active-border); color: var(--homey-pill-active-text); } /*=====================================*/ .payment-buttons button { text-transform: capitalize; } .payment-buttons, .status-buttons{ display: flex; border: 1px solid var(--homey-border-color); border-radius: 6px; overflow: hidden; background: var(--homey-white-bg); gap:0; } /* buttons */ .payment-buttons button, .status-buttons button{ flex: 1; padding: 8px 22px; border: none; background: transparent; cursor: pointer; font-size: 15px; font-weight: 500; color: var(--btn-grey-dark); transition: background-color 0.2s ease; white-space: nowrap; } /* divider effect (optional clean separation) */ .en_lg .payment-buttons button:not(:last-child), .en_lg .status-buttons button:not(:last-child){ border-right: 1px solid var(--homey-divider-color); } .ar_lg .payment-buttons button:not(:last-child), .ar_lg .status-buttons button:not(:last-child){ border-left: 1px solid var(--homey-divider-color); } /* active state */ .payment-buttons button.active, .status-buttons button.active{ color: var(--homey-active-blue); background-color: var(--homey-active-bg); } /* hover */ /* .payment-buttons button:hover, .status-buttons button:hover{ background: rgba(0,0,0,0.05); } */ .sliders-control { position: relative; height: 25px; } .slider-track { position: absolute; top: 50%; left: 0; right: 0; height: 4px; transform: translateY(-50%); border-radius: 2px; pointer-events: none; z-index: 1; } .range-wrap input[type="range"] { background: transparent !important; pointer-events: none; /* track no longer clickable */ } .range-wrap input[type="range"]::-webkit-slider-thumb, .range-wrap input[type="range"]::-moz-range-thumb { pointer-events: auto; /* only the thumb is draggable */ } input[type="range"]::-moz-range-thumb { width: 25px !important; height: 25px !important; } #mobile-search-form input[name="installments"]::placeholder, #mobile-search-form input[name="downpayment"]::placeholder { color: var(--homey-placeholder) !important; font-size: 14px; } /*=====================================*/ #mobile-search-form .range-text { margin-right: 8px; margin-left: 8px; } #mobile-search-form .features-subtitle, #mobile-search-form .mobile-general-title, #mobile-search-form .mobile-advanced-title, #mobile-search-form .mobile-sale-details-title, #mobile-search-form .mobile-areas-title, #mobile-search-form .mobile-area-title, #mobile-search-form .beds-title, #mobile-search-form .baths-title, #mobile-search-form .mobile-pricing-title{ font-size: 16px; font-weight: 700; } #mobile-search-form .beds-title, #mobile-search-form .baths-title, #mobile-search-form .mobile-areas-title{ padding:0 7px; } #mobile-search-form .range-wrap .range-text{font-size:14px !important} #desktop-search-form .features-list, #desktop-header-search .features-list{ display: flex; gap: 20px; } #desktop-search-form .pill-text, #desktop-header-search .pill-text{ margin: 0 7px; color: var(--homey-grey-light); font-weight: 400; font-size: 13px; } #desktop-search-form .features-subtitle, #desktop-header-search .features-subtitle { font-size: 14px; font-weight: 600; margin-bottom: 10px; color: var(--homey-grey-cool); text-transform: uppercase; letter-spacing: .03em; } /*=====================================*/ .overlay-search-advanced-module .features-list-wrap { text-align: unset !important; } /* Container spacing */ #mobile-search-form .features-list { display: flex; flex-wrap: wrap; gap: 8px; } #mobile-search-form .features-group { margin-bottom: 10px; } /* Hide checkbox */ #mobile-search-form .feature-pill input { display: none; } /* Pill base */ #mobile-search-form .feature-pill { display: inline-block; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--homey-divider-color); background: var(--homey-white-bg); font-size: 14px; font-weight: 500; color: var(--btn-grey-dark); cursor: pointer; transition: background-color 0.2s ease; } /* Hover */ /* .feature-pill:hover { border-color: #51bbd6; } */ /* Active (checked) */ #mobile-search-form .feature-pill:has(input:checked) { background-color: var(--homey-pill-active-bg); border-color: var(--homey-pill-active-border); color: var(--homey-pill-active-text); } /* Text */ #mobile-search-form .pill-text { pointer-events: none; } .col-12:has(.status-wrapper), #mobile-search-form .pricing-fields, #mobile-search-form .area-fields, #mobile-search-form .general-fields, #mobile-search-form .sale-details-fields { position: relative; padding-bottom: 15px !important; /* space for divider */ margin-top: 0; } .col-12:has(.status-wrapper)::after, #mobile-search-form .pricing-fields::after, #mobile-search-form .area-fields::after, #mobile-search-form .general-fields::after, #mobile-search-form .sale-details-fields::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: var(--homey-divider-color); } #mobile-search-form .pricing-fields, #mobile-search-form .general-fields, #mobile-search-form .advanced-fields, #mobile-search-form .sale-details-fields, #mobile-search-form .area-fields{ position:relative; display:flex; flex-wrap:wrap; padding:0; margin: 0 !important; } #overlay-search-advanced-module .search-title{ background: var(--homey-mobile-search-bg); position: sticky; width: 100%; /* background: white; */ top: 0; z-index: 2; padding: 15px; box-shadow: 0px 0px 10px 0px var(--homey-shadow-soft); } #mobile-search-form{padding:15px;background: var(--homey-mobile-search-bg);} #mobile-search-form > .row {margin: 0 !important} /* Style max Search fields Alert */ .MaxSearchFieldsAlert { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--homey-white-bg); z-index: 10000; border-radius: 10px; padding: 10px 25px; width: 280px; box-sizing: border-box; display: none; border: 1px solid var(--homey-border-soft); box-shadow: 0 2px 10px var(--homey-shadow-soft); } .MaxSearchFieldsAlert .alert-maxSearch { display: block; text-align: center; margin-bottom: 10px; font-size: 16px; line-height: 1.5; } .MaxSearchFieldsAlert .close-maxSearch { position: absolute; top: 5px; right: 10px; cursor: pointer; font-size: 20px; } .MaxSearchFieldsAlert .ok-btn { display: block; margin: 10px auto 0; padding: 7px 20px; background-color: var(--homey-main-blue); color: var(--homey-white-font); border: none; border-radius: 5px; cursor: pointer; font-size: 14px; text-align: center; } .MaxSearchFieldsAlert .ok-btn:hover { background-color: var(--homey-main-blue-hover); /* Slightly darker shade for hover effect */ } /* =========================================================================== */ /* =============================== Support pages Design =============================== */ /*================================================*/ /*Adjust agency blcok after make the entire block clickable */ .agency-grid-container,.agent-grid-container { color: inherit; } .agency-grid-container:hover,.agency-grid-container:active, .agent-grid-container:hover,.agent-grid-container:active{ text-decoration: none !important; color: inherit; } .agencies-grid-view .agency-grid-wrap:hover,.agents-grid-view .agent-grid-wrap:hover { box-shadow: 0px 2px 10px 0px var(--homey-shadow-strong); } .agencies-grid-view .agency-grid-wrap,.agents-grid-view .agent-grid-wrap { transition: 0.3s; } #agency-name{margin-top:auto;} .agency-grid-image-wrap{ flex: 1; } .agent-languages-list{display:none;} .agent-grid-content-wrap{ flex: 1; } .agent-grid-content-wrap .btn{ margin-top: auto; } /* #nhsjwlbg_agent_search-1,#nhsjwlbg_agency_search-1{display:none;} */ #project-container p,#developer-container p {margin-bottom:0 !important;cursor:pointer;} #areaSearch,#developerSearch,#projectSearch { margin-bottom: 30px; padding: 5px 10px; border: 1px solid var(--homey-border-soft); border-radius: 5px; } .tax-search-wrapper{ width: 100%; max-width:1140px; display: flex; justify-content: end; margin: 0 auto; } #developer-container { background: var(--homey-white-bg); } /* ####################################################################### */ /* Style loading sign for page transition */ /* ####################################################################### */ #site-click-loader { position: fixed; inset: 0; background: var(--homey-loader-overlay); z-index: 999999; display: none; align-items: center; justify-content: center; } #site-click-loader.is-active { display: flex; } /* Premium Light Gray Spinner */ .loader { /* width: 56px; */ width: 48px; aspect-ratio: 1; border-radius: 50%; /* border: 6px solid #f5f5f5; border-right-color: #c7cdd4; */ Border: 6px solid var(--homey-page-bg); border-right-color: var(--homey-loader-ring); position: relative; animation: l24 3s infinite linear; } .loader:before, .loader:after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: inherit; animation: inherit; } .loader:before { animation-duration: 6s; } .loader:after { animation-duration: 12s; } @keyframes l24 { to { transform: rotate(360deg); } } /* ####################################################################### */ /* V2 Style loading sign for page transition V2*/ /* ####################################################################### */ /* #site-click-loader { position: fixed; inset: 0; background: rgba(255,255,255,2.0); z-index: 999999; display: none; align-items: center; justify-content: center; } #site-click-loader.is-active { display: flex; } /* CSS Loaders - Spinner 24 style */ .loader { width: 60px; aspect-ratio: 1; border-radius: 50%; border: 9px solid transparent; border-right-color: var(--homey-loader-ring-alpha); position: relative; animation: siteLoaderSpin24 1.8s infinite linear; } .loader:before, .loader:after { content: ""; position: absolute; inset: -9px; border-radius: 50%; border: inherit; animation: inherit; } .loader:before { animation-duration: 3.6s; } .loader:after { animation-duration: 7.2s; } @keyframes siteLoaderSpin24 { 100% { transform: rotate(360deg); } } */ /* ################################################################################## */ /* # NEW CHANGES ################################################################## */ /* ################################################################################## */ /* Ceter the next and prev buttons in lightbox gallery and limit images height to screen */ .is_propertyPage .lightbox-gallery .slick-list {height: 100% !important;} .is_propertyPage .lightbox-gallery .slick-list .img-fluid {max-height: 80vh;} /* Adjut the top spacing in the dashboard pages to be aligned */ .dashboard-content .container {padding :0;} .dashboard-content .heading.d-flex{align-items: initial !important;} @media (max-width: 1024px ) { /* Solve the IOS AI Chat Zoom problem for font-size below 16px */ .chat-footer { font-size: 16px !important; } /* Map */ /* .is_srch .mapboxgl-canvas { position: fixed !important; width: 100% !important; top: 65px !important; } .is_srch .map-zoom-actions { bottom: 0px !important; } */ .is_srch #map-view-wrap { position: fixed !important; height: calc(100% - 122px) !important;} #map-view-wrap:has(.map-wrap.nhsjwlbg-fullscreen-map) {z-index: 1004;} } /* Style login message after redirection */ .hl-login-notice { display: none; background-color: var(--homey-notice-bg) !important; border: 2px solid var(--homey-notice-border) !important; border-radius: 4px !important; margin-top: 5px !important; padding: 3px 8px !important; margin: auto !important; width: fit-content !important; transition: top 0.5s ease-in-out; } .wpforms-container .hl-login-notice {display: block !important;} /* Add tolltip for Delivery date */ .delivery-wrapper { position: relative; } .fp-tooltip-icon { display: inline-flex; justify-content: center; align-items: center; width: 16px; height: 16px; margin-left: 6px; border-radius: 50%; background: var(--homey-near-black); color: var(--homey-white-font); font-size: 11px; cursor: help; position: absolute; top: 13px; } .en_lg .fp-tooltip-icon {right: 8px;} .ar_lg .fp-tooltip-icon{ left: 8px;} /* tooltip box */ .fp-tooltip-icon::after { content: attr(data-tooltip); position: absolute; bottom: 130%; left: 50%; transform: translateX(-50%); background: var(--homey-near-black); color: var(--homey-white-font); padding: 8px 10px; border-radius: 4px; font-size: 12px; white-space: nowrap; opacity: 0; visibility: hidden; transition: 0.2s ease; z-index: 9999; } /* arrow */ .fp-tooltip-icon::before { content: ""; position: absolute; bottom: 110%; left: 50%; transform: translateX(-50%); border-width: 5px; border-style: solid; border-color: var(--homey-near-black) transparent transparent transparent; opacity: 0; visibility: hidden; transition: 0.2s ease; } /* show on hover */ .fp-tooltip-icon:hover::after, .fp-tooltip-icon:hover::before { opacity: 1; visibility: visible; } /* Adjust Style of Description field after we changed to use text-area not wp-editor */ .hlaipd-plain-textarea:focus { outline: none; box-shadow: 0px 0px 10px 0px var(--homey-shadow-soft); } .hlaipd-plain-textarea { width: 100%; border: 1.5px solid var(--homey-textarea-border); border-radius: 8px; padding: 12px 14px; font-size: .9rem; font-family: inherit; line-height: 1.6 !important; color: var(--homey-textarea-text); resize: vertical; min-height: 180px !important; transition: border-color .2s; box-sizing: border-box; } .textarea-wrapper { position: relative; } .description-wrapper { margin-top: 25px; } /* Adjust google places dropdown on Geolocation field */ .pac-logo::after { content: none !important; } .pac-container.pac-logo{z-index: 1004;} /* progress Steps in add new property form */ .menu-edit-property-wrap { position: sticky; top: 50px; } .add-property-progress-wrap { background: var(--homey-panel-bg); border-radius: 8px; padding: 20px 16px; position: sticky; top: 40px; } .add-property-progress { position: relative; } .progress-step { position: relative; display: flex; align-items: center; gap: 12px; padding-bottom: 28px; } .progress-step:last-child { padding-bottom: 0; } .progress-step:not(:last-child)::before { content: ''; position: absolute; left: 11px; top: 24px; width: 2px; height: calc(100% - 24px); background: var(--homey-border-color); } .progress-step.completed:not(:last-child)::before { background: var(--hz-primary-color, var(--homey-main-blue)); } .progress-step-icon { flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; background: var(--homey-white-bg); border: 2px solid var(--homey-border-color); display: flex; align-items: center; justify-content: center; z-index: 1; } .progress-step-icon i { font-size: 12px; color: var(--homey-white-font); display: none; } .progress-step-label { color: var(--homey-placeholder); font-weight: 500; } .progress-step.active .progress-step-icon, .progress-step.completed .progress-step-icon { background: var(--hz-primary-color, var(--homey-main-blue)); border-color: var(--hz-primary-color, var(--homey-main-blue)); } .progress-step.active .progress-step-icon i, .progress-step.completed .progress-step-icon i { display: block; } .progress-step.active .progress-step-label, .progress-step.completed .progress-step-label { color: var(--homey-near-black); font-weight: 600; } .ar_lg .add-property-progress-wrap { direction: rtl; } .ar_lg .progress-step { padding-right: 0; padding-left: 0; } .ar_lg .progress-step:not(:last-child)::before { left: auto; right: 11px; } .ar_lg .progress-step-label { text-align: right; } .ar_lg .progress-step { align-items: flex-start; } .ar_lg .progress-step-icon { margin-top: 2px; } /* Adjust Add new property form */ #submit_property_form .form-group label { margin-bottom: .5rem; } #submit_property_form .form-group { margin-bottom: 1rem; } .add-property-progress-mobile { padding: 10px 14px; font-weight: 600; color: var(--homey-near-black); text-align: center; } .add-property-progress-mobile .steps-counter, .add-property-progress-mobile .steps-total { color: var(--hz-primary-color, var(--homey-main-blue)); } .downpayment-input-group, .installments-input-group, .price-input-group { position: relative; } /* .downpayment-input-group .form-control, .installments-input-group .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } */ .downpayment-type-toggle, .installments-type-toggle { display: flex; border: 1px solid var(--homey-toggle-border); border-left: none; border-radius: 6px; overflow: hidden; position: absolute; top: 0; right: 0; } .price-currency { background: var(--homey-panel-bg); border: 1px solid var(--homey-toggle-border); border-radius: 6px; font-size: 13px; font-weight: 500; color: var(--homey-grey-cool); white-space: nowrap; line-height: 40px; position: absolute; right: 0; top: 0; padding: 0 12px; } .ar_lg .price-currency { left : 0; right: unset; } .ar_lg .downpayment-type-toggle, .ar_lg .installments-type-toggle { left : 0; right: unset; } .downpayment-type-btn, .installments-type-btn{ background: var(--homey-panel-bg); border: none; padding: 0 16px; font-size: 13px; font-weight: 500; color: var(--homey-grey-cool); cursor: pointer; transition: all 0.15s ease; } .btn.installments-type-btn:hover, .btn.downpayment-type-btn:hover { background-color: var(--homey-toggle-border); } .downpayment-type-btn + .downpayment-type-btn, .installments-type-btn + .installments-type-btn { border-left: 1px solid var(--homey-toggle-border); } .downpayment-type-btn.active, .installments-type-btn.active { background: var(--homey-toggle-active-bg); color: var(--homey-toggle-active-text); } .downpayment-hint, .installments-hint { display: block; font-size: 12.5px; margin-top: 6px; color: var(--homey-hint-text); } .downpayment-hint.is-warning, .installments-hint.is-warning { color: var(--homey-warning-orange); } .downpayment-hint.is-info, .installments-hint.is-info { color: var(--homey-main-blue); } /* Style billing information form in fluentform and my account form */ .nhsjwlbg-billing-form-wrap { max-width: 480px; display: flex; flex-direction: column; gap: 16px; } .nhsjwlbg-billing-form-wrap .form-row { margin: 0; } .nhsjwlbg-billing-form-wrap label { display: block; font-size: 13px; font-weight: 600; color: var(--homey-near-black); margin-bottom: 6px; } .nhsjwlbg-billing-form-wrap .required { color: var(--homey-error-red); text-decoration: none; } .nhsjwlbg-billing-form-wrap .woocommerce-input-wrapper { display: block; } .nhsjwlbg-billing-form-wrap input.input-text, .nhsjwlbg-billing-form-wrap select { width: 100%; box-sizing: border-box; padding: 8px 14px; font-size: 15px; line-height: 1.4; border: 1px solid var(--homey-divider-color); border-radius: 6px; background: var(--homey-white-bg); color: var(--homey-near-black); transition: border-color 0.15s ease, box-shadow 0.15s ease; /* appearance: none; -webkit-appearance: none; */ } /* .nhsjwlbg-billing-form-wrap select { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px; } */ .nhsjwlbg-billing-form-wrap input.input-text:focus, .nhsjwlbg-billing-form-wrap select:focus { outline: none; border-color: var(--homey-main-blue); box-shadow: 0 0 0 3px var(--homey-focus-ring); } .nhsjwlbg-billing-form-wrap .nhsjwlbg-billing-submit { align-self: flex-start; padding: 8px 22px; background: var(--homey-main-blue); color: var(--homey-white-font); border: none; border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer; } .nhsjwlbg-billing-form-wrap .nhsjwlbg-billing-submit:hover { background: var(--homey-main-blue-hover); } .nhsjwlbg-billing-form-wrap .nhsjwlbg-billing-submit:disabled { background: var(--homey-main-blue-disabled); cursor: not-allowed; } .nhsjwlbg-billing-form-wrap .nhsjwlbg-billing-message { display: none; font-size: 13px; font-weight: 500; } .nhsjwlbg-billing-form-wrap .nhsjwlbg-field-error { border-color: var(--homey-error-red) !important; box-shadow: 0 0 0 3px var(--homey-error-ring) !important; } .nhsjwlbg-btn-spinner { display: none; width: 14px; height: 14px; margin-left: 8px; vertical-align: middle; border: 2px solid var(--homey-spinner-track); border-top-color: var(--homey-main-blue); border-radius: 50%; animation: nhsjwlbg-spin 0.6s linear infinite; } .nhsjwlbg-btn-spinner.is-active { display: inline-block; } @keyframes nhsjwlbg-spin { to { transform: rotate(360deg); } } .ff-btn-next.nhsjwlbg-btn-loading { opacity: 0.7; cursor: not-allowed; } .choices__item.choices__item--selectable { background-color: var(--homey-chip-bg) !important; color: var(--homey-black-333-color) !important; border: 1px solid var(--homey-choices-border) !important; } .frm-kmhygs .choices[data-type*="select-multiple"] .choices__button { background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000' fill-rule='evenodd'%3E%3Cpath d='M2.592.044l18.364 18.364-2.548 2.548L.044 2.592z'/%3E%3Cpath d='M0 18.364L18.364 0l2.548 2.548L2.548 20.912z'/%3E%3C/g%3E%3C/svg%3E")!important; border-left: 1px solid var(--homey-black-color)!important; } .frm-kmhygs .choices[data-type*="select-multiple"] .choices__button:focus, .frm-kmhygs .choices[data-type*="select-multiple"] .choices__button:hover { background-color: unset; } .fluentform .ff-step-titles li::before { z-index: 2 !important; } /* manage elements colors with root variables */ .is_homepage .nhsjwlbg-search-builder-wrapper .nhsjwlbg-search-button #desktop-header-search .btn.btn-search, #mobile-search-form .half-map-search-js-btn, #desktop-search-form .half-map-search-js-btn, #select_user_profile_photo.btn-primary, .nhsjwlbg-submit-button.nhsjwlbg-contact-form-js, .dashboard-search-filter .btn, .btn-primary, .ff-btn-submit{ background-color: var(--homey-main-blue)!important; } .is_homepage .nhsjwlbg-search-builder-wrapper .nhsjwlbg-search-button{ border-color: var(--homey-main-blue)!important; } .dashboard-sidebar, .sidebar-logo, footer .elementor > .e-parent:nth-child(1) { background-color: var(--homey-gray-field)!important; } /* footer .elementor > .e-parent:nth-child(2) { background-color: var(--brand-footer-dusk)!important; } */ #header-top-bar, footer .elementor > .e-parent:nth-child(2) { background-color: var(--brand-topline-deep)!important; } #nhsjwlbg-search-tabs-wrap .nav-link.active { color: var(--homey-active-blue)!important; background-color: var(--homey-active-bg)!important; } header .main-ele-nav .nav-link:hover{ color: var(--homey-light-blue) !important; fill: var(--homey-light-blue) !important; } .navbar-nav > .nav-item:hover > a::before{ color: var(--homey-light-blue) !important; } /* Funnelkit thank you page Style */ #thank-you-header{ background-color: var(--homey-active-bg) !important; } #thank-you-header .e-font-icon-svg.e-fas-check-circle { fill: var(--status-success) !important; } #packages-landing { display: none; } #guest-landing { display: none; } body.is_loggedIn #packages-landing { display: block; } body.not_loggedIn #guest-landing { display: block; } /* Style packages Title in pricing page */ .hz-packages-title { font-weight: 600; font-size: 24px; } /* logged in nav menu and submenu design */ /* Submenu toggle row: label on the left, arrow on the right */ .logged-in-nav .has-submenu > a.submenu-toggle { display: flex; align-items: center; } /* Arrow: points down when closed, up when open */ .logged-in-nav .submenu-arrow { margin-left: auto; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); /* down */ transition: transform .2s ease; } .logged-in-nav .has-submenu.open > a .submenu-arrow { transform: rotate(-135deg); /* up */ } /* Submenu hidden until opened */ .logged-in-nav .submenu { display: none; list-style: none; margin: 0; padding: 0 0 0 28px; } .logged-in-nav .has-submenu.open > .submenu { display: block; } .logged-in-nav .submenu a { display: block; padding: 8px 15px; } /* ////////////////////////////////////////////////////////////// */ /* //////////// Developers and single developer page ////////////*/ /* ////////////////////////////////////////////////////////////// */ /* Single developer */ .dev-hero { position: relative; min-height: 260px; background-size: cover; background-position: center; } .dev-hero-overlay { display: flex; flex-direction: column; justify-content: center; min-height: 260px; padding: 40px 8%; color: #fff; background: rgba(40, 80, 130, 0.55); } .dev-hero h1 { margin: 0 0 10px; color: #fff; } .dev-hero-sub { margin: 0; font-size: 18px; } .dev-wrap { max-width: 1200px; margin: 0 auto; padding: 40px 20px; } .dev-logo { margin-bottom: 30px; } .dev-logo img { max-width: 260px; height: auto; } .dev-areas-title { margin: 50px 0 30px; text-align: center; } .dev-areas-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; } .dev-area-card { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 280px; padding: 20px; overflow: hidden; color: #fff; background: #9aa0a6 center / cover no-repeat; border-radius: 4px; } .dev-area-card::before { position: absolute; inset: 0; content: ""; background: linear-gradient(transparent 40%, rgba(0, 0, 0, 0.6)); } .dev-area-card span { position: relative; } .dev-area-name { font-size: 20px; font-weight: 600; } .dev-area-count { font-size: 12px; text-transform: uppercase; } /* Developers list */ .dev-list-intro { width: 100%; max-width: none; margin: 0; padding: 0; } .dev-list-wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px 60px; } .dev-search { display: block; width: 300px; max-width: 100%; margin: 0 0 30px auto; padding: 10px 14px; border: 1px solid #ddd; border-radius: 4px; } .dev-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; } .dev-item { display: flex; flex-direction: column; align-items: center; padding: 24px 16px; text-align: center; background: #fff; border: 1px solid #eee; border-radius: 4px; } .dev-item-logo { display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; margin-bottom: 12px; overflow: hidden; border: 1px solid #eee; border-radius: 50%; } .dev-item-logo img { max-width: 100%; height: auto; } .dev-item-name { font-weight: 600; } .dev-compounds-count { color: #555; font-size: 14px; } /* ////////////////////////////////////////////////////////////// */ /* ///// fluent forms -verify your number -OTP instructions //////*/ /* ////////////////////////////////////////////////////////////// */ /* ========================================= HomeyLinks - OTP Verification Steps ========================================= */ .homey-otp-steps { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding: 15px 20px; background: var(--brand-light-bg); border-radius: 8px; box-sizing: border-box; font-family: inherit; } .homey-otp-steps *, .homey-otp-steps *::before, .homey-otp-steps *::after { box-sizing: border-box; } /* Individual steps */ .homey-otp-step { display: flex; align-items: center; gap: 16px; flex: 1; min-width: 0; } /* Circular icon background */ .homey-otp-icon { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; min-width: 52px; border-radius: 50%; background: var(--homey-white-bg); color: var(--brand-dark); } /* Font Awesome icons */ .homey-otp-icon i { font-size: 26px; line-height: 1; } /* Text */ .homey-otp-content { min-width: 0; } .homey-otp-content h3 { margin: 0 0 5px; padding: 0; font-size: 16px; font-weight: 700; line-height: 1.4; color: var(--brand-text-navy); } .homey-otp-content p { margin: 0; padding: 0; font-size: 14px; font-weight: 400; line-height: 1.5; color: var(--neutral-dark); } /* Arrows */ .homey-otp-arrow { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 22px; height: 28px; color: var(--brand-primary); } .homey-otp-arrow i { font-size: 18px; line-height: 1; } #mo_send_otp_9 { background: var(--brand-light-bg); } /* ========================================= Tablet ========================================= */ @media (max-width: 1024px) { .homey-otp-steps { gap: 12px; padding: 20px; } .homey-otp-step { gap: 10px; } .homey-otp-icon { width: 52px; height: 52px; min-width: 52px; } .homey-otp-icon i { font-size: 26px; } .homey-otp-content h3 { font-size: 16px; } .homey-otp-content p { font-size: 13px; } .homey-otp-arrow { width: 18px; } .homey-otp-arrow i { font-size: 18px; } } /* ========================================= Mobile ========================================= */ @media (max-width: 767px) { .homey-otp-steps { flex-direction: column; align-items: stretch; gap: 12px; padding: 20px; border-radius: 14px; } .homey-otp-step { flex: initial; gap: 14px; } .homey-otp-icon { width: 52px; height: 52px; min-width: 52px; } .homey-otp-icon i { font-size: 23px; } .homey-otp-content h3 { font-size: 16px; } .homey-otp-content p { font-size: 14px; } .homey-otp-arrow { transform: rotate(90deg); margin-left: 13px; height: 20px; } .homey-otp-arrow i { font-size: 18px; } }