/* Admin CSS Variables */
:root {
  --mulphy-login-clr-primary: #AE0000;
  --mulphy-login-clr-primary-clearer: #E80A14;
  --mulphy-logo-width: 264px;
  --mulphy-logo-height: 165px;
}
/* Body */
body.login {
  min-height: 100%;
  background-color: #ffffff;
}

#login p {
  color:#000000;
}

/* Logo styles: change logo width and height as needed */
#login h1 a,
.login h1 a {
  background-image: url('../images/logo.svg');
  width: var(--mulphy-logo-width);
  height: var(--mulphy-logo-height);
  background-size: var(--mulphy-logo-width) var(--mulphy-logo-height);
  background-repeat: no-repeat;
}

/* A tag focus */
.login a:focus {
  box-shadow: 0 0 0 1px var(--mulphy-login-clr-primary), 0 0 2px 1px var(--mulphy-login-clr-primary-clearer) !important;
}

/* Button and Button Primary focus */
.login .button-primary:focus,
.login .button:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--mulphy-login-clr-primary) !important;
}

/* Inputs styles: username, password and remember-me inputs */
.login input[type=text]:focus,
.login input[type=password]:focus,
.login input[type=checkbox]:focus {
  border-color: var(--mulphy-login-clr-primary);
  box-shadow: 0 0 0 1px var(--mulphy-login-clr-primary);
  outline: 2px solid transparent;
}

/* Icon inside password input styles */
.login .dashicons-visibility,
.login .dashicons-hidden {
  color: var(--mulphy-login-clr-primary);
}

/* Focus styles for hide password button */
.login .button.wp-hide-pw:focus {
  border-color: var(--mulphy-login-clr-primary) !important;
  box-shadow: 0 0 0 1px var(--mulphy-login-clr-primary) !important;
  outline: 2px solid transparent;
}

/* Ticker styles for remember-me checkbox when checked */
.login .forgetmenot input[type=checkbox]:checked::before {
  content: url("../images/ticker.svg");
}

/* #nav and #backtoblog link styles */
.login #nav a,
.login #backtoblog a {
  color: var(--mulphy-login-clr-primary)!important;
  box-shadow: 0 0 0 1px transparent, 0 0 2px 1px transparent !important;
  transition: all 350ms ease !important;
}

/* #nav and #backtoblog link styles on hover */
.login #nav a:hover,
.login #nav a:focus,
.login #backtoblog a:hover,
.login #backtoblog a:focus {
  color: var(--mulphy-login-clr-primary) !important;
  box-shadow: 0 0 0 1px var(--mulphy-login-clr-primary), 0 0 2px 1px var(--mulphy-login-clr-primary-clearer) !important;
}

/* Submit button styles */
.login .button-primary {
  background: var(--mulphy-login-clr-primary) !important;
  border-color: var(--mulphy-login-clr-primary) !important;
}

/* Privacy Policy link styles */
.login .privacy-policy-link {
  color: var(--mulphy-login-clr-primary);
}

/* Language switcher styles: on focus */
.login .language-switcher select:focus {
  border-color: var(--mulphy-login-clr-primary);
  color: var(--mulphy-login-clr-primary);
  box-shadow: 0 0 0 1px var(--mulphy-login-clr-primary);
}

/* Language switcher styles: on hover */
.login .language-switcher select:hover {
  color: var(--mulphy-login-clr-primary);
}

/* Language switcher styles: on focus */
.login .language-switcher select:focus {
  border-color: var(--mulphy-login-clr-primary) !important;
  color: var(--mulphy-login-clr-primary) !important;
  box-shadow: 0 0 0 1px var(--mulphy-login-clr-primary) !important;
}

/* Reset Firefox inner outline that appears on :focus. */
/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
.login .language-switcher select:-moz-focusring {
  text-shadow: 0 0 0 var(--mulphy-login-clr-primary) !important;
}

/* Remove background focus style from IE11 while keeping focus style available on option elements. */
.login .language-switcher select:hover::-ms-value {
  color: var(--mulphy-login-clr-primary) !important;
}

.login .language-switcher select:focus::-ms-value {
  color: var(--mulphy-login-clr-primary) !important;
}

/* Language switcher styles: submit button */
.login .language-switcher input[type=submit] {
  color: var(--mulphy-login-clr-primary);
  border-color: var(--mulphy-login-clr-primary);
  background: #f6f7f7;
  vertical-align: top;
}

/* Loged out message styles */
.login .message {
  border-left: 4px solid var(--mulphy-login-clr-primary) !important;
}