@charset "UTF-8";
/* CSS Document */

body {
background-color:#4665c6;

font-family: mulish,Arial,Helvetica,sans-serif;
font-size: 18px;
position: relative;
}

/*.custom-container {
max-width: 1350px;
margin-left: auto;
margin-right: auto;
margin-bottom: -220px;
height: auto;
}*/
.clickbutton {

    padding:15px 0px 0px 15px;
    
}
.col25 {
    width:24%;
    min-width: 100px;
    padding:8px;
}
.col50 {
    width:49%;
    min-width: 100px;
    padding:8px;
}
.col50-contain {
    max-width: 98%;   
}
.col45 {
    width:45%;
    min-width: 90px;
    padding:8px;
}

.center {align: center;}
.clear {
    clear:both;
}
.cta {
 padding:0px 20px;
}
/*.cxerror {
  color:red;
    align:right;
    white-space: nowrap;
    float: right;
    background-color: white;
}*/
.floatl{
    float:left;
}

.floatr {
    float:right;
   
}
.seperator {
    height:20px;
}
.dcard {
 
  
    max-width:98%;
    height:70px;
    
}
.dcontainer {
    background-color:#fff;
    padding:20px;
    margin-left: auto; 
    margin-right: auto;
    margin-top:20px;
    max-width:860px;
}
.donation-banner {
max-width: 900px;
/*min-height: 450px;*/
margin: -10px auto;
text-align: center;
}
.donation-image {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    padding-top: 20px;

}

.donation-welcome_description {
font-size: 16px;
line-height: 1.2;
color: #102033;
}

.dtxtarea {
padding: 10px 10px 40px!important;
line-height: 1.4!important;
}
.dfooter {
margin:auto;
border: 0px solid #fff;
color:#fff;
font-family: mulish,Arial,Helvetica,sans-serif;
font-size: 16px;
max-width: 900px;
min-height: 60px;   
padding:20px;
text-align: center
}
.donation-form .section.tribute {
    padding: 10px 0px 10px 28px;
}
.dprocessing {
  padding:20px;
  border:2px solid #2C5EE5;
  background-color: #BAD2F8;
}
.dthankyou {
  padding:20px;
  border:2px solid #E5A12F;
  background-color: #fef8e5;
}
.dTribute {
 margin-bottom:20px;   
 border:2px solid #000;   
}
.headline {
color: #fff;
padding: 0px 0px 0px 0px;
font-weight: 700;
text-align: center;
font-size: 1.4em;
margin-top: 20px;
margin-bottom: 20px;
}
.tagline {
color: #fff;
padding: 0px 0px 0px 0px;
font-size: 1.1em;
}
.indent {
  padding-left:40px;  
    
}
.donation-form .checkstyle{

	background-color: #fafafa;
	border: 2px solid #000;

}
.logowrap {
width: 200px;
float:left;
}
.sdonationform {
  padding:10px 20px;  
    
}
.stompbutton {
padding: 20px 0px 0px 0px;
font-weight: 700;
text-align: center;
font-size: 1.6em;
margin-top: 20px;
margin-bottom: 20px;
}
.stomp-head {
/**/margin: 0px auto;
padding: 10px 40px;
min-height: 200px;
max-width: 900px;
text-align: center;
color: #ffffff;
}
.stomp-logo {
text-align: center;
width: 200px;
cursor: pointer;
}
.slabel {
   font-size: 20px;
}
.tax-exempt{
  padding-top:10px; 
    font-size:14px;  
}

.tcomplete {
  padding:20px;
    font-size:18px;
    font-weight:700;
    
}
.true-impact {
    max-width:90%;
    margin-bottom:30px;
}
.wall {
      background-image: url("wordwall.png");  
    
}
/*radio squares*/

.radio-toolbar input[type="radio"] {
     display: none;
}

.txtfield {

display: block;
border: 1px solid rgba(0,0,0,.6);
border-radius: 3px;
height: 32px;
padding: 10px;
color: rgba(0,0,0,.87);

line-height: 24px;
font-weight: 400;

outline: 0;

font-family: mulish,Arial,Helvetica,sans-serif;
width: 100%;
max-width: 100%;
-webkit-appearance: none;
background-color: #f9f9f9;
font-size: 16px;
margin: 4px 0;

}
.txtfielddrop {
    border: #A2A0A0 1px solid;
    padding: 10px 10px;
    height:30px;
    font-family: sans-serif, Arial;
    font-size: 14px;
    

}

.radio-toolbar label {
    display: block;
    background-color: #e8e7ee;
    padding: 20px 20px;
    margin: 0px 4px 4px 0px;
    font-family: sans-serif, Arial;
    font-size: 18px;
    font-weight:700;
    width: 6rem;
    height:auto;
    text-align: center;
    border-radius: 4px;
}

.radio-toolbar label:hover {
    background-color: rgb(79, 65, 132);
    border-color: white;
    color: white;
}
.radio-toolbar input[type="radio"]:checked+label {
    background-color: rgb(79, 65, 132);
    border-color: white;
    color: white;
}
.otherAmount {
    padding: 20px 20px;
    height:30px;
    font-family: sans-serif, Arial;
    font-size: 20px;
    width: 8rem;
    
}


