/* Change background color and font family */
body {
  background-image: url(https://www.psimedia.se/assets/wp/login-background.jpg);
  background-repeat: no-repeat;
  background-color: #487984;
  font-family: 'Calibri',Verdana,sans-serif;
}
 
/* Change Width and Height of Logo Image + Add Custom Image File */
.login h1 a {
  background-image: url(https://www.psimedia.se/assets/wp/login-logo.png);
  width: 210px;
  height: 210px;
  background-size: 200px 200px;
}
 
/* Add a few changes to the color and style of form itself */
.login label {
  color: #000;
  display: block;
  margin-bottom: 1em;
  font-weight: 500;
}
 
.login form .input {
  font-weight: normal;
}
 
.login #backtoblog a, .login #nav a {
  text-transform: uppercase;
  font-weight:700;
  color: #ffffff;
}

.login #backtoblog a:hover, .login #nav a:hover {
  text-transform: uppercase;
  font-weight:700;
  color: #EAE1D6;
}

.wp-core-ui .button-primary {
  color: #C6D9D8;
  font-weight: bolder;
  background: #487984;
  border:none;
  border-radius:10px;
  font-size: 12pt;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 2%;
  padding-right: 2%;
  transition: color 300ms ease 0ms,background-color 300ms ease 0ms,border 300ms ease 0ms;
}
.wp-core-ui .button-primary:hover {
    color: #487984;
	background: #C6D9D8;
}

/*** FIELD STYLING ***/
input[type=text], input[type=password],
textarea {
 background: #eee !important;
 border: none;
 border-radius: 0;
 color: #000 !important;
 padding: 15px !important;
}