/* fonts */
@font-face {
  font-family: Tuffy;
  src: url('/static/fonts/tuffy_regular.ttf');
}
@font-face {
  font-family: Tuffy;
  font-weight: bold;
  src: url('/static/fonts/tuffy_bold.ttf');
}
@font-face {
  font-family: Tuffy;
  font-style: italic;
  src: url('/static/fonts/tuffy_italic.ttf');
}
@font-face {
  font-family: Tuffy;
  font-weight: bold;
  font-style: italic;
  src: url('/static/fonts/tuffy_bold_italic.ttf');
}
/* coloration */
body {
  font: 13pt Tuffy, Helvetica, sans-serif;
  line-height: 1.8em;
  background: #f8f8f8 url('/static/img/light-hatch.png') repeat;
  color: #222222;
  width: 100%;
  padding: 0;
}
.link_like,
a,
body .ui-widget-content a {
  color: #ff6d3d;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: Tuffy, Helvetica, sans-serif;
}
h2,
h3 {
  margin: 15px -15px;
  padding: 15px 15px 10px 15px;
  background: rgba(127, 196, 255, 0.6);
}
.header h2 {
  background: none;
}
.header h1 {
  margin: 0 -15px;
  padding: 10px 15px 15px 15px;
  background: rgba(127, 196, 255, 0.6);
  font-size: 2.5em;
}
h3 {
  margin-bottom: 8px;
  background: rgba(193, 232, 87, 0.9);
}
h4 {
  font-size: 1.4em;
}
p {
  line-height: 1.35em;
  margin-bottom: 1.35em;
}
img.pull-left {
  margin: 0 8px 8px 0;
}
.container {
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 20px;
  max-width: 950px;
}
section,
.row {
  padding-bottom: 20px;
}
table {
  font-size: .8em;
}
table td,
table th {
  vertical-align: top;
  padding: .5em 1em 0 .5em;
}
table th {
  padding-bottom: 0;
}
table tr td:first-child {
  font-weight: bold;
  font-size: 1.2em;
}
table .highlight {
  background: rgba(127, 196, 255, 0.30000000000000004);
}
table .donation-button,
table .donation-button:hover,
table .donation-button.green,
table .donation-button.green:hover {
  font-size: 1.2em;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  table {
    font-size: 13pt;
  }
}
.help {
  font-size: .8em;
  color: #666666;
}
.donation-button {
  font-size: 1.6em;
  background: #ff6d3d;
  border-top: 2pt solid #ff9370;
  border-left: 2pt solid #ff9370;
  border-right: 2pt solid #ff4e14;
  border-bottom: 2pt solid #ff3f00;
  border-radius: 20px;
  padding: 20px 0;
  width: 100%;
  display: block;
  text-align: center;
  color: #222222;
}
.donation-button:hover {
  color: black;
  text-decoration: none;
}
.donation-button:hover {
  background: #ff9370;
  border-top: 2pt solid #ffbaa3;
  border-left: 2pt solid #ffbaa3;
  border-right: 2pt solid #ff7547;
  border-bottom: 2pt solid #ff6533;
  border-radius: 20px;
  padding: 20px 0;
  width: 100%;
  display: block;
  text-align: center;
  color: #222222;
}
.donation-button:hover:hover {
  color: black;
  text-decoration: none;
}
.donation-button.green {
  font-size: 1.6em;
  background: #c1e857;
  border-top: 2pt solid #d2ee84;
  border-left: 2pt solid #d2ee84;
  border-right: 2pt solid #b4e333;
  border-bottom: 2pt solid #ade121;
  border-radius: 20px;
  padding: 20px 0;
  width: 100%;
  display: block;
  text-align: center;
  color: #222222;
}
.donation-button.green:hover {
  color: black;
  text-decoration: none;
}
.donation-button.green:hover {
  background: #d2ee84;
  border-top: 2pt solid #e2f4b1;
  border-left: 2pt solid #e2f4b1;
  border-right: 2pt solid #c4e960;
  border-bottom: 2pt solid #bee74e;
  border-radius: 20px;
  padding: 20px 0;
  width: 100%;
  display: block;
  text-align: center;
  color: #222222;
}
.donation-button.green:hover:hover {
  color: black;
  text-decoration: none;
}
.extra-space .row {
  padding-bottom: 30px;
}
.credit {
  display: block;
  text-align: right;
  margin-top: -1.75em;
  margin-right: 4px;
  color: #f9f9f9;
  font-size: .8em;
}
.credit a {
  color: #f9f9f9;
  text-decoration: underline;
}
.quote {
  font-size: 1.2em;
  color: black;
}
blockquote {
  border-left: 4pt solid rgba(127, 196, 255, 0.6);
  border-right: 4pt solid rgba(127, 196, 255, 0.6);
}
blockquote .help {
  display: block;
  text-align: right;
}