@charset "UTF-8";
:root {
  --ink:#0E2E3A;
  --ink-2:#0A2A24;
  --ink-3:#15414F;
  --burst:#FF6F61;
  --burst-2:#EB6234;
  --teal:#7FAFBE;
  --green:#9CC9A8;
  --cream:#F6F0E1;
  --cream-2:#FBF6E7;
  --line:#E6DFCB;
  --muted:#5A6B6E;
}

/* Login page — theme button styles for auth plugin forms */
.page-body--login {
  padding: 45px;
}
@media (max-width: 600px) {
  .page-body--login {
    padding: 32px 24px;
  }
}

.login-page__title {
  padding-left: 45px;
}
@media (max-width: 600px) {
  .login-page__title {
    padding-left: 24px;
    margin-bottom: 0px;
    font-size: 36px;
  }
}

.tfs-mw-wrapper-block {
  width: 100%;
  max-width: 100% !important;
}
.tfs-mw-wrapper-block .tfs-mw-wrapper-block-subtitle {
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 1.7;
}
.tfs-mw-wrapper-block .tfs-mw-loginform .login-submit {
  width: 100%;
}
.tfs-mw-wrapper-block .tfs-mw-loginform .login-username input,
.tfs-mw-wrapper-block .tfs-mw-loginform .login-password input {
  font-size: 17px;
}
.tfs-mw-wrapper-block #password-reset-form .reset-submit {
  width: 100%;
}
.tfs-mw-wrapper-block #password-reset-form .user-email input {
  font-size: 17px;
}
.tfs-mw-wrapper-block #password-reset-form.forgot-password-form .user-email {
  margin-bottom: 16px;
}
.tfs-mw-wrapper-block #password-reset-form.forgot-password-form label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  color: rgb(14, 46, 58);
  letter-spacing: 0;
}
.tfs-mw-wrapper-block #password-reset-form.forgot-password-form .user-email input {
  width: 100%;
  font-size: 17px;
  line-height: 30px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-sizing: border-box;
  height: auto;
  font-weight: 400;
  letter-spacing: normal;
  background-color: #fff;
  color: inherit;
  font-family: Arial, Helvetica, sans-serif;
}
.tfs-mw-wrapper-block #password-reset-form.forgot-password-form .user-email input.error {
  border-color: #d0021b;
  color: #d0021b;
  font-size: 17px;
}
.tfs-mw-wrapper-block #password-reset-form.forgot-password-form .user-email label.error,
.tfs-mw-wrapper-block #password-reset-form.forgot-password-form #user_email-error {
  border-color: #d0021b;
  color: #d0021b;
  font-size: 13px;
  margin-top: 0;
}
.tfs-mw-wrapper-block #password-reset-form.forgot-password-form .reset-submit {
  width: 100%;
  margin: 8px auto 0;
}
.tfs-mw-wrapper-block #password-reset-form.forgot-password-form .reset-submit input {
  width: 100%;
  height: auto;
  padding: 14px 22px;
  border: none;
  border-radius: 999px;
  background: var(--burst);
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.01em;
  text-transform: none;
  box-shadow: none;
  cursor: pointer;
  transition: background 0.15s ease;
}
.tfs-mw-wrapper-block #password-reset-form.forgot-password-form .reset-submit input:hover, .tfs-mw-wrapper-block #password-reset-form.forgot-password-form .reset-submit input:active {
  background: var(--burst-2);
  border-radius: 999px;
  box-shadow: none;
}
.tfs-mw-wrapper-block #password-reset-form.forgot-password-form .tfs-mw-wrapper-block-magic-link {
  width: 100%;
  margin-top: 8px;
}
.tfs-mw-wrapper-block #password-reset-form.forgot-password-form .tfs-mw-wrapper-block-magic-link a.tfs-mw-wrapper-block-magic-link-button {
  display: block;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  padding: 14px 22px;
  border-radius: 999px;
  border: 1px solid var(--teal);
  color: var(--teal);
  background: transparent;
  text-transform: none;
  box-shadow: none;
  transition: background 0.15s ease, color 0.15s ease;
}
.tfs-mw-wrapper-block #password-reset-form.forgot-password-form .tfs-mw-wrapper-block-magic-link a.tfs-mw-wrapper-block-magic-link-button:hover, .tfs-mw-wrapper-block #password-reset-form.forgot-password-form .tfs-mw-wrapper-block-magic-link a.tfs-mw-wrapper-block-magic-link-button:active {
  background: var(--teal);
  color: #fff;
  border-radius: 999px;
  box-shadow: none;
}
.tfs-mw-wrapper-block #password-reset-form.forgot-password-form .tfs-mw-wrapper-block-divider {
  padding: 20px 0 10px;
}
.tfs-mw-wrapper-block #username-reset-form .reset-submit {
  width: 100%;
}
.tfs-mw-wrapper-block #username-reset-form .user-email input {
  font-size: 17px;
}
.tfs-mw-wrapper-block #password-change-form .new-password-submit {
  width: 100%;
}
.tfs-mw-wrapper-block #password-change-form input {
  font-size: 17px;
}
.tfs-mw-wrapper-block #password-change-form.forgot-password-form .user-email,
.tfs-mw-wrapper-block #password-change-form.forgot-password-form .new-password,
.tfs-mw-wrapper-block #password-change-form.forgot-password-form .confirm-password {
  margin-bottom: 16px;
}
.tfs-mw-wrapper-block #password-change-form.forgot-password-form label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  color: rgb(14, 46, 58);
  letter-spacing: 0;
}
.tfs-mw-wrapper-block #password-change-form.forgot-password-form .new-password input,
.tfs-mw-wrapper-block #password-change-form.forgot-password-form .confirm-password input {
  width: 100%;
  font-size: 17px;
  line-height: 30px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-sizing: border-box;
  height: auto;
  font-weight: 400;
  letter-spacing: normal;
  background-color: #fff;
  color: inherit;
  font-family: Arial, Helvetica, sans-serif;
}
.tfs-mw-wrapper-block #password-change-form.forgot-password-form .new-password input.error,
.tfs-mw-wrapper-block #password-change-form.forgot-password-form .confirm-password input.error {
  border-color: #d0021b;
  color: #d0021b;
  font-size: 17px;
}
.tfs-mw-wrapper-block #password-change-form.forgot-password-form .user-email p {
  margin: 0;
  font-size: 17px;
  line-height: 1.5;
}
.tfs-mw-wrapper-block #password-change-form.forgot-password-form .new-password label.error,
.tfs-mw-wrapper-block #password-change-form.forgot-password-form .confirm-password label.error,
.tfs-mw-wrapper-block #password-change-form.forgot-password-form #new-password-error,
.tfs-mw-wrapper-block #password-change-form.forgot-password-form #confirm-password-error,
.tfs-mw-wrapper-block #password-change-form.forgot-password-form #username-error {
  border-color: #d0021b;
  color: #d0021b;
  font-size: 13px;
  margin-top: 0;
}
.tfs-mw-wrapper-block #password-change-form.forgot-password-form .new-password-submit {
  width: 100%;
  margin: 8px auto 0;
}
.tfs-mw-wrapper-block #password-change-form.forgot-password-form .new-password-submit input {
  width: 100%;
  height: auto;
  padding: 14px 22px;
  border: none;
  border-radius: 999px;
  background: var(--burst);
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.01em;
  text-transform: none;
  box-shadow: none;
  cursor: pointer;
  transition: background 0.15s ease;
}
.tfs-mw-wrapper-block #password-change-form.forgot-password-form .new-password-submit input:hover, .tfs-mw-wrapper-block #password-change-form.forgot-password-form .new-password-submit input:active {
  background: var(--burst-2);
  border-radius: 999px;
  box-shadow: none;
}
.tfs-mw-wrapper-block .sms-signup-form .signup-submit {
  width: 100%;
}
.tfs-mw-wrapper-block .sms-signup-form input[type=text] {
  font-size: 17px;
}
.tfs-mw-wrapper-block #secure-link-form .user-email input {
  font-size: 17px;
}
.tfs-mw-wrapper-block #secure-link-form .mw-secure-link-button.is-submitting {
  pointer-events: none;
  opacity: 0.6;
  cursor: default;
}
.tfs-mw-wrapper-block #tfs-mw-wrapper-block-title h2 {
  margin: 0 0 8px;
  font-size: 28px;
}
.tfs-mw-wrapper-block .password-login-form .username,
.tfs-mw-wrapper-block .password-login-form .password {
  margin-bottom: 16px;
}
.tfs-mw-wrapper-block .password-login-form label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}
.tfs-mw-wrapper-block .password-login-form .username input,
.tfs-mw-wrapper-block .password-login-form .password input {
  width: 100%;
  font-size: 17px;
  line-height: 30px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-sizing: border-box;
}
.tfs-mw-wrapper-block .password-login-form .username input.error,
.tfs-mw-wrapper-block .password-login-form .password input.error {
  border-color: #d0021b;
  color: #d0021b;
  margin-top: 0px;
}
.tfs-mw-wrapper-block .password-login-form .username label.error,
.tfs-mw-wrapper-block .password-login-form .password label.error {
  border-color: #d0021b;
  color: #d0021b;
  font-size: 13px;
  margin-top: 0px;
}
.tfs-mw-wrapper-block .password-login-form .lost-password {
  text-align: right;
  margin-bottom: 16px;
}
.tfs-mw-wrapper-block .password-login-form .lost-password a {
  font-size: 14px;
  font-weight: 600;
}
.tfs-mw-wrapper-block .password-login-form .tfs-mw-wrapper-block-magic-link {
  width: 100%;
  margin-top: 8px;
}
.tfs-mw-wrapper-block .password-login-form .tfs-mw-wrapper-block-magic-link input.user-submit {
  width: 100%;
  height: auto;
  padding: 14px 22px;
  border: none;
  border-radius: 999px;
  background: var(--burst);
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: background 0.15s ease;
  margin-top: 0px;
}
.tfs-mw-wrapper-block .password-login-form .tfs-mw-wrapper-block-magic-link input.user-submit:hover {
  background: var(--burst-2);
}
.tfs-mw-wrapper-block .password-login-form .tfs-mw-wrapper-block-magic-link input.user-submit:disabled {
  opacity: 0.6;
  cursor: default;
}
.tfs-mw-wrapper-block a.password-login-toggle {
  display: block;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  padding: 14px 22px;
  border-radius: 999px;
  border: 1px solid var(--teal);
  color: var(--teal);
  transition: background 0.15s ease, color 0.15s ease;
}
.tfs-mw-wrapper-block a.password-login-toggle:hover {
  background: var(--teal);
  color: #fff;
}
.tfs-mw-wrapper-block a.password-login-toggle.is-submitting {
  pointer-events: none;
  opacity: 0.6;
  cursor: default;
}
.tfs-mw-wrapper-block .password-login-toggle-wrapper {
  margin-bottom: 0px !important;
}
.tfs-mw-wrapper-block .tfs-mw-wrapper-block-messages .tfs-mw-wrapper-block-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  padding: 15px;
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}
.tfs-mw-wrapper-block .tfs-mw-wrapper-block-messages .tfs-mw-wrapper-block-error {
  color: #a94442;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  padding: 15px;
  margin-top: 10px;
  border-radius: 4px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}
