/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.2.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Shared storefront controls. */
.button, button, input[type="submit"], input[type="button"] {
    border-radius: 6px !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {
    box-shadow: 0 5px 14px rgba(15, 74, 126, 0.2);
}


/* ========================================================
   PREMIUM BLUE B2B DESIGN
   ======================================================== */
/* Native Flatsome search bar. */
.header-search-form form, .searchform {
    display: flex !important;
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #E2E8F0 !important;
    background: #F8FAFC !important;
}
.header-search-form input.search-field, .searchform input.search-field {
    flex: 1 !important;
    border: none !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    height: 44px !important;
    margin: 0 !important;
    color: #0A2540 !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}
.header-search-form button.ux-search-submit, .searchform button.submit-button {
    background: #0052CC !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 0 !important;
    width: 50px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
    position: relative !important;
}
.header-search-form button.ux-search-submit:hover, .searchform button.submit-button:hover {
    background: #0A2540 !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

}