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

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

html {
    font-family:roboto
    font-color:black
}


/*Citizens for Global Solutions HREF Line*/

.user_campaigns form .currency label, .admin_give form .currency label, .user_pledges.new form .currency label, .user_embeds form .currency label {
    
    color:#0544f9
    
}

.public_organizations #donate-form .input-prepend .add-on, .public_chapters #donate-form .input-prepend .add-on {
    
    color:#0544f9
    
}



/*Donation Amount Buttons*/

.btn-info {

 

 font-family: "Roboto";

 color:#424649 !important;

 font-size:16px;

 font-weight:bold;
}

input.btn.btn-info.donate-btn-group {

 
 background-color: white !important;

 border: 2px solid #f47600 !important; /* Orange */
 
 padding: 10px 10px 10px 10px !important;

}


/*Big Submit button on Main Landing Page*/

.btn-inverse{

 font-family: "Roboto";

 font-size: 20px;

 font-weight: bold;

 background: #f47600 !important;

}

.public_organizations #donate:hover, .public_chapters #donate:hover {
    background: #27318b !important;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.35);
}


/*Big Submit button on Billing Info Page*/

input.button {

 font-family: "Roboto";

 font-size: 20px;

 font-weight: bold;

 background: #f47600 !important;

}

input.button:hover {
    
 background-color:#27318b !important;   
    
}

/*DONATE NOW HEADER*/

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*/

.theme-navy 
.infoCard>h2 {

background: #27318b !important;

text-align: center;

}

.theme-navy a.green {
    color: #0544f9 !important;
    
}