/*
* dark purple: rgba(61, 38, 58, 0.9), #3d263a
* light purple: #8B7A86
*/

#gform_404 {
  font-size: 18px;
  line-height: 1.6;
}

#gform_404 .gform_wrapper .gf_progressbar_wrapper {
  padding: 20px 10px !important;
}

#gform_404 .gf_progressbar {
  background: none !important;
  padding: 10px;
}

#gform_404 .button-group .ginput_container_radio input[type='radio'] {
  display: none !important;
}

#gform_404 .gform_wrapper  li.gfield.button-group ul.gfield_radio li input[type=radio]+input[type=text] {
  width: 100%;
  max-width: 95%;
  margin: 10px 2.5% !important;
  padding: 10px !important;
}

#gform_404 .button-group .ginput_container_radio label {
  display: flex !important;
  font-size: 22px !important;
  background: #230871;
  padding: 20px 40px !important;
  color: white !important;
  justify-content: center;
  align-items: flex-start;
  border-radius: 60px !important;
  transition: all 200ms ease-out;
  max-width: 100% !important;
  margin: 10px 5% 10px 0 !important;
}

#gform_404 .button-group .ginput_container_radio input:checked ~ label,
#gform_404 .button-group .ginput_container_radio input:hover ~ label {
  background: rgba(255, 107, 0, 1);
}

.d-none {
  display: none !important;
}

#gform_404 .gform_wrapper .validation_error {
  border: 0 !important;
  color: rgba(255, 107, 0, 1) !important;
}

#gform_404 .gform_wrapper .gfield_description.validation_message {
  padding: 0.25em 0 !important;
  color: rgba(255, 107, 0, 1) !important;
}

#gform_404 .gform_wrapper .gfield_error {
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#gform_404 .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
  border: 2px solid rgba(255, 107, 0, 1) !important;
}

#gform_404 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 5px 10px !important;
}

#gform_404 .gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio] {
  margin-top: 0 !important;
}

#gform_404 .price-choices > label,
#gform_404 .donation-other > label {
  text-align: center !important;
  display: block !important;
  font-size: 40px !important;
  margin: 1em 0;
}

#gform_404 .donation-other input {
  display: block !important;
  margin: 0 auto 2em !important;
}

#gform_404 .gform_previous_button {
  background: none !important;
  color: #230871 !important;
  text-decoration: underline !important;
  text-transform: capitalize !important;
  font-size:  14px !important;
}

#gform_404 .gform_button.button {
  padding: 25px 55px !important;
  background: rgba(255, 107, 0, 1) !important;
  box-shadow: 2px 2px 8px rgba(100, 100, 100, 0.4) !important;
  transition: box-shadow 200ms ease-out;
}

#gform_404 .gform_button.button:hover {
  box-shadow: none;
}