/******************************************************************
Site Name:
Author:

Stylesheet: Memberpress Styles

******************************************************************/
/*
MEPR 
*/
.mepr-account-container .mepr-button,
.mepr-account-container input[type=button],
.mepr-account-container input[type=reset],
.mepr-account-container input[type=submit],
.mepr-submit,
.mp-address-group .mepr-form-input,
.form-wrapper .mp-address-group input[type=text] {
  margin: 0;
  box-shadow: none;
  border-radius: 4px;
  height: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff !important;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  margin: 15px 10px;
  background-color: #0274A5 !important;
  padding: 10px 40px !important;
}

.mepr-app-layout {
  font-family: "Montserrat", sans-serif !important;
}
.mepr-app-layout .site-branding-back a {
  color: #ffffff;
  font-weight: 600;
  font-size: 1.15em;
}

.single-memberpressproduct {
  font-family: "Montserrat", sans-serif !important;
}
.single-memberpressproduct #primary {
  max-width: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(235, 238, 247) 50%);
}
.single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container {
  flex-direction: row;
}
.single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .form-wrapper {
  border-left: none !important;
  padding: 3rem;
  order: 1;
}
.single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .form-wrapper .mepr-payment-methods-radios {
  grid-template-columns: inherit !important;
}
.single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .form-wrapper .mepr-submit {
  background-color: #0274A5 !important;
  padding: 10px !important;
}
.single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .form-wrapper .mp-form-row label {
  font-weight: 600;
}
.single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .form-wrapper .mp-form-row .mp-form-row-group .mp-form-row {
  margin: 10px 0;
}
.single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .form-wrapper .mp-form-row.mp-address-group {
  box-shadow: initial;
}
.single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .invoice-wrapper {
  order: 2;
  padding: 3rem !important;
}
.single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .invoice-wrapper .mp_price_str {
  display: none;
}
.single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .invoice-wrapper .mepr_price_cell.invoice-amount {
  font-weight: 700;
}
.single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .invoice-wrapper .mp-table p {
  color: #0274A5 !important;
  font-weight: 600;
}
.single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .invoice-wrapper table tr td:first-child {
  display: none;
}
.single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .invoice-wrapper .mp-table tfoot th {
  border-top: 1px solid #0274A5 !important;
}
.single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .invoice-wrapper .mp-table tfoot .bt {
  font-weight: 700;
}
.single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .invoice-wrapper .mp-table img {
  display: none;
}

@media only screen and (max-width: 420px) {
  .site-branding-back {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .single-memberpressproduct {
    font-family: "Montserrat", sans-serif !important;
  }
  .single-memberpressproduct #primary {
    background: rgb(255, 255, 255);
  }
  .single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container {
    flex-direction: column;
  }
  .single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .form-wrapper {
    padding: 1rem !important;
    order: 2;
  }
  .single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .form-wrapper .mepr-payment-methods-radios {
    grid-template-columns: inherit !important;
  }
  .single-memberpressproduct #primary #mepr_signup_form .mepr-checkout-container .invoice-wrapper {
    order: 1;
    padding: 1rem !important;
    background-color: #EBEEF7;
  }
}
