.login {
  padding-top: 48px;
  padding-bottom: 40px;
}
@media (min-width: 720px) {
  .login {
    padding-top: 120px;
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .login {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
.login a {
  text-transform: uppercase;
  text-decoration: underline;
  color: #8F9271;
}
@media (hover: hover) {
  .login a:hover {
    color: rgb(189, 126, 129);
  }
}

.form {
  padding-top: 40px;
}
.form p {
  padding-bottom: 10px;
}
.form label {
  font-family: "Karla Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: normal;
  margin: 0;
  text-transform: none;
}
.form input {
  background-color: transparent;
  padding: 8px 5px;
  border: 1px solid #8F9271;
  color: #8F9271;
  border-radius: 0;
}
.form input[type=text],
.form input input[type=password] {
  margin-top: 5px;
}
.form input:focus {
  border-color: #010200;
  color: #010200;
  background-color: rgba(189, 126, 129, 0.1);
  outline: 0;
}
.form .button-primary,
.form input[type=submit] {
  margin: 16px auto 0 auto;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #8F9271;
  color: rgb(253, 253, 248);
  height: 100%;
  padding: 9.5px 13px;
  width: 100%;
  border: 1px solid #8F9271;
}
@media (hover: hover) {
  .form .button-primary:hover,
  .form input[type=submit]:hover {
    background-color: rgb(189, 126, 129);
    border-color: rgb(189, 126, 129);
  }
}

.pms-form {
  text-align: center;
}

.pms-account-navigation {
  padding-bottom: 20px;
}
.pms-account-navigation ul {
  flex-direction: row !important;
  justify-content: center;
  gap: 10px;
  font-family: "Cormorant Light";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 95%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 720px) {
  .pms-account-navigation ul {
    font-size: clamp(1.25rem, 2.273vw - 0.205rem, 1.5rem);
    justify-content: space-between;
  }
}

.pms-account-subscription-details-table {
  width: 100%;
}

@media (max-width: 719.98px) {
  #pms-payment-history > thead {
    display: none !important;
  }
}
@media (max-width: 719.98px) {
  #pms-payment-history > tbody {
    display: flex;
    flex-direction: column;
    gap: 17px;
  }
  #pms-payment-history > tbody tr {
    display: flex;
    gap: 15px;
  }
}

.pms-table {
  border: 0 !important;
  width: 100%;
}
.pms-table th {
  border: 0;
  text-align: left;
  font-family: "Cormorant Bold";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  margin: 0;
}

.pms-table th,
.pms-table td {
  border-width: 0 !important;
}

.pms-table,
.pms-table th,
.pms-table td {
  border: 0 !important;
}

.pms-form-fields-wrapper {
  width: 100%;
  margin: auto !important;
}
@media (min-width: 720px) {
  .pms-form-fields-wrapper {
    width: 70%;
  }
}

.pms-field {
  display: flex;
  flex-direction: column;
}

#pms_edit-profile-form .pms-form-fields-wrapper .pms-field input[type=text],
#pms_edit-profile-form .pms-form-fields-wrapper .pms-field input[type=password] {
  width: auto !important;
}

@media (min-width: 720px) {
  #pms_login {
    width: 60%;
    margin: auto;
  }
}

#pms-stripe-payment-elements {
  margin: auto;
  background-color: transparent;
}

.pms_success-messages-wrapper {
  margin-bottom: 15px;
}

/*# sourceMappingURL=account.css.map */