@charset "UTF-8";

form#donate-form fieldset { background: #eaf1fd; padding: 1em; margin-bottom: 1em; }
form#donate-form .indent { padding-left: 1em; }
form#donate-form h4 { font-size: 1.5em; margin-top: 1.5em; color:#4671B0;  }
form#donate-form fieldset h4 { margin-top: 0.5em; }
form#donate-form table { margin-bottom: 2em; width: 100%; }
form#donate-form table th { background: #4671B0; color: #fff; padding: 0.25em 0.5em; }
form#donate-form table th:first-child { width: 55%; }
form#donate-form table tbody td { padding: 0.25em 0.5em; }
form#donate-form table tbody tr:nth-child(even) { background: #eaf1fd}
form#donate-form label { display: block; margin: 0; color: #454545; }
form#donate-form label.error { background: darkred; color: #fff; font-size: 12px; display: inline-block; padding: 2px 0.5em; margin: 4px;  }
form#donate-form .form-footer { margin-top: 2em; padding: 1em; border: solid 2px #4671B0; border-width: 2px 0; text-align: center;}

div.hilite:after { content: 'This field required.'; display: inline-block; line-height: 1; white-space: nowrap; background: darkred; color: #fff; font-size: 12px; padding: 2px 0.5em; }
input.hilite, textarea.hilite, div.hilite input, div.hilite textarea { background: lightyellow; border-color: darkred; }

.donation-extra-fee.well { padding: 0 1em; font-size: 0.8125em; background: rgb(240,255,230); }

@media(max-width: 767px) { 
  form#donate-form { font-size: 0.875em; }
  form#donate-form tbody td { text-align: center; font-size: 11px }
  form#donate-form tbody tr td:first-child { text-align: left; }
  form#donate-form tbody label > input[type=checkbox] { display: block; margin-left: auto; margin-right: auto; }
}