.elementor-6190 .elementor-element.elementor-element-a3673f6{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-2c47fef *//* Target the CF7 form container */
.wpcf7-form {
    max-width: 800px; /* Prevents it from stretching full-width on desktop */
    margin: 0 auto; /* Centers the form */
    padding: 20px;
    background-color: #f9f9f9; /* Light background for contrast */
    border: 1px solid #ddd; /* Subtle border */
    border-radius: 8px; /* Rounded corners */
    font-family: Arial, sans-serif; /* Clean font */
}

/* Style section headings */
.wpcf7-form h4,
.wpcf7-form .section-title {
    font-size: 1.2em;
    font-weight: bold;
    margin: 20px 0 10px;
    color: #333; /* Darker text for emphasis */
    border-bottom: 1px solid #eee; /* Underline for separation */
}

/* Style labels (make them block-level for vertical stacking) */
.wpcf7-form label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #555;
}

/* Style text inputs, dates, and textareas */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea {
    width: 100%; /* Full width within container */
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box; /* Ensures padding doesn't add to width */
}

/* Style select dropdowns */
.wpcf7-form select {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Style checkboxes and radios (make them inline with labels) */
.wpcf7-form .wpcf7-checkbox,
.wpcf7-form .wpcf7-radio {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Space between options */
}

.wpcf7-form .wpcf7-checkbox .wpcf7-list-item,
.wpcf7-form .wpcf7-radio .wpcf7-list-item {
    margin: 0;
    display: flex;
    align-items: center;
}

/* Style the submit button */
.wpcf7-form input[type="submit"] {
    background-color: #007cba; /* WordPress blue */
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

.wpcf7-form input[type="submit"]:hover {
    background-color: #005f8f;
}

/* Conditional groups (target via plugin's data attribute if needed for specific tweaks) */
[data-class="wpcf7cf_group"] {
    margin-top: 20px; /* Extra space above groups */
}

/* Hide hidden groups properly (already handled by plugin, but reinforce) */
.wpcf7cf-hidden {
    display: none !important;
}

/* Media query for larger desktops (optional, for fine-tuning) */
@media (min-width: 1024px) {
    .wpcf7-form {
        max-width: 1000px; /* Wider on very large screens */
    }
}/* End custom CSS */