/* FILL TO CUSTOMIZE ADMIN LOGIN PAGE */

:root {
  --admin_login-color: #3742fa;
  --admin_login-overlay: #000;
  --admin_login-links-color: #fff;
  --admin_login-overlay_opacity: 0.55;
  --admin_login-logo_url: url(./images/admin-login/admin-login-logo.jpg);
  --admin_login-background_url: url(./images/admin-login/admin-login-bg.jpg);
}

/* end FILL TO CUSTOMIZE ADMIN LOGIN PAGE */

html {
  background: #fff var(--admin_login-background_url) center/cover no-repeat;
  position: relative;
}
html:before {
  content: '';
  position: absolute;
  min-width: 100%;
  min-height: 100vh;
  height: 100%;
  background: var(--admin_login-overlay);
  opacity: var(--admin_login-overlay_opacity);
  z-index: -1;
}
body.login {
  background: transparent;
}
#login {
  z-index: 9999;
}
#login h1 a,
.login h1 a {
  background: var(--admin_login-logo_url) center/contain no-repeat;
  margin-bottom: 0;
  width: 80%;
}

.login #backtoblog a,
.login #nav a {
  text-decoration: none;
  color: var(--admin_login-links-color);
}
.login #backtoblog a:hover,
.login #nav a:hover {
  color: var(--admin_login-links-color);
  text-shadow: 0 0 2px var(--admin_login-links-color);
  transition: 0.3s;
}

#loginform {
  border-radius: 5px;
}

/* KOLOR PRZEWODNI*/

#wp-submit {
  background-color: var(--admin_login-color);
  border-color: var(--admin_login-color);
  text-shadow: none;
  transition: 0.3s;
}
#wp-submit:hover {
  text-shadow: 0 0 1px #fff;
}

#login p.message {
  margin-top: 10px;
  border-left: 4px solid var(--admin_login-color);
}

input[type='text']:focus,
input[type='search']:focus,
input[type='radio']:focus,
input[type='tel']:focus,
input[type='time']:focus,
input[type='url']:focus,
input[type='week']:focus,
input[type='password']:focus,
input[type='checkbox']:focus,
input[type='color']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='email']:focus,
input[type='month']:focus,
input[type='number']:focus,
select:focus,
textarea:focus {
  border-color: var(--admin_login-color);
  box-shadow: 0 0 2px 1px var(--admin_login-color);
  transition: 0.3s;
}

.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
  box-shadow: 0 1px 0 var(--admin_login-color), 0 0 2px 1px var(--admin_login-color);
}