/* theme-color : #AB0635*/
/*hide footer & printer icon*/
div#printer-friendly,
#civicrm-footer {
  display: none !important;
}

/*civicrm status block*/
.crm-container .custom-joining-page .status {
  background: none;
  border-color: #AB0635;
  padding: 1.25em 1.5em;
}

/*hide no popup warning messages*/
#crm-main-content-wrapper .messages.status.no-popup {
  display: none;
}

/*hide legend titles*/
.custom-joining-page legend {
  display: none !important;
}

/*Fabians Theme fixes*/
.custom-joining-page .content {
  width: 100%;
  padding: 0;
}

main .custom-joining-page *+* {
  margin-top: auto;
}

.custom-joining-page input, .custom-joining-page textarea, .custom-joining-page select {
  width: auto;
}
/* .Fabians Theme fixes*/

.custom-joining-page textarea:focus,
.custom-joining-page input:focus,
.custom-joining-page .select2-container .select2-choice:focus,
.custom-joining-page select:focus{
  outline: none;
}

.custom-joining-page .color {
  color: #AB0635;
}

.custom-joining-page .center-content {
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.custom-joining-page fieldset {
  border-top: none;
}

.custom-joining-page .crm-section {
  clear: both !important;
  margin-bottom: 10px !important;
}

.custom-joining-page .label {
  color: #494949;
  display: block !important;
  padding: 0;
  float: none !important;
  width: 100% !important;
  text-align: left !important;
  line-height: 22px;
  font-weight: 600 !important;
  white-space: inherit;
}

.custom-joining-page label {
  font-weight: 600 !important;
  margin-right: 15px;
}

.custom-joining-page .crm-section .content {
  margin: 0;
}

.custom-joining-page h4 {
  font-size: 28px;
  font-weight: bold;
  line-height: 33px;
  padding: 25px 0;
}

.custom-joining-page .big.crm-form-text,
.custom-joining-page .huge.crm-form-text,
.custom-joining-page .medium.crm-form-text,
.custom-joining-page .six.crm-form-text,
.custom-joining-page .creditcard {
  width: 98%;
  height: 30px;
  padding: 5px;
}

.custom-joining-page .addressLookup .ui-autocomplete-input {
  width: 98% !important;
  height: 30px !important;
  padding: 5px !important;
  border: 1px solid #999;
}

.custom-joining-page input:focus {
  border: 1px solid #AB0635;
}

.custom-joining-page div.select2-container {
  min-width: 100%;
  font-size: 16px;
  text-align: left;
}

.custom-joining-page .select2-container .select2-choice,
.custom-joining-page select {
  height: 40px !important;
  line-height: 30px;
}

.custom-joining-page .select2-container .select2-choice abbr {
  top: 13px;
  display: none;
}

.custom-joining-page .select2-container .select2-choice .select2-arrow {
  background: none;
  border: none;
}

.custom-joining-page .gender-options {
  width: 100%;
  border: 1px solid #999;
}

.custom-joining-page input.dateplugin, .custom-joining-page input.crm-form-date {
  width: 16.5em;
  background-position-x: 15em;
}

.custom-joining-page input[type=checkbox],
.custom-joining-page input[type=radio] {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: bottom;
}

.custom-joining-page .membership-block {
  margin-bottom: 25px;
}

/*border-box*/
.custom-joining-page .border-box {
  border: solid 1px #494949;
  margin:10px 0;
  display: flex;
  align-items: center;
  border-radius: 3px;
}

.custom-joining-page .border-box h2 {
  margin: 0;
  font-weight: bold;
}

.custom-joining-page .border-box h3 {
  font-size: 22px;
  background: none;
  margin: 0;
  padding: 0;
}
/* .border-box*/

/*amount-box*/
.amount-box {
  padding: 15px 5px;
  justify-content: center;
  min-height: 90px;
}

.amount-box .amount {
  font-size: 16px;
  font-weight: bold;
}

.amount-box .other_amount-content input.crm-form-text {
  border: none;
  border-bottom: 2px solid #AB0635;
  width: 75%;
  background: none;
}

.amount-box label {
  margin: auto;
}

.amount-box.active {
  border: 2px solid #AB0635;
}
/* ./amount-box*/

/*Donation box*/
.donation-box label {
  margin: 0;
  width: 100%;
  padding: 20px;
  cursor: pointer;
}

.donation-box label .crm-price-amount-label {
  font-size: 1.3em;
}

.donation-box label .crm-price-amount-label-separator {
  display: none !important;
}

.donation-box label .crm-price-amount-amount {
  float: right !important;
}

.price-set-row .panel-heading {
  padding: 0 15px;
}

.donation-box input[type="radio"],
.amount-box input[type="radio"]
 {
  position: absolute;
  opacity: 0;
  display: none;
}

.donation-box:hover {
  background-color: #f0f0f0;
  border-color: #AB0635;
  color: #AB0635;
}

.donation-box.active {
  background-color: #AB0635;
  border-color: #AB0635;
  color: #FFF;
}

.donation-box.active span {
  color: #FFF !important;
}
/* ./ donation box*/

#no-thankyou-btn {
  cursor: pointer;
}

