/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .tnt-donation-form .form-group {
   background-color: transparent;
   display: flex;
   border: none;
 }

 .tnt-donation-form #donation-amount {
   /* display:none; */
 }

 .tnt-donation-form .donation-recurring{
   visibility: hidden;
 }

 .tnt-donation-form .btn.btn-primary{
   background-color: #42210B !important;
 }

 .tnt-donation-form .btn.btn-primary.active{
  color: #ffffff !important;
  background-color: #4C552A !important; 
 }

 .tnt-donation-form [class*=col-] {
    padding-bottom:0;
 }

 .tnt-donation-form p{
   margin-bottom:0;
 }

.tnt-donation-form .row{
  direction: ltr;
  text-align: left;
}

 .tnt-donation-form button[type=submit]{
   margin-top:30px;
 }

 .tnt-donation-form input[type=checkbox]+label:after,
 .tnt-donation-form input[type=radio]+label:after{
   background-color: transparent;
 }

 /* ===== Button Group ===== */

.btn-group label.btn-primary {
  background-color: #038ba1 !important;
  border-color: #038ba1 !important;
}

.btn-group label.btn-primary.active{
  background-color: #037588 !important;
}

.btn-group .label:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}