.tfs-mw-wrapper-block .alert {
  padding: 15px;
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-bottom: 10px;
}
.tfs-mw-wrapper-block .alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.tfs-mw-wrapper-block .fp-password-section {
  display: block !important;
}

.password-login-toggle-wrap {
  margin-bottom: 0px !important;
}

.secure-login-form[hidden] {
  display: none !important;
}

.page-content--login .btn,
.page-template-login-page .btn,
.page-template-page-login .btn,
.page-template-page-forgotpassword .btn {
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  padding: 12px 22px;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.15s ease;
  letter-spacing: 0.01em;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
}
.page-content--login .btn:active,
.page-template-login-page .btn:active,
.page-template-page-login .btn:active,
.page-template-page-forgotpassword .btn:active {
  box-shadow: none;
}
.page-content--login .btn-primary,
.page-content--login input.btn.btn-primary,
.page-template-login-page .btn-primary,
.page-template-login-page input.btn.btn-primary,
.page-template-page-login .btn-primary,
.page-template-page-login input.btn.btn-primary,
.page-template-page-forgotpassword .btn-primary,
.page-template-page-forgotpassword input.btn.btn-primary {
  background: var(--burst);
  color: #fff;
  border-color: var(--burst);
}
.page-content--login .btn-primary:hover, .page-content--login .btn-primary:focus,
.page-content--login input.btn.btn-primary:hover,
.page-content--login input.btn.btn-primary:focus,
.page-template-login-page .btn-primary:hover,
.page-template-login-page .btn-primary:focus,
.page-template-login-page input.btn.btn-primary:hover,
.page-template-login-page input.btn.btn-primary:focus,
.page-template-page-login .btn-primary:hover,
.page-template-page-login .btn-primary:focus,
.page-template-page-login input.btn.btn-primary:hover,
.page-template-page-login input.btn.btn-primary:focus,
.page-template-page-forgotpassword .btn-primary:hover,
.page-template-page-forgotpassword .btn-primary:focus,
.page-template-page-forgotpassword input.btn.btn-primary:hover,
.page-template-page-forgotpassword input.btn.btn-primary:focus {
  background: var(--burst-2);
  border-color: var(--burst-2);
}

/* Password + secure-link login */
.login-container #tfs-mw-wrapper-block-title h2 {
  margin: 0 0 8px;
  font-size: 28px;
}
.login-container .login-secure-link-prompt {
  font-size: 16px;
  color: var(--muted);
  margin: 0 0 20px;
  text-align: center;
}
.login-container .tfs-mw-wrapper-block-divider {
  padding: 20px 0 10px;
}
/*# sourceMappingURL=login-page.css.map?v=fe6afd7b */