/*! Custom CSS to theme Kindful Fundraising Pages

   ===================================================================== */

/*Donation Amount Buttons*/

h3 {
  font-family: open sans, sans-serif;
  font-weight: extra bold !important;
  font-weight: 800 !important;
  font-style: italic !important;
  color: #748DC1 !important;
}

.btn-info {
  font-family: open sans, sans-serif;
  font-size: 20px;
  font-weight: bold;
}

input.btn.btn-info.donate-btn-group {
  background: #FA7153 !important;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

/*Big Submit button on Main Landing Page*/

.btn-inverse {
  background:#ef857e !important;
  font-family: open sans, sans-serif;
  font-size: 20px;
  font-weight: bold;
}

.btn-inverse:hover {
  background:#FA7153 !important;
  font-family: open sans, sans-serif;
  font-size: 20px;
  font-weight: bold;
}

span.add-on {
  color: #748DC1 !important;
}

/* General Payment Summary Box

.user_campaigns form .currency label, {
  color: #748DC1 !important;
}

/*.user_campaigns form .currency label, .admin_give form .currency label, .user_pledges.new form .currency label, .user_embeds form .currency label {
/*  color: #748DC1 !important;
/*}

.theme-orange .campaignInfo h2 a.green {
    color: #748DC1 !important;
}

.label::before {
  color: #748DC1 !important;
}
.user_campaigns form input[type='checkbox']+label, {
    color: #748DC1 !important;
}


/*Big Submit button on Billing Info Page*/

input.button {
  font-family: open sans, sans-serif;
  font-size: 20px;
  font-weight: bold;
  background: #F9AF9F !important;
}

/*DONATE NOW HEADER*/

h3{
  /*padding: 20px 20px 20px 20px;*/
}


/*INFO HEADERS ON BILLING SCREEN

To Do: change theme-orange to match whatever theme you selected inside Kindful

https://app.kindful.com/admin/fundraising/donation_page*/

div.theme-orange .infoCard > h2 {
  background: #F9AF9F !important;
  text-align: center;
}

body.public_causes.show .orgInfo {
background: linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.15)) !important;
}

body.public_causes.show a.flat-btn.donate, body.public_causes.join a.flat-btn.donate {
    min-width: 200px;
    background: #FA7153;
    color: #FFF;
    border: solid 1px #FA7153 !important;
}

a.flat-btn.donate:hover {
    background: #f9af9f !important;
}

a.donate_button.additional-donation-button {
    background: #748DC1 !important;
}