/* Make form container background transparent */
#lf_form_container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
    background: transparent; /* Set to transparent */
    border-radius: 0px;
    box-shadow: none; /* Remove box shadow if present */
}

/* Ensure labels are left-aligned, italicized, and white */
#lf_form_container label {
    text-align: left;
    color: #00a0d5;
    font-weight: bold;
    font-style: italic; /* Makes labels italic */
    display: block;
    margin-bottom: 5px;
}

/* Two-column layout for Name fields */
#lf_first_name_block, #lf_last_name_block,
#lf_email_block, #lf_phone_block {
    width: 48%;
    display: flex;
    flex-direction: column;
    float: left;
    margin-right: 4%;
}

/* Remove extra margin from last item in each row */
#lf_last_name_block, #lf_phone_block {
    margin-right: 0;
}

/* Full-width "Brief Description" field with increased height */
#lf_message_block {
    width: 100%;
    clear: both;
}

/* Increase height of the Brief Description field */
#lf_message_block textarea {
    height: 200px; /* Adjust height as needed */
}

/* Input Fields Styling */
#lf_form_container input[type="text"],
#lf_form_container input[type="email"],
#lf_form_container textarea {
    width: 100%;
    padding: 12px 20px;
    border: 1px solid #E0E1E1;
    border-radius: 2px;
    font-size: 17px;
    background: #ffffff;
    color: #000000;
}

/* Ensure placeholder text is readable */
#lf_form_container input::placeholder,
#lf_form_container textarea::placeholder {
    color: #2A2E30;
}

/* Add margin above submit button */
.buttons {
    margin-top: 20px; /* Adjust as needed */
    text-align: center;
}

/* Style the Submit Button */
#lf_form_container form input[type="submit"] {
    background-color: #000000;
    color: white;
    padding: 16px 28px;
    border: 2px solid #00a0d5; /* Adjust border thickness if needed */
    border-radius: 0px;
    font-size: 18px;
    cursor: pointer;
    width: auto; /* Not full width */
    font-weight: bold; /* Makes text bold */
    text-transform: capitalize; /* Capitalizes first letter of each word */
    display: inline-block;
    text-align: center;
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover effect */
}

/* Center Submit Button */
.buttons {
    text-align: center;
}

/* Hover State */
#lf_form_container input[type="submit"]:hover {
    background-color: #00a0d5; /* Solid color on hover */
    color: white; /* Ensure text remains visible */
    border-color: #00a0d5; /* Match border with background */
}

/* Force background color to be black */
#saveForm {
    background-color: #000000 !important; /* Forces black background */
    color: white !important;
    padding: 16px 28px;
    border: 1px solid #00a0d5 !important;
    border-radius: 0px;
    font-size: 18px;
    cursor: pointer;
    width: auto;
    font-weight: bold;
    text-transform: capitalize;
    display: inline-block;
    text-align: center;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover State */
#saveForm:hover {
    background-color: #00a0d5 !important; /* Solid blue on hover */
    color: white !important;
    border-color: #00a0d5 !important;
}

/* Hide Spam Field */
#lf_wrap {
    display: none !important;
}

/* Remove default browser blue outline and set custom focus effect */
#lf_form_container input[type="text"]:focus,
#lf_form_container input[type="email"]:focus,
#lf_form_container input[type="tel"]:focus,
#lf_form_container textarea:focus {
    outline: none !important; /* Removes the default blue outline */
    border: 2px solid #00a0d5 !important; /* Custom border color */
    box-shadow: 0px 0px 5px rgba(0, 160, 213, 0.5) !important; /* Adds subtle glow in brand color */
}