/* =====================  CUTE FIELD STYLES  ===================== */
.gform_wrapper .gfield.cute .gfield_label{ font-weight:600; color:#1b1f23; margin-bottom:.35rem; }
.gform_wrapper .gfield.cute .gfield_required{ color:#40141f; }

.gform_wrapper .gfield.cute .ginput_container input[type="text"],
.gform_wrapper .gfield.cute .ginput_container input[type="email"],
.gform_wrapper .gfield.cute .ginput_container input[type="tel"],
.gform_wrapper .gfield.cute .ginput_container input[type="number"],
.gform_wrapper .gfield.cute .ginput_container input[type="url"],
.gform_wrapper .gfield.cute .ginput_container input[type="password"],
.gform_wrapper .gfield.cute .ginput_container select,
.gform_wrapper .gfield.cute .ginput_container textarea{
  width:100%; border:1px solid #d8d2c8; border-radius:10px; padding:.75rem .9rem;
  background:#fff; color:#1b1f23; transition:border-color .15s ease, box-shadow .15s ease;
}
.gform_wrapper .gfield.cute ::placeholder{ color:#8a8276; opacity:1; }
.gform_wrapper .gfield.cute .ginput_container input:focus,
.gform_wrapper .gfield.cute .ginput_container select:focus,
.gform_wrapper .gfield.cute .ginput_container textarea:focus{
  outline:2px solid rgba(6,30,86,.35); outline-offset:2px; box-shadow:none; border-color:#bfb8ac;
}
.gform_wrapper .gfield.cute .gfield_description,
.gform_wrapper .gfield.cute .instruction{ color:#8a8276; font-size:.9rem; margin-top:.35rem; }
.gform_wrapper .gfield.cute.gfield_error .ginput_container input,
.gform_wrapper .gfield.cute.gfield_error .ginput_container select,
.gform_wrapper .gfield.cute.gfield_error .ginput_container textarea{ border-color:#40141f; }
.gform_wrapper .gfield.cute.gfield_error .gfield_description.validation_message{ color:#40141f; font-weight:600; }
.gform_wrapper .gfield.cute .gfield_radio li,
.gform_wrapper .gfield.cute .gfield_checkbox li{ margin-bottom:.4rem; }
.gform_wrapper .gfield.cute .gfield_radio input,
.gform_wrapper .gfield.cute .gfield_checkbox input{ margin-right:.5rem; }
.gform_wrapper .gfield.cute .gfield_radio label,
.gform_wrapper .gfield.cute .gfield_checkbox label{ color:#1b1f23; }
.gform_wrapper .gfield.cute .ginput_container_fileupload input[type="file"]{
  border:1px dashed #d8d2c8; border-radius:10px; padding:.75rem;
}
.gform_wrapper .gfield.cute .gf_progressbar{ background:#e8e3da; border-radius:10px; }
.gform_wrapper .gfield.cute .gf_progressbar_percentage{ background:#c89b3c; border-radius:10px; }

/* =====================  CENTER THE ENTIRE FORM (ID 1)  ===================== */
/* Put class "center-form" on the COLUMN that contains your Gravity Form element */
.wpb_column.center-form .vc_column-inner .wpb_wrapper{ 
  text-align:center;            /* center children inside this column */
}

/* Make the Gravity Forms wrapper behave like a centered card */
.wpb_column.center-form .wpb_wrapper #gform_wrapper_1{
  display:inline-block !important;  /* shrink-to-fit so centering works */
  max-width:760px !important;       /* adjust form width here */
  width:100% !important;
  text-align:left;                  /* keep field text left-aligned */
  margin:0 auto !important;
  float:none !important;            /* defeat legacy floats */
  align-self:center !important;     /* if parent is flex */
}

/* Center the submit/footer area */
#wrapper #gform_wrapper_1 .gform_footer,
#wrapper #gform_wrapper_1 .gform_page_footer{
  display:flex; justify-content:center;
}

/* =====================  BRAND THE BUTTONS (FORM ID 1)  ===================== */
#gform_wrapper_1 .gform_footer .gform_button,
#gform_wrapper_1 .gform_page_footer .gform_next_button,
#gform_wrapper_1 .gform_page_footer .gform_previous_button,
#gform_submit_button_1{
  background:#40141f !important; color:#fff !important;
  border:0 !important; border-radius:999px !important; padding:.9rem 1.3rem !important; line-height:1.1 !important;
}
#gform_submit_button_1:hover{ background:#5a1b2a !important; }
/* Legacy markup fallback */
#gform_wrapper_1 .gform_footer input.button,
#gform_wrapper_1 .gform_page_footer input.button{
  background:#40141f !important; color:#fff !important;
  border:0 !important; border-radius:999px !important; padding:.9rem 1.3rem !important;
}

/* =====================  MOBILE PADDING  ===================== */
@media (max-width: 767px){
  .wpb_column.center-form .wpb_wrapper #gform_wrapper_1{ padding-left:16px; padding-right:16px; }
}
/* Stop anything from forcing sideways scroll */
html, body {
  overflow-x: hidden;
}

/* Make WPBakery rows behave on mobile */
@media (max-width: 768px) {
  .vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .vc_column_container > .vc_column-inner {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
