/* Custom CSS generated on Thu Jul 09 2026 10:31:05 GMT+0000 (Coordinated Universal Time) */ .sidx-container .sidx-main-app-body { background-color: rgb(255, 255, 255); color: rgb(85, 88, 99); font-family: 'Helvetica Neue', 'Roboto', 'Helvetica', 'Arial', sans-serif; } .sidx-container a { color: rgba(12, 108, 167, 1); } .sidx-container .sidx-listing-details .sidx-columns .sidx-heading { color: rgb(85, 88, 99); font-family: 'Helvetica Neue', 'Roboto', 'Helvetica', 'Arial', sans-serif; } .sidx-container .sidx-searchform .sidx-basic .sidx-field { background-color: rgb(85, 88, 99); color: rgb(233, 239, 242); } .sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions button { background-color: rgba(218, 37, 43, 1); color: rgb(249, 250, 251); } .sidx-container .sidx-search-results .sidx-search-result-grid-item:not(.sidx-search-result-grid-list-item) .sidx-actions { background-color: rgba(12, 108, 167, 1); border-color: rgba(12, 108, 167, 1) !important; color: rgb(249, 250, 251); } /* ========================================================================== 1 PERCENT LISTS - COMPLETE CUSTOM CSS Updated: Mobile Fixes ========================================================================== */ /* -------------------------------------------------------------------------- 1. LISTING DETAIL PAGE - ACTION BARS (Jumbo & Social) -------------------------------------------------------------------------- */ html body .sidx-container .sidx-primary-actions.sidx-primary-jumbo, html body .sidx-container .sidx-listing-social .sidx-primary-actions, html body .sidx-container .sidx-social-search-box .sidx-primary-actions { background-color: #0c6ca7 !important; border-color: #0c6ca7 !important; border-radius: 4px !important; } html body .sidx-container .sidx-primary-actions.sidx-primary-jumbo .sidx-primary-action i, html body .sidx-container .sidx-listing-social .sidx-primary-actions .sidx-primary-action i, html body .sidx-container .sidx-social-search-box .sidx-primary-actions .sidx-primary-action i { color: #ffffff !important; } html body .sidx-container .sidx-primary-actions.sidx-primary-jumbo .sidx-primary-action .sidx-primary-action-text, html body .sidx-container .sidx-listing-social .sidx-primary-actions .sidx-primary-action .sidx-primary-action-text, html body .sidx-container .sidx-social-search-box .sidx-primary-actions .sidx-primary-action .sidx-primary-action-text { color: #ffffff !important; font-weight: 700 !important; font-family: var(--sidx-body-font-family, "Open Sans", sans-serif) !important; opacity: 1 !important; letter-spacing: normal !important; } html body .sidx-container .sidx-primary-actions .sidx-primary-action:hover { background-color: rgba(0, 0, 0, 0.1) !important; } /* -------------------------------------------------------------------------- 2. SEARCH PAGE - "SAVE SEARCH" BUTTON -------------------------------------------------------------------------- */ html body .sidx-container .sidx-save-search-pill { background-color: #0c6ca7 !important; border-color: #0c6ca7 !important; color: #ffffff !important; opacity: 1 !important; box-shadow: none !important; text-shadow: none !important; background-image: none !important; } html body .sidx-container .sidx-save-search-pill i { color: #ffffff !important; } /* -------------------------------------------------------------------------- 3. FEATURED RIBBON - "NUCLEAR" FIX -------------------------------------------------------------------------- */ /* Target ANY element in the card that has the class 'featured' OR uses the Yellow color */ html body .sidx-container .sidx-listing-card [class*="featured"], html body .sidx-container .sidx-listing-card .sidx-status-banner, html body .sidx-container .sidx-listing-card [style*="rgb(255, 193, 7)"], /* Target the Yellow Color directly */ html body .sidx-container .sidx-listing-card [style*="#ffc107"] { background-color: #0c6ca7 !important; /* Force Blue */ color: transparent !important; /* Hide "FEATURED" text */ font-size: 0 !important; position: relative !important; visibility: visible !important; opacity: 1 !important; display: block !important; min-height: 20px !important; /* Ensure it has height */ } /* Sticker Overlay */ html body .sidx-container .sidx-listing-card [class*="featured"]::after, html body .sidx-container .sidx-listing-card .sidx-status-banner::after, html body .sidx-container .sidx-listing-card [style*="rgb(255, 193, 7)"]::after, html body .sidx-container .sidx-listing-card [style*="#ffc107"]::after { content: "1 Percent Lists Featured"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #ffffff !important; background-color: #0c6ca7 !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.5px; display: flex !important; align-items: center; justify-content: center; z-index: 999 !important; } /* -------------------------------------------------------------------------- 4. LISTING CARD FOOTER (The one you pointed to) -------------------------------------------------------------------------- */ html body .sidx-container .sidx-listing-card .sidx-listing-actions, html body .sidx-container .sidx-listing-card .sidx-card-actions { background-color: #0c6ca7 !important; border-color: #0c6ca7 !important; } /* Remove button backgrounds so the bar shows through */ html body .sidx-container .sidx-listing-card .sidx-listing-actions .sidx-action, html body .sidx-container .sidx-listing-card .sidx-card-actions .sidx-action { background-color: transparent !important; border: none !important; } html body .sidx-container .sidx-listing-card .sidx-listing-actions i, html body .sidx-container .sidx-listing-card .sidx-card-actions i { color: #ffffff !important; } /* -------------------------------------------------------------------------- 5. MOBILE SPECIFIC (Map Toggles & Sticky Footer) -------------------------------------------------------------------------- */ @media screen and (max-width: 768px) { html body .sidx-container .sidx-map-toggle-bar, html body .sidx-container .sidx-map-toggle-bar .sidx-toggle-button { background-color: #0c6ca7 !important; border-color: #0c6ca7 !important; } html body .sidx-container .sidx-mobile-footer-actions, html body .sidx-container .sidx-mobile-footer-actions .sidx-action-button { background-color: #0c6ca7 !important; border-color: #0c6ca7 !important; } html body .sidx-container .sidx-map-toggle-bar .sidx-toggle-button.active { background-color: #0a5c8e !important; } } /* ========================================================================== HOMEPAGE SEARCH BUTTON FIX (Nuclear Option) ========================================================================== */ /* 1. Target the button specifically by its "Search" functionality */ html body .sidx-container .sidx-search-bar-submit, /* Standard Horizontal Bar */ html body .sidx-container button[type="submit"], /* Generic Submit Buttons */ html body .sidx-container .sidx-submit-button, /* Alternative Class */ html body .sidx-container button[class*="search-submit"] /* Wildcard match */ { background-color: #da252b !important; /* Brand Red */ border-color: #da252b !important; color: #ffffff !important; /* Remove any default blue gradients or shadows */ background-image: none !important; box-shadow: none !important; text-shadow: none !important; opacity: 1 !important; } /* 2. Hover Effect */ html body .sidx-container .sidx-search-bar-submit:hover, html body .sidx-container button[type="submit"]:hover, html body .sidx-container .sidx-submit-button:hover, html body .sidx-container button[class*="search-submit"]:hover { background-color: #b81e24 !important; /* Darker Red */ cursor: pointer !important; }