/* A custom login form for the ultimate app experience */

body.login { background: #e5e9ec url('../images/login-bg.jpg') no-repeat center center; background-size: cover; width: 100%, height:100%; }
body.login div#login { position: absolute; right: 17%; top: 17%; margin: 0; padding: 0;}
body.login div#login h1 {display: none;}
body.login div#login h1 a { display: none;}
body.login div#login form#loginform {background: rgba(255,255,255,0.5)}
body.login div#login form#loginform p { line-height: 42px; margin-bottom: -13px; text-transform: uppercase;}
body.login div#login form#loginform p label { display: inline-block; background: transparent; font-weight: bold; border: none; color: #333;}
body.login div#login form#loginform input { padding: 0 10px; margin-top: 20px; background: #FFFFFF; height: 42px; border: none; float: none;}
body.login div#login form#loginform input#user_login { margin-top: 1px; }
body.login div#login form#loginform input#user_pass { margin-top: 1px; }
body.login div#login form#loginform p.forgetmenot { display: none;}
body.login div#login form#loginform p.forgetmenot input#rememberme { display: none; }
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit { margin-top: 39px; background: #165973; color: #FFFFFF; font-weight: bold; border: none; box-shadow: none; text-transform: uppercase; padding: 0 25px; transition: all 0.35s ease 0s;}
body.login div#login form#loginform p.submit input#wp-submit:hover {background: #5fc3d3;}
body.login div#login p#nav { display: none; }
body.login div#login p#nav a {}
body.login div#login p#backtoblog { }
body.login div#login p#backtoblog a {}
body.login .message {border-left: 4px solid #165973; margin-top: 17px; background: rgba(255,255,255,0.5);}
body.login #login_error {margin-top: 17px; background: rgba(255,255,255,0.5);}

@media only screen and (max-width: 1024px) {
	body.login div#login { position: relative; right: 0; top: 0; margin: 0 auto; padding: 50px 0 0;}
}