/* Donation Form Page*/

/* Colour Variables */
:root {
  --primary: #026288;
  --primary-hover: #0784b5;
  --primary-opaque: #e9f9ff;
  --secondary: #696969;
  --white: #fff;
  --black: #000;

}

/* Elements Styles */

input[type="text"] {
  width: 250px !important;
}

input[type="text"]:focus {
  outline: 1px solid var(--primary) !important;
}

@media screen and (max-width:750px) {
  input[type="text"] {
    width: 100% !important;
  }
}

select {
  width: 262px !important;
}

@media screen and (max-width:750px) {
  select {
    width: 100% !important;
  }
}

#content .select2-container.crm-select2 {
  width: 252px !important;
}

@media screen and (max-width:750px) {
  #content .select2-container.crm-select2 {
    width: 100% !important;
  }
}

#content * {
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
script {
  display:none !important;
}

/* Page Content */
#content {
  width: 700px;
  margin: 0 auto;
  max-width: 100%;
}

#content .crm-container div.form-item {
  height: auto !important;
}

/* Button Styles */
#content .button-block {
  padding: 1rem !important;
  display: block !important;
  background-color: var(--primary);
  color: var(--white);
}

#content .button-block:hover,
#content .button-block:focus
{
  background-color: var(--primary-hover) !important;
  font-weight: bold !important;
  color: var(--white) !important;
}

#content input[type="radio"]:checked+label {
  background-color: var(--primary-hover) !important;
  color: var(--white) !important;
  font-weight: bold !important;
}


#content h1 {
  margin-bottom: 1rem !important;
}

/* Gift - Monthly/One Time */

#content #gift_type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 1.2rem !important;
}

#content #gift_type > * {
  flex-grow: 1;
}

/* Gift Amount Section */
#content .price-set-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  text-align: center;
  margin-bottom: 75px !important;
}

#content .price-set-row > * {
  display: block;
  flex-grow: 1;
  margin-right: 0.3rem !important;
  margin-bottom: 0.3rem !important;
}

#content .price-set-row .button-block .crm-price-amount-label {
  color: var(--white);
}

#content .price-set-row .price-set-option-content:nth-child(4) {
  margin-right: 0 !important;
}

#content .price-set-row .price-set-option-content label {
  display: block !important;
}

#content .price-set-row .price-set-option-content:last-of-type {
  position: absolute;
  top: 60px;
  display: flex;
  margin-top: 1rem !important;
}

@media screen and (max-width:750px) {
  #content .price-set-row .price-set-option-content:last-of-type {
    width: 100%;
  }
}

#content .price-set-row .price-set-option-content:last-of-type .button-block {
  margin-right: 0.5rem !important;
}

#content .price-set-row .price-set-option-content:last-of-type #price_174 {
  height: 2.2rem;
  padding: 0.5rem !important;
}

/* ***** */

/* Total Amount */
#content #pricesetTotal {
  display: flex;
  margin-bottom: 1.2rem !important;

}

#content #pricesetTotal > * {
  text-align: left !important;
  margin-right: 5px !important;
  width: auto;
}



#content .crm-public-form-item.crm-section.is_recur-section,
#content .crm-public-form-item.crm-section.is_for_organization-section
{
  visibility: hidden;
  position: absolute;
  top: 0;
}

/* Donation Type */
#content #donation_type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 1.2rem !important;
}

#content #donation_type > * {
  flex-grow: 1;
}

/* In Tribute Section */
#content .crm-public-form-item.crm-section.soft_credit_type_id-section .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 1.2rem !important;
  margin-top: 1.2rem !important;
  /* padding-right: 1rem !important; */
  position: relative;
}

#content .crm-public-form-item.crm-section.soft_credit_type_id-section .content > * {
  flex-grow: 1;
}

#content .crm-public-form-item.crm-section.soft_credit_type_id-section .content .crm-hover-button.crm-clear-link {
  position: absolute;
  right: -1rem;

}

