body.login { background: #FFF; }
.login form { border: 0 none; -webkit-box-shadow: none; box-shadow: none; }

.login h1 { height: 65px; margin: 0 auto; padding: 0; width: 125px; }
.login h1 a { background-image: url(../images/logo.svg); background-repeat: no-repeat; background-size: 125px 65px; display: block; height: 65px; overflow: hidden; padding: 0; width: 125px; }
.login h1 a:link, 
.login h1 a:visited { background-position: left bottom }
.login h1 a:hover, 
.login h1 a:active { background-position: left bottom }


.wp-core-ui .button-primary {
	background-color: #1D1D1D;
	background-image: none;
	border-color: transparent;
	border-bottom-color: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}
.wp-core-ui .button-primary:hover {
	background-color: #2878FF;
	background-image: none;
	border-color: transparent;
	border-bottom-color: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

.login #nav, 
.login #backtoblog { text-shadow: #FFF 0 1px 0; }
.login #nav a, 
.login #backtoblog a { color: #2878FF !important; }
.login #nav a:hover, 
.login #backtoblog a:hover { color: #1D1D1D !important; }
.login label { color: #1D1D1D }


.login h1 a {
  -webkit-transition: 0 ease;
     -moz-transition: 0 ease;
       -o-transition: 0 ease;
      -ms-transition: 0 ease;
          transition: 0 ease;
}
#login {
  -webkit-transition: .3s ease;
     -moz-transition: .3s ease;
       -o-transition: .3s ease;
      -ms-transition: .3s ease;
          transition: .3s ease;
}

@media only screen and (min-width: 768px) {
  #login { width: 400px; }
}