/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

.geodir-search-form-wrapper.mb-3.search-bar-custom{
	margin-top: 10px !important;
    margin-bottom: 10px !important;
}


/* 1. Normal State: Exact Gray */
.search-bar-custom .btn-gray {
    background-color: #414042 !important;
    color: #ffffff !important;
    border: none !important;
    transition: background-color 0.3s ease, opacity 0.3s ease;
}

/* 2. Hover State: Lite Dim Effect */
.search-bar-custom .btn-gray:hover {
    background-color: #414042 !important; /* Keeps the base color */
    opacity: 0.85; /* Dims the color slightly to look "lighter" */
    color: #ffffff !important;
    cursor: pointer;
}

/* 3. Active/Focus State: Prevents color flashing when clicked */
.search-bar-custom .btn-gray:active, 
.search-bar-custom .btn-gray:focus {
    background-color: #414042 !important;
    outline: none !important;
    box-shadow: none !important;
}
body button.tbs-booking-button, .tbs-booking-button, [data-tbs-trigger="booking-modal"].tbs-booking-button, button[data-tbs-trigger="booking-modal"], .tbs-booking-button[data-tbs-trigger="booking-modal"] {
    font-size: 14px !important;
    padding: 11px 25px !important;

}