/*
Theme Name:     Hello Elementor Child
Theme URI:      https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Description:    Child theme for Hello Elementor. Place your custom CSS here.
Author:         Your Name
Author URI:     https://example.com
Template:       hello-elementor
Version:        1.0.0
Text Domain:    hello-elementor-child
Tags:           accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*------------------------------------------
  Custom Child Theme CSS
  Place all your overrides here
-------------------------------------------*/



/* Add your custom CSS below this line */

/* Style the form wrapper */
form {
    background: #f9f9f9;   /* light gray background */
    border: 2px solid #663399; /* blue border */
    padding: 20px;
    border-radius: 8px;
    max-width: 1200px;
}

/* Labels */
form label {
    font-weight: bold;
    color: #333; /* dark text */
}

/* Inputs */
form input[type="text"],
form input[type="email"] {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Inputs focus effect */
form input[type="text"]:focus,
form input[type="email"]:focus {
    border-color: #663399; /* highlight on focus */
    outline: none;
}

/* Submit button */
form button[type="submit"] {
    background: #663399;   /* purple */
    color: #fff;           /* white text */
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* Hover effect for button */
form button[type="submit"]:hover {
    background: #CFA3FC;   /* darker blue */
}