/*  ============ Bloomerang Styles =============== */

.donation-form label{
    color: #404040; 
    display: block;
   /*padding-bottom:4px;*/
} 
 
.donation-form label.error, 
                     .donation-form #card-errors{color: red;} 
 
.donation-form label.error{display: inline-block; 
                padding: 0 10px;} 
 
.donation-form section{padding: 5px;} 
 
.donation-form .field{padding: 4px 0;} 
 
.donation-form .field .required-star{color: red;  
                display: inline-block;  
                margin-left: 5px;} 
 
.donation-form .field .checkboxes{max-width:275px; 
                border: 1px solid #A9A9A9; 
                -webkit-transition: all .3s ease-out; 
                -moz-transition: all .3s ease-out; 
                transition: all .3s ease-out;} 
 
.donation-form .field .checkbox{display:block; 
                position:relative; 
                -moz-box-sizing:border-box; 
                box-sizing:border-box; 
                height:30px; 
                line-height:26px; 
                padding:2px 28px 2px 8px; 
                border-bottom:1px solid rgba(0,0,0,0.1); 
                color:#404040;   
                overflow:hidden; 
                text-decoration:none; } 
 
.donation-form .field .checkbox input{opacity:0.01; 
                position:absolute; 
                left:-50px;   
                z-index:-5;} 
 
.donation-form .field .checkbox:last-child{border-bottom:none;} 
 
.donation-form .field .checkbox.selected{background: rgb(50, 142, 253); 
                color:#fff; } 
 
.donation-form .field .checkbox.selected:before{color:#fff; 
                line-height:30px; 
                position:absolute; 
                right:10px; } 
 
.donation-form .field input, 
                     .donation-form .field select, 
                     .donation-form .field textarea, 
                     .donation-form #card-element, 
                     .donation-form #paypal-button-container{padding: 4px;  
 /*Field max-width 275px */
                max-width: 860px; 
                width: 96%} 
 
.donation-form .field .StripeElement{background-color: white; 
                background-color: -moz-field; 
                border: 1px solid darkgray; 
                display: inline-block;} 
 
.donation-form .field textarea.international{height: 120px;} 
 
.donation-form .field select{box-sizing: content-box;} 
 
.donation-form .section.recurring{padding-left: 30px} 
 
.donation-form .field.radio label, 
                     .donation-form .field.checkbox label{display: inline-block;} 
 
.donation-form .field.radio input, 
                     .donation-form .field.checkbox input{width: auto; 
                margin-left:0;} 
 
.donation-form .section.consent .field.checkbox:not(.consent-all){margin-left: 20px;} 
 
.donation-form #cardExpirationMonth, 
                     .donation-form #cardExpirationYear{width: 85px;} 
 
.donation-form #security-code{width: 55px;} 
 
.donation-form .field .sidenote{color: #999; 
                font-size: 10px; } 
 
.donation-form .field.other-option, 
                     .donation-form .field.other-amount, 
                     .donation-form .field.cardExpirationMonth, 
                     .donation-form .field.cardExpirationYear{display: inline-block;} 
 
.donation-form .field.other-amount{padding-left: 6px;} 
 
.donation-form .field.cardExpirationMonth{padding-right: 20px;} 
 
.donation-form #other-amount{width: 65px;} 
 
.donation-form #frequency{width: 85px;} 
 
.donation-form #start-date{width: 150px;} 
 
.donation-form .errors{border: 1px solid red; 
                color: red;   
                padding: 10px;} 
 
.error {
    background: none !important;
    background-color: transparent !important;
    
}
.donation-form .radio label.error{
    color:red;
   /*  display: inline-block; 
    float: right;*/
    padding-left: 50%; 
    white-space: nowrap;

} 
 
.donation-form .hidden{display: none;} 
 
.btn-group .btn-submit-donation{
    /*cursor: pointer;
    padding: 4px 10px;*/

  background-color:rgb(79, 65, 132);
  border-radius: 15px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  margin: 20px 0px;
  min-height: 60px;
  /*min-width: 0;*/
  width:300px;
  padding: 16px 24px;
  text-align: center;
  text-decoration: none;
   
    border-top-width: 0px !important;
    border-right-width: 0px!important;
    border-bottom-width: 0px!important;
    border-left-width: 0px!important;
  
} 

.btn-group .btn-submit-donation:hover {
  background-color:rgba(73,107,201,1.00);
  transform: translateY(-2px);
}
 

 @media only screen and (max-width: 600px) {

 .headline {
color: #fff;
padding: 0px 0px 0px 0px;
font-weight: 700;
text-align: center;
font-size: 1em;
margin-top: 20px;
margin-bottom: 20px;
}
.tagline {
color: #fff;
padding: 0px 0px 0px 0px;
font-size: 1em;
}    
.logowrap {
width: 100%;
}
}