/* Donation form: responsive progress tracker */

#donations-form .webform-progress {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  margin: 20px 0 35px !important;
  padding: 0 !important;
  box-sizing: border-box;
}

#donations-form .webform-progress-tracker {
  display: flex;
  width: 100%;
}

#donations-form .webform-progress-tracker .progress-step {
  flex: 1 1 25%;
  min-width: 0;
  text-align: center;
}

#donations-form .webform-progress-tracker .progress-text {
  position: relative;
  margin-top: 12px;
}

#donations-form .webform-progress-tracker .progress-title {
  font-size: 11px;
  line-height: 1.4;
  white-space: normal;
}

/* Reduce excessive spacing at top of donation panels */

.webform-section.form-wrapper--bg-color {
  padding-top: 15px !important;
}

/* Tighten spacing beneath the section heading */

.webform-section .webform-section-title {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

/* Reduce space around the progress tracker */

#donations-form .webform-progress {
  margin-top: 10px !important;
  margin-bottom: 20px !important;
}