/*! Example of Using Custom CSS to theme Kindful Fundraising Pages

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


 
.public_organizations, .public_chapters {

    font-family: Gotham, "Avenir", sans-serif;

}

.public_organizations #donate-form .form-header h3 {
    font-family: Gotham, "Avenir", sans-serif;

    font-weight: 700!important;
    text-transform: uppercase!important;
    font-size: 40px!important;
    line-height: 1.75em!important;
    text-align: left!important;
    font-size: 40px!important;
    color: rgb(78, 120, 156)!important;
}

.fa {
color: rgb(78, 120, 156)!important;

}
.public_organizations #donate.kf-disabled-btn, .public_organizations #donate.kf-disabled-btn:hover, .public_chapters #donate.kf-disabled-btn, .public_chapters #donate.kf-disabled-btn:hover {
color:rgb(116, 205, 212)!important;
border-color:rgb(116, 205, 212)!important;


}


.public_organizations .toggle-button-container .toggle-wrapper .toggle-button.active, .public_chapters .toggle-button-container .toggle-wrapper .toggle-button.active ,.public_organizations #donate-form .donation-buttons-wrapper .btn.active, .public_chapters #donate-form .donation-buttons-wrapper .btn.active {
    border: 1px solid rgba(78,120,156,0.84) !important;



}

.public_organizations #donate-form .donation-buttons-wrapper .btn-default,.public_chapters #donate-form .donation-buttons-wrapper .btn-default   {
    
    border-color: rgb(78, 120, 156)!important;
}

.public_organizations #donate-form input[type='text'], .public_organizations #donate-form select, .public_chapters #donate-form input[type='text'], .public_chapters #donate-form select {
    border: 1px solid  rgb(78, 120, 156)!important;
  
}


.public_organizations #donate-form input[type='text']:active, .public_organizations #donate-form select:active, .public_chapters #donate-form input[type='text']:active, .public_chapters #donate-form select:active {
    border: 1px solid  rgb(116, 205, 212)!important;
  
}


 p {

    font-family: Gotham, "Avenir", sans-serif;
    font-size:20px!important;

}
div#organization-title {
   color: rgba(78,120,156,0.84);
    font-family: Gotham, "Avenir", sans-serif;
    font-weight: 700;
}

.public_organizations .toggle-button-container .toggle-wrapper .toggle-button, .public_chapters .toggle-button-container .toggle-wrapper .toggle-button {

    border-color:rgb(116, 205, 212)!important;

}
.public_organizations .toggle-button-container .toggle-wrapper .toggle-button:first-of-type:not(.active), .public_chapters .toggle-button-container .toggle-wrapper .toggle-button:first-of-type:not(.active) {
    border-right-color: #FFF!important
} 
.public_organizations .infoCard.donate, .public_chapters .infoCard.donate {
    /* background-color: rgba(78,120,156,0.84) !important; */
    border: 1px solid rgba(78,120,156,0.84);
 
    border-radius: 5px;
}

.public_organizations #donate-form .input-prepend .add-on, .public_chapters #donate-form .input-prepend .add-on {
    color:rgba(78,120,156,0.84);
}


/*Donation Amount Buttons*/

.public_organizations #donate .btn-info {

    font-family: Gotham, "Avenir", sans-serif;
   
    font-size: 20px;
   
    font-weight: bold;
   
   }
   
   .public_organizations #donate  input.btn.btn-info.donate-btn-group {
   
    
    background: rgb(78, 120, 156) !important;
   
   }
   
   /*Big Submit button on Main Landing Page*/
   
   .public_organizations #donate  .btn-inverse{
   
    font-family: Gotham, "Avenir", sans-serif;
   
    font-size: 20px;
   
    font-weight: bold;
   
    background:   rgb(78, 120, 156) !important;

   
   }
   
   /*Big Submit button on Billing Info Page*/
   
   .public_organizations #donate  input.button {
   
    font-family: Gotham, sans-serif;
   
    font-size: 20px;
   
    font-weight: bold;
   
    background:   rgb(78, 120, 156) !important;
   
   }
   
   /*DONATE NOW HEADER*/
   
   .public_organizations #donate  h3{
   
   padding: 20px 20px 20px 20px;
   
   }
   
   
   /*INFO HEADERS ON BILLING SCREEN
   
   To Do: change theme-red to match whatever theme you selected inside Kindful
   
   https://app.kindful.com/admin/fundraising/donation_page*/
   
   .public_organizations #donate div.theme-red .infoCard > h2{
   
   background:   rgb(78, 120, 156) !important;
   
   text-align: center;
   
   }