/*
Theme Name: Divi Child
Theme URI: https://diviextended.com/
Version: 1.0
Description: Child Theme of Divi
Author: Divi Extended
Template: Divi
*/
@import url("../Divi/style.css");

.wpforms-form button[type=submit] {
    background-color: #A83A23 !important;
    border-color: #A83A23 !important;
    color: #fff !important;
    transition: background 0.3s ease-in-out;
}
 
.wpforms-form button[type=submit]:hover {
    background-color: #A83A23 !important;
}

/* Center WPForms Form Horizontally */
.wpforms-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

/* Ensure form itself is centered within the container */
.wpforms-form {
    max-width: 600px; /* Optional: Set a max width for the form */
    width: 100%;
}

/* Container for WPForms - Center the form with 40px margins */
.wpforms-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  
    margin: 0px auto; /* 40px margin around the container */
    padding: 0px; /* Padding around the form */
    box-sizing: border-box; /* Include padding in the element's total width/height */
}

/* Form styling */
.wpforms-form {
    max-width: 600px; /* Optional: Set a max width for the form */
    width: 100%; /* Ensure the form takes up the full container width up to max-width */
    padding: 0px; /* Padding around the inside of the form */
    background-color: rgba(0, 0, 0, 0.0); /* Optional: Set a background color for the form */
    border-radius: 8px; /* Optional: Add rounded corners to the form */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow around the form */
}

/* Optional: Styling for the form fields */
.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="tel"],
.wpforms-field textarea {
    width: 100%;
    padding: 0px;
    margin-bottom: 0px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 16px;
}

/* Optional: WPForms submit button styling */
.wpforms-submit {
    background-color: #A83A23 !important;;
    color: #ffffff;
    padding: 0px 0px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
}
.wpforms-submit:hover {
    background-color: #6f943c;
}