All Listings

/* ========================================= SYNDESIS SEARCH BAR & FILTERS STYLING ========================================= */ /* 1. Search Bar Container Wrapper */ .directorist-search-form-wrap, .atbd_search_form { background: #FFFFFF !important; border-radius: 12px !important; padding: 20px !important; box-shadow: 0 4px 16px rgba(10, 22, 40, 0.04) !important; border: 1px solid rgba(15,23,42,0.06) !important; margin-bottom: 35px !important; /* Breathing room above the grid */ } /* 2. Input Fields & Dropdowns (Categories, Locations) */ .directorist-search-form-wrap input[type=”text”], .directorist-search-form-wrap select, .directorist-search-field, .directorist-select__control { background: #F8FAFC !important; border: 1.5px solid rgba(15,23,42,0.08) !important; border-radius: 8px !important; padding: 12px 16px !important; font-family: ‘Poppins’, sans-serif !important; font-size: 14px !important; color: #0A1628 !important; /* Syndesis Navy */ transition: all 0.3s ease !important; box-shadow: none !important; } /* 3. Input Focus State (Glows Syndesis Blue when typing) */ .directorist-search-form-wrap input[type=”text”]:focus, .directorist-search-form-wrap select:focus, .directorist-search-field:focus-within, .directorist-select__control–is-focused { background: #FFFFFF !important; border-color: #00D2FF !important; box-shadow: 0 0 0 3px rgba(0, 210, 255, 0.1) !important; outline: none !important; } /* 4. The Main Search Button (Vibrant Red) */ .directorist-search-form-wrap .directorist-btn-search, .directorist-search-form-wrap button[type=”submit”], .atbd_search_form .atbd_submit_btn { background: #FF2A54 !important; color: #FFFFFF !important; border: none !important; border-radius: 8px !important; font-weight: 700 !important; font-family: ‘Poppins’, sans-serif !important; letter-spacing: 0.5px !important; padding: 12px 28px !important; transition: all 0.3s ease !important; box-shadow: 0 4px 12px rgba(255, 42, 84, 0.25) !important; text-transform: uppercase !important; font-size: 13.5px !important; } /* Button Hover Lift */ .directorist-search-form-wrap .directorist-btn-search:hover, .directorist-search-form-wrap button[type=”submit”]:hover, .atbd_search_form .atbd_submit_btn:hover { background: #CC1F40 !important; /* Darker Red */ transform: translateY(-2px) !important; box-shadow: 0 6px 18px rgba(255, 42, 84, 0.35) !important; } /* 5. “More Filters” Toggle Link */ .directorist-filter-toggle, .directorist-action-filter { color: #0A1628 !important; /* Navy */ font-weight: 600 !important; transition: color 0.2s ease !important; } .directorist-filter-toggle:hover, .directorist-action-filter:hover { color: #00D2FF !important; /* Hover Blue */ } /* 6. Clean up filter labels */ .directorist-search-form-wrap label { font-size: 13px !important; font-weight: 600 !important; color: #64748B !important; margin-bottom: 6px !important; }