/* TEAM "Submit an Event" form. Text size and fonts come from the site's global styles (brand
   typography); sizes here are relative (em) so the form follows them. Keeps fields a readable
   width on desktop and phones. */
.team-submit-event {
  max-width: 44rem;
  line-height: 1.45;
}
.team-submit-event label,
.team-submit-event .af-field-label,
.team-submit-event .crm-af-field label {
  font-size: 0.95em;
  font-weight: 600;
}
.team-submit-event .help-block,
.team-submit-event .af-field-help,
.team-submit-event p.help-block {
  font-size: 0.85em;
  font-weight: normal;
  margin: 0.2rem 0 0.4rem;
  opacity: 0.85;
}
.team-submit-event input.form-control,
.team-submit-event textarea.form-control,
.team-submit-event select.form-control,
.team-submit-event .select2-container,
.team-submit-event .select2-chosen,
.team-submit-event .select2-search-choice {
  font-size: 0.95em;
  max-width: 100%;
}
.team-submit-event textarea.form-control {
  min-height: 5rem;
}

/* Sections: a heading and clear space between them. */
.team-submit-event .team-section {
  margin: 1.75rem 0 0;
  padding: 0;
  border: 0;
}
/* Section titles are headlines: brand headline face, as the theme uses for h1-h6. The #bootstrap-theme
   prefix outranks CiviCRM's Bootstrap theme, which sets Verdana on every heading inside CiviCRM. */
#bootstrap-theme .team-submit-event .team-section > legend,
#bootstrap-theme .team-submit-event .team-section > .af-title,
.team-submit-event .team-section > legend,
.team-submit-event .team-section > .af-title {
  font-family: var(--wp--preset--font-family--francois-one, inherit);
  color: inherit;   /* fieldset legends otherwise come out grey */
  font-size: 1.3em;
  font-weight: 400;
  margin: 0 0 0.5rem;
  padding: 0 0 0.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  width: 100%;
}
.team-submit-event af-field {
  display: block;
  margin-bottom: 0.6rem;
}
.team-submit-event .af-layout-inline af-field {
  display: inline-block;
}

/* Country is fixed to the USA (it only feeds the State list); hide its leftover label. */
.team-submit-event af-field[name="address_id.country_id"] {
  display: none !important;
}

/* Short pick-lists don't need the full width. */
.team-submit-event af-field[name="event_type_id"] .select2-container,
.team-submit-event af-field[name="TEAM_Event_Recurrence.Repeats"] .select2-container,
.team-submit-event af-field[name="TEAM_Event_Recurrence.Repeat_Interval"] .select2-container,
.team-submit-event af-field[name="TEAM_Event_Recurrence.Monthly_Position"] .select2-container,
.team-submit-event af-field[name="TEAM_Event_Recurrence.Monthly_Weekday"] .select2-container,
.team-submit-event af-field[name="address_id.state_province_id"] .select2-container,
.team-submit-event af-field[name="address_id.county_id"] .select2-container {
  width: 16rem !important;
  max-width: 100%;
}
.team-submit-event af-field[name="TEAM_Event_Admin.Registration_Method"] .select2-container {
  width: 22rem !important;
  max-width: 100%;
}
/* Hosting organizations: a full-width box that is easy to spot and click (it opens the list). */
.team-submit-event af-field[name="TEAM_Event_Listing.Hosted_By"] .select2-container {
  width: 32rem !important;
  max-width: 100%;
}
.team-submit-event af-field[name="TEAM_Event_Listing.Hosted_By"] .select2-search-field,
.team-submit-event af-field[name="TEAM_Event_Listing.Hosted_By"] .select2-search-field input {
  min-width: 18rem;
}
.team-submit-event af-field[name="TEAM_Event_Listing.Registration_Link"] input,
.team-submit-event af-field[name="phone"] input,
.team-submit-event af-field[name="address_id.postal_code"] input {
  max-width: 24rem;
}
.team-submit-event af-field[name="address_id.postal_code"] input {
  width: 8rem;
}

/* Staff review mode (form opened from the review list). */
/* An approved or rejected submission opened from the review list (teamLockedNotice). */
/* Its own text colour, so it stays readable when the admin uses a dark colour scheme. */
.team-submit-event .team-locked-notice {
  background: #fbf3ea; color: #3a2f2f; border-left: 5px solid #a72123; border-radius: 4px; padding: 0.9rem 1.1rem; margin: 0 0 1.25rem;
}
.team-submit-event .team-locked-notice p { margin: 0 0 0.6rem; color: #3a2f2f; }
.team-submit-event .team-locked-notice strong { color: #3a2f2f; }
.team-submit-event .team-locked-notice .btn-primary { color: #fff; }
.team-submit-event .team-locked-notice p:last-child { margin-bottom: 0; }
.team-submit-event .team-staff-actions {
  margin-top: 1.75rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.team-submit-event .team-staff-actions .btn {
  margin-right: 0.5rem;
}

/* Public "Submit event for review" and staff buttons in TEAM Barn Red (CiviCRM's default is grey). */
#bootstrap-theme .team-submit-event .af-button.btn-primary,
.team-submit-event .af-button.btn-primary {
  background: #a72123; border-color: #a72123; color: #fff; background-image: none; text-shadow: none;
  font-size: 1.05em; font-weight: 600; padding: 0.6em 1.4em; border-radius: 4px; margin-top: 0.75rem;
}
#bootstrap-theme .team-submit-event .af-button.btn-primary:hover,
.team-submit-event .af-button.btn-primary:hover { background: #8a1a1c; border-color: #8a1a1c; }
#bootstrap-theme .team-submit-event crm-recaptcha2,
.team-submit-event crm-recaptcha2 { display: block; margin: 1rem 0 0.25rem; min-height: 78px; }
/* Staff "Save and approve" in green: it publishes the event (user, 2026-10-01). Dark sage, white text. */
#bootstrap-theme .team-submit-event .team-staff-actions .af-button.btn-primary,
.team-submit-event .team-staff-actions .af-button.btn-primary { background: #4f6b2f; border-color: #4f6b2f; }
#bootstrap-theme .team-submit-event .team-staff-actions .af-button.btn-primary:hover,
.team-submit-event .team-staff-actions .af-button.btn-primary:hover { background: #3e5524; border-color: #3e5524; }