/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/droidserif/v19/tDbK2oqRg1oM3QBjjcaDkOr4nAfcHi6FRUI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/droidserif/v19/tDbX2oqRg1oM3QBjjcaDkOr4lLz5CwOnSGjW7BA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/droidserif/v19/tDbI2oqRg1oM3QBjjcaDkOr9rAXWGQyH.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/droidserif/v19/tDbV2oqRg1oM3QBjjcaDkOJGiRD7OwGtT0rU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/muli/v29/7Au-p_0qiz-afTf2IALT4EYFOGEH.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/muli/v29/7Au-p_0qiz-afTf2IQLT4EYFOGEH.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/muli/v29/7Au-p_0qiz-afTf2LwLT4EYFOA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/muli/v29/7Au-p_0qiz-afTf2IALT4EYFOGEH.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/muli/v29/7Au-p_0qiz-afTf2IQLT4EYFOGEH.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/muli/v29/7Au-p_0qiz-afTf2LwLT4EYFOA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/muli/v29/7Auwp_0qiz-afT3GLQjUwkQ1OQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/muli/v29/7Auwp_0qiz-afTzGLQjUwkQ1OQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/muli/v29/7Auwp_0qiz-afTLGLQjUwkQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/muli/v29/7Auwp_0qiz-afT3GLQjUwkQ1OQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/muli/v29/7Auwp_0qiz-afTzGLQjUwkQ1OQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/muli/v29/7Auwp_0qiz-afTLGLQjUwkQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html,
body {
  margin: 0 0 5rem 0;
  padding: 0;
  min-width: 400px;
}
#csidonate {
  width: 100%;
  font-size: 14px;
}
#csidonate input,
#csidonate textarea,
#csidonate button,
#csidonate select {
  outline: none;
  box-sizing: border-box;
}
#csidonate input[type=text],
#csidonate select {
  height: 25px;
}
#csidonate input[type=text],
#csidonate select,
#csidonate textarea {
  padding: 0 0.25em;
}
#csidonate input[type=text],
#csidonate select,
#csidonate textarea,
#csidonate input[type=submit],
#csidonate input[type=reset],
#csidonate button {
  font-size: 13px;
}
#csidonate p {
  margin: 0;
}
#csidonate form {
  width: 100%;
}
#csidonate a.link {
  text-decoration: underline;
  cursor: pointer;
}
#csidonate .small {
  font-size: 0.7em;
}
#csidonate .inner-container {
  max-width: 1000px;
  width: 95%;
  margin: 1em auto;
  padding: 1em;
  display: flex;
  flex-flow: row nowrap;
  box-sizing: border-box;
}
#csidonate .inner-container .header .logo {
  display: block;
}
#csidonate .inner-container .header .logo[href] {
  cursor: pointer;
}
#csidonate .inner-container .header .logo[href=""] {
  cursor: default;
}
#csidonate h1.page-header {
  margin-top: 2rem;
  font-size: 2.25rem;
  font-weight: 300;
}
#csidonate h2.sub-header {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
#csidonate .row {
  margin: 0.75rem 0;
}
#csidonate .row .label {
  display: inline-block;
  width: 140px;
  vertical-align: middle;
}
#csidonate .row .label > span,
#csidonate .row .label > label,
#csidonate .row .label > div {
  display: inline-block;
  width: 120px;
}
#csidonate .row .separate.label {
  display: block;
  width: 100%;
  margin-bottom: 0.25em;
}
#csidonate .row .separate.label > span,
#csidonate .row .separate.label > label,
#csidonate .row .separate.label > div {
  display: block;
  width: 100%;
}
#csidonate .row .separate.label + .field > input:not(:first-child) {
  display: inline-block;
  margin-left: 1.5em;
}
#csidonate .row .field {
  display: inline-block;
  position: relative;
  width: 250px;
  vertical-align: middle;
}
#csidonate .row .field:not(.flex) > input[type=text],
#csidonate .row .field:not(.inline) > input[type=text],
#csidonate .row .field:not(.flex) > textarea,
#csidonate .row .field:not(.inline) > textarea,
#csidonate .row .field:not(.flex) > select,
#csidonate .row .field:not(.inline) > select {
  width: 100%;
  max-width: 400px;
}
#csidonate .row .field select.single-option {
  display: none;
}
#csidonate .row .field span[id*="_rfv"],
#csidonate .row .field span[id*="_Required"],
#csidonate .row .field span[id*="_Val"] {
  position: absolute;
  font-weight: bold;
  top: 3px;
  left: -16px;
  width: 15px;
  font-size: 24px;
  color: #C33;
  display: inline-block !important;
}
#csidonate .wide.field {
  width: 375px;
}
#csidonate .inline.flex.row {
  display: flex;
  flex-flow: row nowrap;
}
#csidonate .inline.flex.spaced.row {
  align-items: center;
}
#csidonate .inline.flex.spaced.row > * {
  margin-right: 0.8em;
}
#csidonate .inline.flex.subrow {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
}
#csidonate .inline.flex.subrow > * {
  margin-right: 0.8em;
}
#csidonate .inline.flex.field {
  display: inline-flex;
  flex-flow: row nowrap;
  width: calc(90% - 120px);
  align-items: center;
}
#csidonate .inline.flex.field > * {
  margin-right: 1em;
}
@media only screen and (min-width: 900px) {
  #csidonate .inner-container {
    max-width: 1100px;
  }
  #csidonate .section,
  #csidonate #tribute {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #csidonate .section .row,
  #csidonate #tribute .row {
    margin: 0 0 1rem 0;
    width: 49%;
  }
  #csidonate .section .row .field:not(.flex),
  #csidonate #tribute .row .field:not(.flex),
  #csidonate .section .row .field:not(.inline),
  #csidonate #tribute .row .field:not(.inline) {
    width: 49%;
  }
  #csidonate .section .row .field:not(.flex) > input[type=text],
  #csidonate #tribute .row .field:not(.flex) > input[type=text],
  #csidonate .section .row .field:not(.inline) > input[type=text],
  #csidonate #tribute .row .field:not(.inline) > input[type=text],
  #csidonate .section .row .field:not(.flex) > textarea,
  #csidonate #tribute .row .field:not(.flex) > textarea,
  #csidonate .section .row .field:not(.inline) > textarea,
  #csidonate #tribute .row .field:not(.inline) > textarea,
  #csidonate .section .row .field:not(.flex) > select,
  #csidonate #tribute .row .field:not(.flex) > select,
  #csidonate .section .row .field:not(.inline) > select,
  #csidonate #tribute .row .field:not(.inline) > select {
    max-width: 100%;
    width: 100%;
  }
  #csidonate .section .row .wide.field,
  #csidonate #tribute .row .wide.field {
    width: 100%;
  }
  #csidonate .section div[id$=NotMeContainer],
  #csidonate #tribute div[id$=NotMeContainer] {
    width: 99%;
  }
  #csidonate div[id$=RecurringPaymentContainer] .row {
    width: 99%;
  }
  #csidonate #tribute {
    width: 100%;
  }
  #csidonate #tribute > .row:first-child,
  #csidonate #tribute > .row:nth-child(2) {
    width: 100%;
  }
  #csidonate #NotMeContainer,
  #csidonate #row-amount.row {
    width: 100%;
  }
  #csidonate #payment .row:first-child {
    width: 100%;
  }
  #csidonate .inline.flex.field > .card-logo {
    margin-right: 0;
  }
  #csidonate .section-container:first-child .section {
    display: block;
  }
}
@media screen and (max-width: 899px) {
  #csidonate .section,
  #csidonate #tribute {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #csidonate #row-amount table,
  #csidonate #row-amount tbody {
    display: block;
    max-width: 100%;
    width: 100%;
  }
  #csidonate #row-amount tr {
    display: flex;
    flex-flow: row wrap;
    max-width: 100%;
  }
  #csidonate #row-amount tr td {
    display: inline-block;
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 600px) {
  #csidonate .inline.flex.field {
    flex-flow: column wrap;
    align-items: flex-start;
  }
}
#csidonate .section {
  padding: 1rem;
  margin-bottom: 2rem;
}
#csidonate .section > .row:first-child,
#csidonate .section > .first.row {
  margin-top: 0;
}
#csidonate .section > .row:last-child,
#csidonate .section > .last.row {
  margin-bottom: 0;
}
#csidonate .card-logo {
  height: 27px;
  width: 43px;
}
#csidonate .card-logo.faded {
  opacity: 0.2;
}
#csidonate .submit {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
#csidonate .submit #wait {
  text-align: center;
}
#csidonate .submit #wait p {
  font-size: 2rem;
}
#csidonate .submit .submit-button {
  margin: 1em;
}
#csidonate .submit .submit-button:disabled {
  background-color: #AAA;
}
#csidonate .header {
  margin: 1em 0;
}
#csidonate h1,
#csidonate h2,
#csidonate h3,
#csidonate h4,
#csidonate h5,
#csidonate h6 {
  margin: 0 0 0.5em 0;
}
#csidonate div[id$=divFundTree] .field .fund-text {
  max-width: 350px;
  padding-right: 23px;
  cursor: pointer;
}
#csidonate div[id$=divFundTree] .field:after {
  pointer-events: none;
  content: '\25BC';
  display: inline-block;
  position: absolute;
  left: 150px;
  background-color: white;
  top: 3px;
}
@media only screen and (max-width: 600px) {
  #csidonate div[id$=divFundTree] .field:after {
    top: 2px;
    right: 7px;
  }
}
#csidonate div[id$=divFundTree] .field .fund-tree {
  position: absolute;
  top: 24px;
  left: 0;
  width: 500px;
  height: 350px;
  z-index: 9999;
  overflow: auto;
  background-color: white;
  padding: 0.25rem;
  border: 1px solid #777;
  box-shadow: 3px 3px 5px 2px rgba(0, 0, 0, 0.4);
  line-height: 0.5;
}
@media only screen and (max-width: 899px) {
  #csidonate div[id$=divFundTree] .field .fund-tree {
    width: 205%;
  }
}
@media only screen and (max-width: 600px) {
  #csidonate div[id$=divFundTree] .field .fund-tree {
    left: -180px;
    width: 80vw;
  }
}
#csidonate div[id$=divFundTree] .field .fund-tree .fund-tree-header {
  font-weight: bold;
}
#csidonate div[id$=divFundTree] .field .fund-tree .fund-tree-header,
#csidonate div[id$=divFundTree] .field .fund-tree .fund-tree-header:active,
#csidonate div[id$=divFundTree] .field .fund-tree .fund-tree-header:hover,
#csidonate div[id$=divFundTree] .field .fund-tree .fund-tree-header:visited {
  color: black;
}
#csidonate .amount-selector div.amount,
#csidonate .custom-amount .amt-container {
  height: 50px;
  min-width: 80px;
  padding: 0 0.75rem;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  margin-right: 1rem;
  border-radius: 0px;
  transition: all 75ms;
}
#csidonate .amount-selector div.amount:before,
#csidonate .custom-amount .amt-container:before {
  content: '$';
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
  margin-left: -0.75rem;
  margin-right: 1rem;
}
#csidonate .amount-selector > tbody > tr {
  display: flex;
  flex-flow: row wrap;
}
#csidonate .amount-selector div.amount {
  cursor: pointer;
}
#csidonate .amount-selector input[type=radio]:checked ~ div.amount {
  font-weight: bold;
}
#csidonate .custom-amount {
  margin-top: 0;
}
#csidonate .custom-amount:before {
  display: block;
  margin-top: 1rem;
  margin-bottom: 0;
}
#csidonate .custom-amount .amt-container {
  width: 200px;
}
#csidonate .custom-amount .amt-container input[type=text] {
  height: 100%;
  width: 90%;
  margin: 0;
  border: 0;
  font-size: 1.5rem;
  outline: none;
}
#csidonate div#ccWarning {
  background-color: #fff6c4;
  color: #635404;
  font-size: 11px;
  padding: 5px;
  border: 1px solid #635404;
  border-radius: 4px;
}
#csidonate div#ccWarning span.warning {
  font-weight: bold;
  text-decoration: underline;
}
#csidonate div#ccError {
  background-color: #f6d3cf;
  color: #631004;
  font-size: 11px;
  padding: 5px;
  border: 1px solid #631004;
  border-radius: 4px;
}
#csidonate div#ccError span.error {
  font-weight: bold;
  text-decoration: underline;
}
#csidonate div.error {
  background-color: #FFEEEE;
  border: 1px solid #990000;
  border-radius: 5px;
  margin: 1em 0;
  padding: 1em;
  color: #990000;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}
