/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 17 2025 | 06:45:50 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* Full-width bottom-border-only input styling */
.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100% !important;
  padding: 12px 10px;
  border: none !important;
  border-bottom: 1px solid #ccc !important;
  border-radius: 0 !important;
  background-color: transparent!important;
  font-size: 16px;
  color: #333;
  outline: none;
  box-shadow: none !important;
  display: block;
  transition: border-color 0.3s ease;
}

/* Focus border color */
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-bottom: 1px solid #007bff !important;
}

/* Remove default select styling */
.contact-form select {
  appearance: none;
  background-color: transparent!important;
}
/* Submit button style (left aligned, natural width) */
.contact-form input[type="submit"],
.contact-form button[type="submit"],
.contact-form .wpcf7-submit {
  background-color:#451B25!important;
  color: #fff;
  padding: 14px 30px;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 40px!important;
  cursor: pointer;
  display: inline-block;
  width: auto !important;        /* ⛔ prevent full-width */
  margin-top: 10px;
}

/* Hover effect */
.contact-form input[type="submit"]:hover,
.contact-form button[type="submit"]:hover,
.contact-form .wpcf7-submit:hover {
  background-color: #451B25!important;
}