.elementor-3310 .elementor-element.elementor-element-f593128{--display:flex;--min-height:100vh;}.elementor-3310 .elementor-element.elementor-element-7d212b7{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-3310 .elementor-element.elementor-element-7d212b7 > .elementor-widget-container{margin:30px 0px 30px 0px;}.elementor-3310 .elementor-element.elementor-element-7d212b7.elementor-element{--align-self:center;}.elementor-3310 .elementor-element.elementor-element-7d212b7 .elementor-heading-title{font-family:"DM Serif Display", dm serif display;font-size:40px;font-weight:600;line-height:30px;letter-spacing:1px;color:#5A3D30;}.elementor-3310 .elementor-element.elementor-element-0afc76d{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-3310 .elementor-element.elementor-element-0afc76d.elementor-element{--align-self:center;}/* Start custom CSS for wpforms, class: .elementor-element-0afc76d *//* --- Import DM Serif Display font if not already imported in your theme --- */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Arial&display=swap');


/* --- Ecomoda WPForms Custom Styles --- */

/* Define your primary brand color (button color) as a CSS variable for easier management */
:root {
    --ecomoda-primary-color: #5A3D30;
    --ecomoda-hover-color: #4A2E22; /* Slightly darker for hover */
    --ecomoda-text-color: #5A3D30; /* Main text color */
    --ecomoda-placeholder-color: rgba(90, 61, 48, 0.7); /* Lighter version for placeholders */
}


/* General Body Text Color (Optional - apply if you want all text on the contact page to be this color) */
/* If this is just for the form, you might skip this or apply it more specifically */
/* body {
    color: var(--ecomoda-text-color);
} */

/* 1. Button Color (background and border) */
.wpforms-container .wpforms-form button[type="submit"] {
    background-color: var(--ecomoda-primary-color) !important;
    border-color: var(--ecomoda-primary-color) !important;
    color: #ffffff !important; /* Keep button text white for contrast */
    padding: 12px 25px !important;
    border-radius: 5px !important;
    transition: background-color 0.3s ease;
}

.wpforms-container .wpforms-form button[type="submit"]:hover {
    background-color: var(--ecomoda-hover-color) !important;
    border-color: var(--ecomoda-hover-color) !important;
}

/* 2. DM Serif Display Font for Labels and Button Text */
/* Applying to labels for field titles */
.wpforms-container .wpforms-form .wpforms-field-label {
    font-family: 'DM Serif Display', serif !important;
    font-size: 1.5em !important;
    color: var(--ecomoda-text-color) !important; /* Label color matches button color */
}

/* Applying to the submit button text (font already set above in button styles) */
/* .wpforms-container .wpforms-form button[type="submit"] {
    font-family: 'DM Serif Display', serif !important;
    font-size: 1.2em !important;
} */


/* 3. Thicker Field Borders and Focus State */
.wpforms-container .wpforms-form input[type="text"],
.wpforms-container .wpforms-form input[type="email"],
.wpforms-container .wpforms-form textarea {
    border: 2px solid var(--ecomoda-primary-color) !important; /* Border color matches button color */
    padding: 12px !important;
    color: var(--ecomoda-text-color) !important; /* Text input color matches button color */
}

/* Optional: Darken border on focus for better UX */
.wpforms-container .wpforms-form input[type="text"]:focus,
.wpforms-container .wpforms-form input[type="email"]:focus,
.wpforms-container .wpforms-form textarea:focus {
    border-color: var(--ecomoda-hover-color) !important; /* Darker border on focus */
    box-shadow: 0 0 5px var(--ecomoda-primary-color, 0.3) !important;
}

/* 4. Placeholder Text Color */
.wpforms-container .wpforms-form ::-webkit-input-placeholder { /* Webkit browsers (Chrome, Safari) */
    color: var(--ecomoda-placeholder-color) !important;
    opacity: 1 !important;
}
.wpforms-container .wpforms-form ::-moz-placeholder { /* Firefox 19+ */
    color: var(--ecomoda-placeholder-color) !important;
    opacity: 1 !important;
}
.wpforms-container .wpforms-form :-ms-input-placeholder { /* IE 10+ */
    color: var(--ecomoda-placeholder-color) !important;
}
.wpforms-container .wpforms-form ::placeholder { /* Standard syntax */
    color: var(--ecomoda-placeholder-color) !important;
    opacity: 1 !important;
}

/* Ensure input text font is readable (not DM Serif Display) */
.wpforms-container .wpforms-form input[type="text"],
.wpforms-container .wpforms-form input[type="email"],
.wpforms-container .wpforms-form textarea {
    font-family: Arial, sans-serif !important; /* Keep input text readable */
}

/* Adjustments for WPForms specific multi-part names (First/Last) */
.wpforms-container .wpforms-form .wpforms-field-name-first label.wpforms-field-label-after-desc,
.wpforms-container .wpforms-form .wpforms-field-name-last label.wpforms-field-label-after-desc {
    font-family: Arial, sans-serif !important; /* Keep sub-labels readable */
    font-size: 0.8em !important;
    color: var(--ecomoda-text-color) !important; /* Sub-label color matches button color */
    font-weight: normal !important;
}

/* Optional: For any other general text within the form container if not covered */
/* .wpforms-container .wpforms-form p,
.wpforms-container .wpforms-form li,
.wpforms-container .wpforms-form span {
    color: var(--ecomoda-text-color) !important;
} *//* End custom CSS */