.elementor-138 .elementor-element.elementor-element-4d98e37 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-138 .elementor-element.elementor-element-4d98e37 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for hivepress-listing-search-form, class: .elementor-element-4d98e37 *//* 1. Target the main container */
.hp-form--listing-search {
    background-color: #0b2247 !important;
    padding: 10px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 5px !important;
    border-radius: 0 !important;
}

/* 2. Input box styling */
.hp-form--listing-search .hp-field {
    flex-grow: 1 !important;
    margin-bottom: 0 !important;
}

.hp-form--listing-search input[type="text"], 
.hp-form--listing-search input[type="search"] {
    background-color: #ffffff !important;
    color: #333 !important;
    border-radius: 20px !important;
    border: none !important;
    padding: 0 15px !important;
    height: 40px !important;
    width: 100% !important;
    font-size: 14px !important; /* Set size for mobile/desktop */
}

/* 3. Placeholder styling - Made grey so it is visible on white background */
.hp-form--listing-search input::placeholder {
    color: grey !important; 
    font-size: 14px !important;
    opacity: 1;
}

/* 4. Hide the submit button */
.hp-form--listing-search button[type="submit"] {
    display: none !important;
}/* End custom CSS */