#no-thankyou-btn:hover {
  border-color: #AB0635;
}

/*Total amount*/
#pricesetTotal .label {
  float: left !important;
  width: 50% !important;
}

#pricesetTotal #pricevalue {
  font-size: 18px;
  font-weight: bold;
  width: auto;
  float: right;
}
/* ./ Total amount*/

/*Payment processor section*/
.custom-joining-page .payment_processor-section .content label {
  display: block !important;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #AB0635;
  border-radius: 4px;
}

.custom-joining-page .payment_processor-section input[type=radio] {
  position: absolute;
  margin: 20px 0;
  opacity: 0;
}

.custom-joining-page .payment_processor-section .content label:hover {
  background-color: #f0f0f0;
  border-color: #AB0635;
  color: #AB0635;
}

.custom-joining-page .payment_processor-section .content label.active {
  background-color: #AB0635;
  border-color: #AB0635;
  color: #FFF;
}
/* ./ Payment processor section*/

/*terms box*/
.custom-joining-page .terms-box {
  display: block;
  padding: 10px 10px;
  font-size: 15px;
}

.custom-joining-page .terms-box a:link, .custom-joining-page .terms-box a:visited {
  color: #AB0635;
}

.custom-joining-page .terms-box a:link:hover {
  text-decoration: underline;
}
/* ./terms box*/

/*Multi step*/
#gk-msform .progress-line {
  width: 32%;
  display: inline-block;
}
#gk-msform #about-section{
  display:block;
}
#gk-msform hr{
  width:100%;
  height: 2px;
}
#gk-msform .active hr{
  background-color: #AB0635;
  height: 2px;
}
#gk-msform .wizard-child{
  display:none;
}
/*End of multi step*/
.gk-btn {
  width: 100% !important;
  text-shadow: none !important;
  background: #AB0635 !important;
  color: #FFF !important;
  font-size: 16px !important;
  font-weight: bold !important;
  margin: 0 !important;
  padding: 12px 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  border: 1px solid #AB0635 !important;
  box-shadow: inset 0 -2px 0 0 #97052f !important;
}

.gk-btn:active,
.gk-btn:hover {
  background: #97052f !important;
}

/*Info-panel*/
.custom-joining-page .info-panel {
  margin: -15px 0 15px;
  border: 1px solid #494949;
  border-top-color: #cacaca;
  border-radius: 0 0 4px 4px;
}

/*buttons*/

.custom-joining-page .crm-submit-buttons {
  margin: 30px 0;
}

.custom-joining-page i.crm-i {
  display: none !important;
}

.custom-joining-page .crm-container a.button,
.custom-joining-page .crm-container a.button:link,
.custom-joining-page .crm-container input.crm-form-submit,
.custom-joining-page .crm-container button.crm-form-submit {
  background: #AB0635 !important;
  border: 1px solid #AB0635 !important;
  text-shadow: none !important;
  font-size: 16px !important;
  font-weight: bold !important;
  width: 170px;
  border-radius: 4px;
  margin: 0;
  padding: 12px 0 !important;
}

.custom-joining-page .crm-container a.button:hover,
.custom-joining-page .crm-container a.button:link:hover,
.custom-joining-page .crm-container input.crm-form-submit:hover,
.custom-joining-page .crm-container button.crm-form-submit:hover {
  background: #97052f !important;
}

.custom-joining-page .crm-container .crm-button {
  text-shadow: none !important;
  background: none !important;
  border: none !important;
  margin: 0 !important;
}

.custom-joining-page .crm-submit-buttons .button.cancel {
  float: right !important;
}

@media only screen and (max-width: 375px) {
  .custom-joining-page .crm-container a.button,
  .custom-joining-page .crm-container a.button:link,
  .custom-joining-page .crm-container input.crm-form-submit,
  .custom-joining-page .crm-container button.crm-form-submit {
    width: 130px;
  }
}
/*end of buttons*/