/*
  ================================================
  CONTACT PAGE - FORM STYLING & FIXES
  ================================================
*/

/* 
  --- 1. Submit Button: Solid blue, transparent on hover --- 
*/
#bt_form {
  transition: all 0.3s ease !important;
  background-color: #1B5AA7 !important; /* Your primary blue */
  border: 2px solid #1B5AA7 !important;
  color: #FFFFFF !important;
}

#bt_form:hover {
  background-color: transparent !important;
  color: #1B5AA7 !important; /* Text turns blue on hover */
  border: 2px solid #1B5AA7 !important;
}


/* 
  --- 2. Background Block: Change purple to your brand blue --- 
  NOTE: 'e3c72a0' is a guess. If this doesn't work, inspect the 
  purple block and find its 'data-id' to replace it.
*/
.elementor-element- {
  background-color: #1B5AA7 !important;
}


/* 
  --- 3. Form Font Consistency --- 
  This makes all form fields, including the message box, use the same font.
*/
#ct_form, 
#ct_form_1, 
#ct_form_2, 
#ct_form_3, 
#ct_form_4 {
  font-family: 'Manrope', Manrope !important;
  font-weight: 500 !important; /* A nice medium weight */
  color: #333333 !important; /* Color for text the user types */
}

/* This specifically styles the grey placeholder text */
#ct_form::placeholder, 
#ct_form_1::placeholder, 
#ct_form_2::placeholder, 
#ct_form_3::placeholder, 
#ct_form_4::placeholder {
  color: #646464 !important;
  font-weight: 400; /* A slightly lighter weight for placeholders */
}
/*
  ================================================
  CONTACT FORM - Message Box Full-Width Fix
  ================================================
*/

/* 
  This targets the container DIV for the message box 
  and ensures it takes up the full width of the form.
*/
.form-row .column-full {
    width: 100% !important;
}

/* 
  This targets the actual <textarea> message box itself 
  and tells it to fill its container.
*/
#ct_form_4 {
    width: 100%;
    /* Optional: You can set a minimum height if you like */
    min-height: 150px; 
}