/* TEMP STUFF */
/* custom header styling 
 * 
 * The classes provided in the header.php do not appear to be in the theme anywhere so we need to customize here.  Check with Jenn Meyer or Jon Rogers (jon@rcode5.com) if you see this and don't know what's going on */
.site-header-image-wrap {
  display: flex;
  height: 25vh;
}
.site-header-image {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
/* CUSTOM STUFF */
.mc-donate-button {
  width: 100%;
  max-width: 100% !important;
  margin-bottom: 3em !important;
}
form.give-form legend {
  visibility: hidden;
  height: 0;
}
.give-btn {
  box-shadow: none;
  text-shadow: none;
  padding: 0.5rem 1rem;
}
.give-btn:hover {
  box-shadow: none;
}
#give-recurring-form .form-row input[type=email], #give-recurring-form .form-row input[type=password], #give-recurring-form .form-row input[type=tel], #give-recurring-form .form-row input[type=text], #give-recurring-form .form-row input[type=url], #give-recurring-form .form-row select, #give-recurring-form .form-row textarea, form.give-form .form-row input[type=email], form.give-form .form-row input[type=password], form.give-form .form-row input[type=tel], form.give-form .form-row input[type=text], form.give-form .form-row input[type=url], form.give-form .form-row select, form.give-form .form-row textarea, form[id*=give-form] .form-row input[type=email], form[id*=give-form] .form-row input[type=password], form[id*=give-form] .form-row input[type=tel], form[id*=give-form] .form-row input[type=text], form[id*=give-form] .form-row input[type=url], form[id*=give-form] .form-row select, form[id*=give-form] .form-row textarea {
  background: white;
}
#give-recurring-form .form-row input[type=email]:active, #give-recurring-form .form-row input[type=email]:focus, #give-recurring-form .form-row input[type=email]:active:focus, #give-recurring-form .form-row input[type=password]:active, #give-recurring-form .form-row input[type=password]:focus, #give-recurring-form .form-row input[type=password]:active:focus, #give-recurring-form .form-row input[type=tel]:active, #give-recurring-form .form-row input[type=tel]:focus, #give-recurring-form .form-row input[type=tel]:active:focus, #give-recurring-form .form-row input[type=text]:active, #give-recurring-form .form-row input[type=text]:focus, #give-recurring-form .form-row input[type=text]:active:focus, #give-recurring-form .form-row input[type=url]:active, #give-recurring-form .form-row input[type=url]:focus, #give-recurring-form .form-row input[type=url]:active:focus, #give-recurring-form .form-row select:active, #give-recurring-form .form-row select:focus, #give-recurring-form .form-row select:active:focus, #give-recurring-form .form-row textarea:active, #give-recurring-form .form-row textarea:focus, #give-recurring-form .form-row textarea:active:focus, form.give-form .form-row input[type=email]:active, form.give-form .form-row input[type=email]:focus, form.give-form .form-row input[type=email]:active:focus, form.give-form .form-row input[type=password]:active, form.give-form .form-row input[type=password]:focus, form.give-form .form-row input[type=password]:active:focus, form.give-form .form-row input[type=tel]:active, form.give-form .form-row input[type=tel]:focus, form.give-form .form-row input[type=tel]:active:focus, form.give-form .form-row input[type=text]:active, form.give-form .form-row input[type=text]:focus, form.give-form .form-row input[type=text]:active:focus, form.give-form .form-row input[type=url]:active, form.give-form .form-row input[type=url]:focus, form.give-form .form-row input[type=url]:active:focus, form.give-form .form-row select:active, form.give-form .form-row select:focus, form.give-form .form-row select:active:focus, form.give-form .form-row textarea:active, form.give-form .form-row textarea:focus, form.give-form .form-row textarea:active:focus, form[id*=give-form] .form-row input[type=email]:active, form[id*=give-form] .form-row input[type=email]:focus, form[id*=give-form] .form-row input[type=email]:active:focus, form[id*=give-form] .form-row input[type=password]:active, form[id*=give-form] .form-row input[type=password]:focus, form[id*=give-form] .form-row input[type=password]:active:focus, form[id*=give-form] .form-row input[type=tel]:active, form[id*=give-form] .form-row input[type=tel]:focus, form[id*=give-form] .form-row input[type=tel]:active:focus, form[id*=give-form] .form-row input[type=text]:active, form[id*=give-form] .form-row input[type=text]:focus, form[id*=give-form] .form-row input[type=text]:active:focus, form[id*=give-form] .form-row input[type=url]:active, form[id*=give-form] .form-row input[type=url]:focus, form[id*=give-form] .form-row input[type=url]:active:focus, form[id*=give-form] .form-row select:active, form[id*=give-form] .form-row select:focus, form[id*=give-form] .form-row select:active:focus, form[id*=give-form] .form-row textarea:active, form[id*=give-form] .form-row textarea:focus, form[id*=give-form] .form-row textarea:active:focus {
  border-color: #888;
}
[id*=give-form] fieldset {
  margin: 0 0 2rem;
}
fieldset.give-donation-submit {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-template-rows: 1fr;
  grid-gap: 1rem;
  align-items: center;
}
fieldset.give-donation-submit > p#give-final-total-wrap {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
}
fieldset.give-donation-submit > div {
  grid-column: 1;
  grid-row: 1;
  margin: 1rem 0;
}
input[type="submit"].give-submit {
  background: #645aaa;
  padding: 1rem 2rem;
  box-shadow: none;
  color: white;
  font-weight: bold;
  font-size: 1.2rem;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-shadow: none;
  border: 0 none;
}
input[type="submit"].give-submit:hover {
  background: #59509b;
}