#content .crm-public-form-item.crm-group.honor_block-group {
  margin-top: 1.2rem !important;
}

/* Forms */

#content #honorType,
#content fieldset.crm-profile.crm-profile-id-181.crm-profile-name-Additional_Information_181,
#content fieldset.crm-profile.crm-profile-id-181.crm-profile-name-Additional_Information_181 fieldset.crm-profile,
#content #on-behalf-block fieldset
{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#content #honorType > *,
#content fieldset.crm-profile.crm-profile-id-181.crm-profile-name-Additional_Information_181 > *,
#content fieldset.crm-profile.crm-profile-id-181.crm-profile-name-Additional_Information_181 fieldset.crm-profile > *,
#content #on-behalf-block fieldset > *
{
  display: block ;
  flex-grow: 1 !important;
  flex-basis: 50% !important;
}

@media screen and (max-width: 750px) {
  #content #honorType > *,
  #content fieldset.crm-profile.crm-profile-id-181.crm-profile-name-Additional_Information_181 > *,
  #content fieldset.crm-profile.crm-profile-id-181.crm-profile-name-Additional_Information_181 fieldset.crm-profile > *,
  #content #on-behalf-block fieldset > *
  {
    flex-basis: 100% !important;
  }
}

#content #honorType input[type="radio"]:checked+label,
#content fieldset.crm-profile.crm-profile-id-181.crm-profile-name-Additional_Information_181 input[type="radio"]:checked+label,
#content fieldset.crm-profile.crm-profile-id-181.crm-profile-name-Additional_Information_181 fieldset.crm-profile input[type="radio"]:checked+label,
#content #on-behalf-block fieldset input[type="radio"]:checked+label
{
  background-color: transparent !important;
  color: var(--black) !important;
}

#content #honorType .crm-section,
#content fieldset.crm-profile.crm-profile-id-181.crm-profile-name-Additional_Information_181 .crm-section,
#content fieldset.crm-profile.crm-profile-id-181.crm-profile-name-Additional_Information_181 .crm-section
{
  margin-bottom: 1rem !important;
}

/* Help Messages */

#content .messages.help  {
  border: none;
  padding: 0.5rem 1rem !important;
  background-color: var(--primary-opaque) !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

#content fieldset.crm-profile.crm-profile-id-181.crm-profile-name-Additional_Information_181 .messages.help {
  flex-basis: 100% !important;
}

#content fieldset.crm-profile.crm-profile-id-181.crm-profile-name-Additional_Information_181 fieldset.crm-profile {
  flex-basis: 100% !important;
}

#content .crm-inline-error {
  display: block !important;
  margin-top: 0.3rem !important;
  width: 250px;
  padding: 0.3rem 0.5rem !important;
}

@media screen and (max-width:750px) {
  #content .crm-inline-error {
    width: 100%;
  }
}

#editrow- input.crm-form-radio.crm-inline-error.alert-danger{
  width: auto !important;
  display: inline-block !important;
}
/* Submit Button */
#content #crm-submit-buttons {
  margin-top: 1.2rem !important;
}

#content #crm-submit-buttons button {
  padding: 0.5rem 1rem !important;
  background-color: var(--primary) !important;
}

#content #crm-submit-buttons button:hover {
  background-color: var(--primary-hover) !important;
}

/* Payment Section */
#payment_information .billing_mode-group.credit_card_info-group {
  margin-bottom: 10px !important;
}

#payment_information {
  margin-bottom: 20px !important;
}

/* Introduction section reset the UL and LI look and the table boarders */
.path-civicrm.page-civicrm-contribute-transact .intro_text-section ul, .path-civicrm.page-civicrm-contribute-transact .intro_text-section li {
  list-style: disc;
}

.page-civicrm.page-civicrm-contribute-transact .intro_text-section table td {
  border: none;
}