/* HS Donation mods */
#amount_container .input-prepend .add-on, #amount9999 .input-small, input#amount, .give-donation-amount input#rd_amount {font-size: 26px !important;}
#amount_container input[type="radio"], .mod_jdonation_amount input[type="radio"] {display: none;}
#amount_container input[type="radio"] + label, .mod_jdonation_amount input[type="radio"] + label {display: inline-block; cursor: pointer;}
#amount_container input[type="radio"] + label:before, .mod_jdonation_amount input[type="radio"] + label:before {
  content: none; display: inline-block; position: relative; margin:0;
}
/* #amount_container input[type="radio"]:checked + label:before, .mod_jdonation_amount input[type="radio"]:checked + label:before {content: "✔";} */
#amount_container input[type="radio"]:checked + label, .mod_jdonation_amount input[type="radio"]:checked + label {background: #004E60;}

form#os_form #amount_container .jd_predefined_box {padding: 0px;}
form#os_form #amount_container label {padding: 15px 12px 15px 8px; margin-bottom: 0px; text-align: center;}
form#os_form div div div div p:first-child {margin-top: 0px !important; margin-bottom: 0px !important; font-size: initial !important; vertical-align: text-bottom;}
label.radio-label-btn.selected {background: #004E60 !important; border: none !important; color: #fff !important; filter: initial !important;}
label.radio-label-btn:hover {background: #028E9C;}
label.radio-label-btn {
  display: block !important; font-size: 26px !important; color: #fff; text-align: center;
  background: #00778B; display: block; border: none;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
  -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out;
  -webkit-appearance: none;
  box-sizing: border-box; -shadow: 0 1px 2px 0 #d1d1d1;
}
label.radio-label-btn#amount9999 {background: initial !important; color: initial !important; font-size: 26px !important; font-weight: initial; box-shadow: none;}

form#os_form .controls input[type="radio"] {vertical-align: initial !important; margin-right: 5px !important;}
form#os_form .controls select, form#os_form .donationfields select {line-height: 40px; height: 40px;}
form#os_form .jd-page-title {margin-bottom: -20px;}
.jd-row .jd-description h3.jd_title {font-weight: normal; font-size: 22px;}
#amount9999 label {min-height: auto;}
#amount9999 .input-small, input#amount {width: 165px !important;}
label.control-label {margin: 0px; font-size: 100%; line-height: initial;}
#donation_type label.control-label {display: none;}
#donation_type .controls {margin-left: 30px !important;}
.donate-details .jd-taskbar {padding-left: 0px;}

/* Donations module on Home page */
.give-goal-progress {display: none !important;}
.donation-module-general-div .give-total-wrap .give-donation-amount {display: block !important; text-align: center !important;}
.give-total-wrap .give-currency-symbol {font-weight: initial !important; color: #000000 !important; background: none !important; padding: 0 12px 0px 0px !important;}

@media only screen and (max-width: 1199px) and (min-width: 320px) {
  form#os_form #amount_container input[type="radio"] {margin-left: 20px;}
  form#os_form #amount_container .jd_predefined_box {padding-bottom: 10px !important;}
  form#os_form input[type="text"] {line-height: 38px; min-height: 38px; box-sizing: border-box;}  
  #donation_type .controls {margin-left: 0px !important;}  
}

@media only screen and (max-width: 480px), (max-device-width: 480px) {
  #donation_type .controls label.radio {margin-left: 0px !important;}  
}