.elementor-3182 .elementor-element.elementor-element-594f697 > .elementor-widget-container{margin:6px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for section, class: .elementor-element-f19bafc *//* =========================================================
   Marr Street Playhouse — Gravity Forms Brand Styling
   Paste this into Appearance > Customize > Additional CSS
   (or a Custom CSS / Code Snippets plugin).

   Scoped to .gform-theme--framework (Orbital) with .gform_wrapper
   as a fallback for the legacy 2.5 theme, so it should apply
   regardless of which form theme is active.

   TIP: To limit this styling to ONLY the tuition form, find its
   form ID (visible in the URL when editing it, e.g. id=4) and
   change every ".gform_wrapper" below to "#gform_wrapper_4"
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

/* ---------- Form container ---------- */
.gform-theme--framework.gform_wrapper,
.gform_wrapper {
  font-family: 'Montserrat', sans-serif !important;
  max-width: 640px;
  margin: 0 auto;
  background: #FFFFFF;
  border: 1px solid #B3B3B3;
  border-radius: 6px;
  padding: 32px 36px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}

/* ---------- Section breaks ---------- */
.gform_wrapper .gsection {
  border-bottom: 2px solid #B3B3B3;
  margin-bottom: 20px;
  padding-bottom: 8px;
}
.gform_wrapper .gsection_title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #78A9B3 !important;
}

/* ---------- Labels ---------- */
.gform_wrapper .gfield_label,
.gform_wrapper legend.gfield_label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #222222 !important;
  margin-bottom: 6px !important;
}
.gform_wrapper .gfield_required {
  color: #78A9B3 !important;
}
.gform_wrapper .gfield_description {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-style: italic;
  color: #6b6b6b !important;
}

/* ---------- Text inputs, selects, textareas ---------- */
.gform_wrapper input[type=text],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper textarea,
.gform_wrapper select {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  color: #222222 !important;
  -webkit-text-fill-color: #222222 !important;
  border: 1px solid #B3B3B3 !important;
  border-radius: 4px !important;
  padding: 10px 12px !important;
  background-color: #FFFFFF !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Safari renders closed <select> text using its own system control by
   default and ignores custom color unless native appearance is off.
   This turns it off and draws a matching custom arrow in its place. */
.gform_wrapper select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  height: auto !important;
  line-height: 1.4 !important;
  vertical-align: middle !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2378A9B3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 14px !important;
  padding-right: 40px !important;
}
.gform_wrapper input[type=text]:focus,
.gform_wrapper input[type=email]:focus,
.gform_wrapper input[type=tel]:focus,
.gform_wrapper input[type=number]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
  border-color: #78A9B3 !important;
  box-shadow: 0 0 0 3px rgba(120,169,179,0.25) !important;
  outline: none !important;
}

/* ---------- Radio buttons & checkboxes ---------- */
.gform_wrapper .gfield_radio li,
.gform_wrapper .gfield_checkbox li {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px;
  color: #222222;
  margin-bottom: 8px;
}
.gform_wrapper .gfield_radio input[type=radio],
.gform_wrapper .gfield_checkbox input[type=checkbox] {
  accent-color: #78A9B3;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

/* ---------- Product / pricing fields ---------- */
.gform_wrapper .gfield--type-product select,
.gform_wrapper .ginput_container_singleproduct input {
  font-family: 'Montserrat', sans-serif !important;
}
.gform_wrapper .ginput_container_singleproduct .gfield_price,
.gform_wrapper .gfield--type-product .gfield_price {
  font-weight: 600;
  color: #78A9B3;
}

/* Quantity field — keep it narrow */
.gform_wrapper .gfield--type-quantity input[type=number] {
  max-width: 90px !important;
}

/* ---------- Total field ---------- */
.gform_wrapper .gfield--type-total,
.gform_wrapper .ginput_total {
  background: #eef4f5 !important;
  border-left: 4px solid #78A9B3 !important;
  border-radius: 4px;
  padding: 14px 18px !important;
  margin-top: 10px;
}
.gform_wrapper .gfield--type-total .gfield_label,
.gform_wrapper .ginput_total {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #222222 !important;
}

/* ---------- Validation errors ---------- */
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea {
  border-color: #b3261e !important;
}
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  color: #b3261e !important;
}
.gform_wrapper .gform_validation_errors {
  font-family: 'Montserrat', sans-serif !important;
  border: 1px solid #b3261e !important;
  border-radius: 4px;
  background: #fdf0ef !important;
}

/* ---------- Submit button ---------- */
.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
  border-top: none !important;
  padding-top: 20px;
}
.gform_wrapper .gform_button,
.gform_wrapper input[type=submit] {
  font-family: 'Montserrat', sans-serif !important;
  background: #78A9B3 !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 13px 32px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  cursor: pointer;
  transition: background 0.2s ease;
}
.gform_wrapper .gform_button:hover,
.gform_wrapper input[type=submit]:hover {
  background: #5f8f99 !important;
}

/* ---------- Confirmation message ---------- */
.gform_confirmation_wrapper,
.gform_confirmation_message {
  font-family: 'Montserrat', sans-serif !important;
  background: #FFFFFF;
  border: 1px solid #B3B3B3;
  border-top: 4px solid #78A9B3;
  border-radius: 6px;
  padding: 28px 32px;
  max-width: 640px;
  margin: 0 auto;
  color: #222222;
  font-size: 15px;
  line-height: 1.6;
}

/* ---------- Mobile ---------- */
@media (max-width: 600px) {
  .gform-theme--framework.gform_wrapper,
  .gform_wrapper {
    padding: 24px 20px;
  }
  .gform_wrapper .gform_button,
  .gform_wrapper input[type=submit] {
    width: 100%;
  }
}/* End custom CSS */