body.login { background: #f9f9f9; font-family: 'Raleway', sans-serif; font-size: 62.5%; }

.login #login #login_error, .login #login p.message { border-left: none; padding: 26px 24px 0; margin-left: 0; background-color: transparent !important; box-shadow: none; color: #ffffff; font-size: 1.8em; }

.login h1 a { background: url('img/logo.svg') no-repeat; width: 188px; height: 40px; padding: 0; margin: 0 auto 15px; }
.login form { background: transparent; box-shadow: none; }
.login label { font-size: 12px; color: #666666; text-transform: uppercase; display: block; }

.login form .input, .login input[type="text"] { font-family: 'Raleway', sans-serif; font-size: 16px; background: #ffffff; color: #666666; line-height: 45px; height: 45px; width: 100%; padding: 0 20px; outline: 0; border: 0; transition: box-shadow 0.3s ease-in-out; -webkit-transition: box-shadow 0.3s ease-in-out; box-shadow: 0 0px 25px 0px rgba(220,223,225,0); margin: 10px 0 20px 0; }
.login form .input:focus { box-shadow: 0 0px 25px 0px rgba(0,0,0,0.1); }

.login .forgetmenot { padding-top: 13px; }

.login .button-primary, .login .button.button-large { position: relative; background-color: rgba(178,208,27,1); font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 600; text-decoration: none; line-height: 45px; height: 45px; display: inline-block; padding: 0 30px; border: none; text-transform: lowercase; transition: none; position: relative; border-radius: 0; outline: 0; border: 0; box-shadow: none; text-shadow: none; }
.login .button-primary:hover, .login .button.button-large:hover { background: rgba(178,208,27,0.8); }


.login #nav, .login #backtoblog { font-size: 12px; font-weight: 700; text-transform: uppercase; }
.login #nav a, .login #backtoblog a { color: rgba(178,208,27,1); transition: none; }
.login #nav a:hover, .login #backtoblog a:hover { color: rgba(178,208,27,0.8); }