/*     contactus.css-C-O26-1e   946p */

         /* 1.  Display text with the h2 heading on the same line  */
        .inline-heading {
        display: inline;
	    margin: 0;  /* Optional: removes default browser margins  */
        }

         /* 2. Hide the field completely from human sight  */
        .hidden-field {
        display: none !important;
        }

        /* 3.  Keeps the layout clean but prevents the row from stretching too wide */
        .subject-row {
        max-width: 500px; /* Adjust this value to your preferred width */
        }

        /*  4. Ensures the input field itself matches the smaller container */
        .subject-row input {
        width: 100%;
        }

        /* 5 . Style inputs with type="text", select elements and textareas */
        input[type=text], select, textarea {
        width: 100%; /* Full width */
        padding: 12px; /* Some padding */ 
        border: 1px solid #ccc; /* Gray border */
        border-radius: 4px; /* Rounded borders */
        box-sizing: border-box; /* Make sure that padding and width stays in place */
        margin-top: 6px; /* Add a top margin */
        margin-bottom: 16px; /* Bottom margin */
        resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
        }

        /* 6. Container to sit items side-by-side */
        .input-row {
        display: flex;
        gap: 16px; /* Adds space between the two inputs */
        }

        /*  7.  REMARKED OUT - Forces each input group to take up equal width */
            /*  .input-group {
                 flex: 1; 
                 }
            */

        /* 8. Style the submit button with a specific background color etc */
        .g-recaptcha {
        background-color: #04AA6D;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        }

        /* 9. When moving the mouse over the submit button, add a darker green color 
        .g-recaptcha input[type=submit]:hover { 
        background-color: #45a049; 
        }

        /* 10. Add a background color and some padding around the form */
        .container {
        border-radius: 5px;
        background-color: #f2f2f2;
        padding: 20px;
        }