#csidonate div.error p {
  font-weight: 700;
  font-size: 1.2em;
}
#csidonate div.error ul {
  margin: 0.5em 0 0 0;
  padding-left: 2em;
}
#csidonate #rounding-error {
  display: inline-block;
  background-color: #EEFCFF;
  border: 1px solid #66CCFF;
  border-radius: 5px;
  padding: 0.3rem 0.25rem 0.3rem 1.75rem;
  font-size: 0.7rem;
  position: relative;
}
#csidonate #rounding-error:before {
  content: 'i';
  position: absolute;
  left: 5px;
  top: 2px;
  font-family: 'Times New Roman';
  font-size: 20px;
  font-weight: 900;
  color: #EEEEEE;
  background-color: #006699;
  border-radius: 15px;
  width: 19px;
  height: 19px;
  text-align: center;
  line-height: 18px;
}
#csidonate #rounding-error #real-amount {
  font-weight: bold;
}
#popup-bg {
  z-index: 1000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
#popup {
  z-index: 1100;
  position: fixed;
  top: 30%;
  text-align: center;
  width: 100%;
}
#popup .container {
  font-size: 14px;
  margin: 0 auto;
  max-width: 500px;
  background-color: #EEE;
  padding: 0.25rem 0.5rem 1.5rem 0.5rem;
  box-shadow: 0 5px 45px rgba(0, 0, 0, 0.7);
  border-radius: 5px;
}
#popup .container input[type=text] {
  font-size: 13px;
}
#receipt {
  font-size: 15px;
  width: 80%;
  max-width: 700px;
  margin: 0 auto;
}
#receipt h1 {
  font-size: 3rem;
  font-weight: 100;
  text-align: center;
}
#receipt h1 ~ p {
  margin-top: -1rem;
  font-size: 1.2rem;
  text-align: center;
}
#receipt h2 {
  font-weight: 400;
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}
#receipt h3 {
  font-weight: 500;
  font-size: 1.2rem;
  margin-bottom: 0.6rem;
}
#receipt .container {
  padding: 1rem;
  padding-bottom: 2.75rem;
}
#receipt .amount.field {
  text-align: center;
  font-size: 2.5rem;
}
#receipt .recurring.field {
  text-align: center;
  margin-bottom: 0.25rem;
}
#receipt .confirmation.field {
  text-align: center;
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
#receipt .help.row {
  display: block;
  border: 1px solid #005DAB;
  background-color: #DDEFFF;
  padding: 0.5rem;
}
#receipt .help.row p {
  margin: 0.25rem 0;
  font-size: 0.8rem;
}
#receipt .help.row h4 {
  font-size: 1.3rem;
  margin: 0;
  font-weight: 400;
}
#receipt .row {
  margin: 0.5em 0;
  display: flex;
  flex-flow: row nowrap;
}
#receipt .row .label {
  width: 125px;
  font-weight: 500;
  flex: 0 0 auto;
}
#receipt .row .tip.link {
  color: #005DAB;
  font-size: 0.7rem;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
  margin-left: 0.5rem;
}
#receipt .demo-q {
  margin: 0.75rem 0;
}
#receipt .demo-q .question {
  font-weight: 500;
}
#receipt .demo-q .answer {
  display: inline-block;
  margin-left: 1rem;
}
#receipt .demo-q .answer:before {
  content: '\00BB';
  font-size: 1.5rem;
  line-height: 1rem;
  margin-right: 0.5rem;
}
#receipt .gift.note {
  padding: 0.25rem;
  background-color: #F2F2F2;
  border: 1px dashed #CCC;
  margin-bottom: 32px;
}
#receipt .section h2 ~ p {
  color: #777;
  margin: 0;
  font-size: 0.85rem;
}
#receipt .nav.links {
  margin-top: 2rem;
  text-align: center;
}
#receipt .nav.links a {
  font-size: 1.5rem;
  text-decoration: none;
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 5px;
}
#receipt .social {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin-top: 1.5rem;
}
#receipt .social div {
  margin: 0 0.5rem;
}
#receipt .recurring-error {
  background-color: #FFF7DD;
  border: 1px solid #998800;
  color: #554400;
  padding: 0 0.5rem;
  font-size: 14px;
}
#receipt .recurring-error p {
  margin: 0.5rem 0;
}
#receipt .print {
  float: right;
  margin-top: -0.5rem;
  padding: 0.25rem 0.5rem 0 0.5rem;
  border-radius: 5px;
}
#receipt .print:hover {
  background-color: #EEEEEE;
}
#receipt .print img {
  height: 28px;
  vertical-align: middle;
  margin: 0 0.25em 4px 0;
}
#receipt .print a {
  color: #777;
  text-decoration: none;
}
#receipt .error {
  color: #990000;
  font-weight: 500;
  text-align: center;
}
#receipt .error a.link.button {
  display: inline-block;
  background-color: #006600;
  color: white;
  margin: 1.5rem 0 0.5rem 0;
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  font-weight: normal;
  text-decoration: none;
  border-radius: 5px;
}
#receipt .error a.link.button:hover {
  box-shadow: inset 0 -4px #003300;
}
@media print {
  #receipt .print {
    display: none;
  }
  #receipt .container {
    border: 1px solid #555;
    box-shadow: none;
  }
  #receipt .nav.links {
    display: none;
  }
  #receipt .social {
    display: none;
  }
  #receipt .row .tip.link {
    display: none;
  }
}
/* Fonts 
================================================= */
/*Colors
================================================= */
/*Devices
================================================== */
body {
  font-size: 16px;
  font-family: 'Muli', sans-serif;
  color: #000;
  margin: 0;
  background-color: #fff;
  background-image: url('/CSiDonate/File.aspx/4e7c1826-abae-408c-a06a-f342bb868993/bgrepeatNavyFoundation.jpeg');
  background-repeat: repeat-x;
}
body #csidonate.outer-container .inner-container {
  margin-top: 0;
  padding-top: 0;
  /* Customized optional member login text */
}
body #csidonate.outer-container .inner-container a {
  color: #AF2225;
  text-decoration: underline;
}
body #csidonate.outer-container .inner-container a:hover {
  text-decoration: none;
}
body #csidonate.outer-container .inner-container a[id$=OptionalLogin] {
  color: white;
}
body #csidonate.outer-container .inner-container a[id$=OptionalLogin]:before {
  content: 'Sign In For Saved Account';
  display: block;
  color: #AF2225;
  top: 1em;
  position: relative;
  pointer-events: none;
}
body #csidonate.outer-container .inner-container p.optional-login-desc {
  color: white;
}
body #csidonate.outer-container .inner-container p.optional-login-desc:before {
  content: 'Please log in using the Sign In For Saved Account link above to automatically return to this page.';
  display: block;
  color: #000;
  position: relative;
  top: 1em;
}
body #csidonate.outer-container .inner-container h1,
body #csidonate.outer-container .inner-container h2,
body #csidonate.outer-container .inner-container h3,
body #csidonate.outer-container .inner-container h4,
body #csidonate.outer-container .inner-container h5,
body #csidonate.outer-container .inner-container h6 {
  font-family: 'Droid Serif', serif;
  font-weight: 400;
}
body #csidonate.outer-container .inner-container input,
body #csidonate.outer-container .inner-container textarea,
body #csidonate.outer-container .inner-container select {
  font-family: 'Muli', sans-serif;
  font-size: 13px;
  padding: 5px;
  min-height: 32px;
}
body #csidonate.outer-container .inner-container input,
body #csidonate.outer-container .inner-container textarea {
  padding: 5px;
}
body #csidonate.outer-container .inner-container input[type=text] {
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
  border: 2px solid #000;
}
body #csidonate.outer-container .inner-container textarea {
  border: 2px solid #000;
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
}
body #csidonate.outer-container .inner-container select {
  border: 2px solid #000;
}
body #csidonate.outer-container .inner-container .header {
  margin-top: 0;
  margin-bottom: 85px;
}
body #csidonate.outer-container .inner-container .header .logo {
  background-image: url('/CSiDonate/File.aspx/b79ec719-1811-4eaa-b569-8f360078a587/IAFFFoundationWebsiteBanner.jpg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  max-width: 100%;
  height: 137px;
}
body #csidonate.outer-container .inner-container .section-container h2 {
  color: #2C2C2C;
}
body #csidonate.outer-container .inner-container .section-container .section .row .amount-selector {
  color: white;
}
body #csidonate.outer-container .inner-container .section-container .section .row .amount-selector input[id*=amtChooser]:checked + div.amount {
  /* background: #2C2C2C; */
  background: #fdaa40;
  color: #2c2c2c;
  box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.2);
}
body #csidonate.outer-container .inner-container .section-container .section .row .amount-selector .amount {
  /* background-color: #6c6c6c; */
  background-color: #005F69;
}
body #csidonate.outer-container .inner-container input[type="submit"] {
  padding: 20px 0;
  width: 100%;
  max-width: 300px;
  min-width: 240px;
  height: auto;
  min-height: 35px;
  /* border: 4px solid #060606; */
  border: 4px solid #005F69;
  background-color: #005f69;
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  /* background-color: #2C2C2C; */
  color: #ffffff;
  line-height: 16px;
  cursor: pointer;
  margin: 25px 0;
  transition: background-color, box-shadow 0.4s;
}
@media only screen and (max-width: 768px) {
  body #csidonate.outer-container .inner-container input[type="submit"] {
    max-width: 275px;
    max-height: 60px;
  }
}
body #csidonate.outer-container .inner-container input[type="submit"]:focus,
body #csidonate.outer-container .inner-container input[type="submit"]:active:focus,
body #csidonate.outer-container .inner-container input[type="submit"].active:focus,
body #csidonate.outer-container .inner-container input[type="submit"]:hover {
  outline: 0 none;
  /* background-color: #181818;
  box-shadow: inset 3px 3px 5px 0px #2C2C2C; */
  background-color: #005a63;
  /* box-shadow: 3px 3px 5px 0 #2c2c2c; */
  box-shadow: 0px 2px 5px 2px rgb(0 0 0%);
  transition: background-color, box-shadow 0.4s;
}
@media print {
  body {
    background: none;
  }
}
#receipt form > div:first-child:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 137px;
  background-image: url('/CSiDonate/File.aspx/b79ec719-1811-4eaa-b569-8f360078a587/IAFFFoundationWebsiteBanner.jpg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media print {
  #receipt form > div:first-child:before {
    display: none;
  }
}
#receipt form {
  margin-top: 225px;
}
@media print {
  #receipt form {
    margin-top: 0;
    color: black !important;
  }
}
#receipt .nav.links a {
  background-color: #AF2225;
  color: #FFF;
  font-size: 1.5rem;
}
/* 4/25/23 */
#paymentCreditCard {
  flex-wrap: wrap;
}
#paymentCreditCard .row:nth-child(1) {
  width: 100%;
}
#paymentCreditCard #ddlMonth {
  width: 66px;
}
@media only screen and (max-width: 899px) {
  #paymentCreditCard .row {
    width: 100%;
  }
}
@media only screen and (max-width: 477px) {
  #paymentCreditCard .row .label {
    display: block;
  }
}
.donation-options #cbCoverFees {
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-right: 10px;
}
.donation-options label[for="cbCoverFees"] {
  vertical-align: middle;
}
span[id^="rfv"]:before {
  content: "*";
}
span[id^="rfv"]:not(#rfvCaptcha) {
  position: absolute;
  font-weight: bold;
  top: 3px;
  left: -16px;
  width: 15px;
  font-size: 24px;
  color: #C33;
  display: inline-block !important;
}
/* 9/23/24 */
body #csidonate {
  background-image: url(https://iafffoundation.org/wp-content/themes/iafffoundation/src/images/grit.png);
}
body #csidonate.outer-container .inner-container h1,
body #csidonate.outer-container .inner-container h2,
body #csidonate.outer-container .inner-container h3,
body #csidonate.outer-container .inner-container h4 {
  font-family: Georgia, Times, serif;
}
body #csidonate.outer-container .inner-container h1 {
  font-size: 34px;
}
body #csidonate.outer-container .inner-container h2 {
  font-size: 24px;
}
body #csidonate.outer-container .inner-container h3 {
  font-size: 20px;
}
body #csidonate.outer-container .inner-container h4 {
  font-size: 16px;
}
#csidonate .amount-selector div.amount:before {
  margin-right: 2px;
}
body #csidonate.outer-container .inner-container .section-container .section .row .amount-selector input[id*=amtChooser]:checked + div.amount {
  background-color: #eb0000;
  color: #fff;
  box-shadow: none;
}
body #csidonate.outer-container .inner-container .section-container .section .row .amount-selector .amount,
body #csidonate.outer-container .inner-container #NotMeContainer > input {
  background-color: transparent;
  border: 2px solid #eb0000;
  border-width: 2px;
  line-height: 1rem;
  text-transform: uppercase;
  font-size: 18px;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: 600;
  transition: all, 0.2s;
  cursor: pointer;
  color: #000;
}
body #csidonate.outer-container .inner-container .section-container .section .row .amount-selector .amount:hover,
body #csidonate.outer-container .inner-container .section-container .section .row .amount-selector .amount:focus,
body #csidonate.outer-container .inner-container #NotMeContainer > input:hover,
body #csidonate.outer-container .inner-container #NotMeContainer > input:focus {
  background-color: #eb0000;
  color: #fff;
  transition: all, 0.2s;
}
body #csidonate.outer-container .inner-container #NotMeContainer > input {
  padding: 0.75rem 1.25rem;
}
body #csidonate.outer-container .inner-container .field input,
body #csidonate.outer-container .inner-container .field select,
body #csidonate.outer-container .inner-container .field textarea {
  background-color: #2220221a;
  border-width: 0px;
  color: #000;
  box-shadow: none;
  font-size: 14px;
}
body #csidonate.outer-container .inner-container .field input:focus,
body #csidonate.outer-container .inner-container .field select:focus,
body #csidonate.outer-container .inner-container .field textarea:focus {
  background-color: #2220221a;
  border-width: 2px;
}
body #csidonate.outer-container .inner-container .label {
  /* text-transform: uppercase; */
}
body #csidonate.outer-container .inner-container .submit > input {
  background-color: #eb0000;
  border-color: #eb0000;
  color: #fff;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: 600;
  transition: all, 0.2s;
}
body #csidonate.outer-container .inner-container .submit > input:hover,
body #csidonate.outer-container .inner-container .submit > input:focus {
  background-color: #fff;
  border-color: #eb0000;
  color: #000;
  box-shadow: none;
  transition: all, 0.2s;
}