/* custom CSS for CiviCRM for CBB */

/* format recurring contributions section of contribution pages */
label[for] {
display: table-cell;
}

.crm-public-form-item.crm-section.is_recur-section, .crm-public-form-item.crm-section.onetimegift-section {
  background-color: #395595;
  color: #fff;
}


.is_recur-section :has(input#is_recur[type="checkbox"]:checked), .onetimegift-section :has(input#onetimegift[type="checkbox"]:checked) {
  background: #ad852d;
}
input#is_recur, input#onetimegift {
  display: none;
}

.crm-public-form-item.crm-section.onetimegift-section {
  width: 250px;
  max-width: 600px;
}

@media (min-width: 480px) {
    .crm-public-form-item.crm-group.custom_pre_profile-group {
        width: 100%;
        float: left;
        max-width: 520px;
    }

    div#intro_text {
      float: left;
      max-width: 500px;
      width: 100%;
      margin-right:3em;
    }
      div#billing-payment-block {
    width: 100%;
    float: right;
    max-width: 520px;
}
}

/* format recurring contribution radio button section */

.crm-public-form-item.crm-section.is_recur_radio-section label[for="CIVICRM_QFID_is_recur_radio"], .crm-public-form-item.crm-section.is_recur_radio-section label[for="CIVICRM_QFID_month_is_recur_radio"] {
display: inline-block;
    height: auto !important;
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    margin-right: 10px !important;
    text-align: center !important;
    cursor: pointer !important;
    background: #395595;
    padding: 0 0px;
    font-size: 20px;
    max-width: 250px;
    line-height: 4rem;
    color: #ffffff;
    width: 100%;
    margin-bottom: 1em;
}
.crm-public-form-item.crm-section.is_recur_radio-section input#CIVICRM_QFID_is_recur_radio, .crm-public-form-item.crm-section.is_recur_radio-section input#CIVICRM_QFID_month_is_recur_radio {
  display: none;
}

input#CIVICRM_QFID_month_is_recur_radio[type="radio"]:checked + label, input#CIVICRM_QFID_is_recur_radio[type="radio"]:checked + label {
    background: #ad852d;
}
.crm-public-form-item.crm-section.is_recur_radio-section div.content {
  margin-left: auto;
  margin-right: auto;
}