/* Saved LoginPress default1 layout and Testing Solutions customization.
 * Reconstructed rules only; authentication and accessible form controls are WordPress core.
 * See docs/login-screen-restoration.md. */
@font-face {
  font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('legacy/roboto-400-normal-latin.woff') format('woff');
}
body.login.tsl-login {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  height: auto;
  background: #16242f;
}
.tsl-login *, .tsl-login *::before, .tsl-login *::after { box-sizing: border-box; }
.tsl-login #login {
  box-sizing: border-box;
  width: 100%;
  max-width: 431px;
  margin: 2% auto 0;
  position: relative;
  padding: 26px 26px 6px;
  background: transparent;
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(0, 0, 0, .8);
}
.tsl-login #login h1 a {
  width: 304px;
  max-width: 100%;
  height: 84px;
  background-image: url('legacy/testing-solutions-logo.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.tsl-login #login form {
  margin-top: 20px;
  padding: 0 24px 12px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.tsl-login #login label { color: #fff; }
.tsl-login #login .input {
  box-sizing: border-box;
  height: 48px;
  margin-bottom: 18px;
  padding-left: 27px;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  background: #fff;
  color: #7f7f7f;
  font: 15px 'Roboto', sans-serif;
}
.tsl-login #login input[type="password"] { padding-right: 42px; }
.tsl-login #login .button-primary {
  float: none;
  width: 100%;
  height: auto;
  margin: 7px 0;
  padding: 13px;
  border: 1px solid #008ec2;
  border-radius: 5px;
  background: #008ec2;
  color: #fff;
  font: 15px/20px 'Roboto', sans-serif;
  text-shadow: none;
  box-shadow: none;
}
.tsl-login #login .button-primary:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.tsl-login #login #nav { margin-bottom: 15px; text-align: center; }
.tsl-login #nav a, .tsl-login .privacy-policy-link { color: #fff; }
.tsl-login #backtoblog { display: none; }
.tsl-login .language-switcher { color: #fff; }
.tsl-login .message, .tsl-login #login_error, .tsl-login .success { color: #333; }
.tsl-login .wp-pwd .wp-hide-pw { height: 48px; color: #0073aa; }
.tsl-login #login .forgetmenot { float: none; }
.tsl-login #login .forgetmenot label { display: inline-block; margin: 0; }
@media (max-width: 767px) {
  .tsl-login #login { width: 300px; max-width: calc(100% - 24px); }
}