:root {
  --clr-shadow: #f3f4f8;
  --clr-primary: #1b2b75;
  --clr-accent: #abba74;
  --clr-accent-9: #91a254;
}

.mdmts_login input[type=text]:focus {
  border-color: var(--clr-primary);
}

.mdmts_login input[type=checkbox]:focus {
  border-color: var(--clr-accent);
  box-shadow: 0 0 0 1px var(--clr-accent);
}

.mdmts_login #backtoblog a:hover,
.mdmts_login #nav a:hover,
.mdmts_login h1 a:hover {
  color: var(--clr-primary);
}

.mdmts_login {
  background-color: var(--clr-shadow);
}

.mdmts_login .login_info {
  border: 1px solid #dedede;
  border-radius: 3px;
  background-color: white;
  margin-bottom: 1.5em;
  padding: 1.5em 2em 2em;
}

.mdmts_login #login {
  width: min(80%, 520px);
}

.mdmts_login #loginform {
  border-radius: 3px;
}

.mdmts_login #login h1 a {
  background-size: contain;
  width: 100%;
}

.mdmts_login #login form p.submit {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
  padding-top: 10px;
}

.mdmts_login #wp-submit {
  background-color: var(--clr-accent);
  border-color: var(--clr-accent);
  float: none;
  width: 100%;
  padding: 0.25em 1em;
}

.mdmts_login #wp-submit:focus,
.mdmts_login #wp-submit:hover {
  background-color: var(--clr-accent-9);
  border-color: var(--clr-accent-9);
}

.mdmts_login .login_info h2 {
  margin-bottom: 10px;
}