/* -----------------------------
   Contact Form 7 - Uniform Fields
-------------------------------*/

/* Style all text inputs, email inputs, and textarea uniformly */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    width: 100%;            /* full width of container */
    max-width: 500px;       /* optional: prevents overly wide fields on large screens */
    padding: 10px;          /* consistent padding */
    border: 1px solid #ccc; /* consistent border */
    box-sizing: border-box;  /* includes padding & border in width */
    font-size: 16px;        /* same font size for all fields */
    border-radius: 5px;     /* rounded corners */
    margin-bottom: 15px;    /* spacing between fields */
}

/* Force textarea to 4 rows high */
.wpcf7 textarea {
    min-height: 80px;       /* roughly 4 rows depending on font size */
    resize: vertical;       /* allows user to expand if needed */
}

/* -----------------------------
   Contact Form 7 - Submit Button
-------------------------------*/
.wpcf7 input[type="submit"] {
    background-color: #003366; /* dark blue (replace if needed) */
    color: #ffffff;            /* text color */
    border: none;
    padding: 12px 25px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Hover effect for submit button */
.wpcf7 input[type="submit"]:hover {
    background-color: #002244; /* slightly darker shade on hover */
}

/* Optional: responsive spacing for smaller screens */
@media (max-width: 768px) {
    .wpcf7 input[type="text"],
    .wpcf7 input[type="email"],
    .wpcf7 textarea {
        max-width: 100%;
    }
}