@import url("https://use.typekit.net/ddz1rxv.css");

@font-face {
    font-family: 'ketchupa';
    src: url('../fonts/ketchupa_regular-webfont.woff2') format('woff2'),
         url('../fonts/ketchupa_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1,h2, h3, h4, h5, h6, .givewp-fields-radio-subscriptionPeriod label, .givewp-fields-amount__level-container button  {
  font-family: "ketchupa","museo-sans",Helvetica,Roboto,Arial,sans-serif;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 400;
}
h3, .gift-aid__title, .givewp-elements-donationSummary__header {
  color:#ef4136;
  font-size:38px !important;
  font-weight: 400 !important;
}
p, legend {
  font-family: "museo-sans",Helvetica,Roboto,Arial,sans-serif;
  font-size: 24px;
}

label span, .givewp-fields-radio-subscriptionPeriod legend {
   font-family: "museo-sans",Helvetica,Roboto,Arial,sans-serif; 
   font-size: 18px;
   font-weight: bold;
}

input[type="radio"] label {
  font-family: "ketchupa","museo-sans",Helvetica,Roboto,Arial,sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}


h1,h2 {
  font-size:68px;
  text-transform: uppercase;
}

.givewp-fields-radio-subscriptionPeriod label, .givewp-fields-amount__level-container button {
  font-size: 24px;
  border-radius: 0;
}

button[type="submit"] {
  font-family: "ketchupa","museo-sans",Helvetica,Roboto,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 38px;
  border-radius: 3px 3px 0 3px;
  position: relative;
  font-weight: 400;
}

button[type="submit"]::after {
  position: absolute;
  display: inline-block;
  width: .8rem;
  height: .5rem;
  content: "";
  right: -2px;
  bottom: -.5rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='auto' viewBox='0 0 16 11' preserveAspectRatio='none'%3E%3Cpath d='M0 0a1.866 1.866 0 0 1 1.226.467L12.8 10.525A1.96 1.96 0 0 0 16 8.841V0' fill='%23EF4136'/%3E%3C/svg%3E");
}

.givewp-fields-gateways__gateway--gocardless > label,.givewp-fields-gateways__gateway--stripe_payment_element > label, .givewp-fields-gateways__gateway__fields {
  border-width: 3px;
}

.receipt-header-top-wrap {
  background-color: #ef4136;
}