@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700|Raleway|Roboto+Slab:300,700");
body, html {
  margin: 0;
  padding: 0;
  font-family: 'Roboto Slab';
  font-weight: 300; }

header, section, h2.span {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }

@media only screen and (max-width: 700px) {
  header, section, h2.span {
    width: auto;
    display: block; } }
header {
  margin-top: 1em;
  text-align: center; }
  header p {
    padding-left: 8px;
    padding-right: 8px; }

section {
  padding: 8px;
  margin-bottom: 1.5em; }

h2 {
  background: #007700;
  color: white;
  padding: 8px 4px;
  padding-top: 10px;
  font-family: "Josefin Sans";
  font-weight: 300;
  width: 100%;
  box-sizing: border-box; }
  h2 span {
    display: block;
    width: 700px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 700px) {
      h2 span {
        padding-left: 8px;
        width: auto; } }

input[type=text], #stripe-card-number {
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding: 6px;
  color: black;
  font-size: 12pt; }

.pledge-type {
  width: 48%;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 8px;
  padding: 10px;
  margin-left: 1%;
  margin-right: 1%;
  display: block;
  float: left;
  cursor: pointer; }
  @media only screen and (max-width: 700px) {
    .pledge-type {
      float: none;
      width: auto !important;
      margin-bottom: 1em; } }
  .pledge-type label {
    display: block;
    margin-left: 6.2em;
    text-indent: -6.2em; }
    .pledge-type label strong {
      display: inline-block;
      width: 3.5em;
      text-align: right; }
    .pledge-type label input[name=flat_amount_other] {
      width: 5em;
      text-align: right;
      border-radius: 4px;
      padding: 4px;
      border: 1px solid #cccccc; }
  .pledge-type .pledge-details {
    display: none; }
  .pledge-type .shown-when-pledge-type-active {
    display: none; }
  .pledge-type.pledge-type-active {
    border-color: #007700;
    border-width: 2px;
    width: 71%;
    background: #f5f7f5; }
    .pledge-type.pledge-type-active .pledge-details {
      display: block; }
    .pledge-type.pledge-type-active .shown-when-pledge-type-active {
      display: inline-block; }
    .pledge-type.pledge-type-active p.min-height {
      min-height: 3.75em; }
  .pledge-type.pledge-type-inactive {
    width: 25%; }
  .pledge-type.pledge-type-only {
    width: 99%; }
  .pledge-type h3 {
    text-align: center;
    margin-top: 0; }

.card-icons {
  text-align: center; }
  .card-icons img {
    width: 60px; }

#stripe-form {
  width: 300px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 300px) {
    #stripe-form {
      width: 100%; } }
  #stripe-form input {
    padding: 6px;
    width: 100%;
    border-radius: 0;
    box-sizing: border-box; }
  #stripe-form #stripe-card-number {
    margin-top: 20px;
    border-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: none; }
  #stripe-form #stripe-card-name {
    font-size: 14px;
    border-bottom: none; }
  #stripe-form #stripe-email {
    font-size: 14px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  #stripe-form .last-card-field {
    border-bottom: 1px solid #cccccc !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }

#submit-button {
  padding: 10px;
  font-weight: bold;
  border: none;
  border-radius: 6px;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #3ea8e5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#44b1e8), to(#3098de));
  background-image: -webkit-linear-gradient(top, #44b1e8, #3098de);
  background-image: linear-gradient(-180deg, #44b1e8, #3098de);
  box-shadow: 0 1px 0 0 rgba(46, 86, 153, 0.15), inset 0 1px 0 0 rgba(46, 86, 153, 0.1), inset 0 -1px 0 0 rgba(46, 86, 153, 0.4);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: 300px; }

#errors {
  color: #cc0000;
  font-weight: bold;
  margin-top: 1em; }

a.lang {
  padding: 8px;
  border: 1px solid #cccccc;
  border-radius: 2em;
  text-decoration: none;
  margin-left: 1em;
  margin-right: 1em; }
  a.lang img {
    width: 0.9em;
    height: 0.9em;
    display: inline-block; }

/*# sourceMappingURL=style.css.map */