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

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

/* Gravity Forms field borders */
body .gform_wrapper input[type="text"],
body .gform_wrapper input[type="email"],
body .gform_wrapper input[type="url"],
body .gform_wrapper input[type="tel"],
body .gform_wrapper input[type="number"],
body .gform_wrapper input[type="password"],
body .gform_wrapper textarea,
body .gform_wrapper select {
    border: 2px solid #2AABA7 !important;
    border-radius: 10px !important;
}

/* Gravity Forms field focus state */
body .gform_wrapper input[type="text"]:focus,
body .gform_wrapper input[type="email"]:focus,
body .gform_wrapper input[type="url"]:focus,
body .gform_wrapper input[type="tel"]:focus,
body .gform_wrapper input[type="number"]:focus,
body .gform_wrapper input[type="password"]:focus,
body .gform_wrapper textarea:focus,
body .gform_wrapper select:focus {
    border: 2px solid #161F35 !important;
    border-radius: 10px !important;
    outline: none; /* removes browser default outline */
}
/* Gravity Forms submit button styling */
body .gform_wrapper input[type="submit"],
body .gform_wrapper button[type="submit"] {
    background-color: #2AABA7 !important;
    border: none !important;
    border-radius: 20px !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    cursor: pointer;
}

/* Optional: Hover effect */
body .gform_wrapper input[type="submit"]:hover,
body .gform_wrapper button[type="submit"]:hover {
    background-color: #161F35 !important;
}

/* Style for pre-populated read-only fields */
.readonly-field input,
.readonly-field select,
.readonly-field textarea {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #666;
    cursor: not-allowed;
}

/* Optional: Add a subtle label to indicate pre-filled data */
.readonly-field label:after {
    content: " (pre-filled)";
    font-size: 0.8em;
    color: #999;
    font-style: italic;
}
#field_3_45 {
	margin-top:  -40px;
}
a {
	text-decoration: underline !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}