/* 
Name: WP Custom Login
Version: 2.2
*/

* { margin: 0; padding: 0; }
body.login { padding-top: 0; padding-bottom: 50px; border: none; background-color: #dddddd; font-size: 12px; line-height: 16px; }
body.login #login { width: 100%; height: auto; }
body.login #login h1 a { width: 300px; height: auto; margin: 0 auto; padding: 30px 0; float: none; text-indent: -9999px; overflow: hidden; outline: none; background: #FFF url(images/logo-login.png) no-repeat 50% 50%; -webkit-background-size: 200px auto, contain; -moz-background-size: 200px auto, contain; -o-background-size: 200px auto, contain; background-size: 200px auto, contain; }
body.login #login form#loginform, 
body.login #login form#lostpasswordform, 
body.login #login form#registerform { float: none; width: 270px; height: auto; margin: 0 auto; padding: 45px 16px 60px; font-weight: normal; border-radius: 0; background-color: #333; border: none; box-shadow: none; }
body.login #login form#loginform p, 
body.login #login form#lostpasswordform p, 
body.login #login form#registerform p { margin-bottom: 0;}
body.login #login form#loginform p label, 
body.login #login form#lostpasswordform p label, 
body.login #login form#registerform p label { color: #FFF; font-size: 12px; }
body.login #login form p.forgetmenot { font-weight: normal; float: left; margin-bottom: 0; margin-top: 20px; }
body.login #login form p.submit input#wp-submit { background: #444; border: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: none; box-shadow: none; margin-top: 15px; }
body.login #login form p.submit input#wp-submit:hover { background: #555; }
body.login #login p#nav { text-shadow: none; margin: 0 auto; text-align: right; display: none; }
body.login #login p#nav a { color: #FFF; text-decoration: none; outline: none; }
body.login #login p#backtoblog { display: none; }
body.login #login #login_error,
body.login #login .message { background-color: rgba(255, 0, 0, 0.7); width: 280px; margin: 0 auto; padding: 10px; border: none; border-radius: 0; color: #FFF; line-height: 12px; }
body.login #login #login_error a,
body.login #login .message a { color: #FFF;}
body.login #login #login_error,
body.login #login #reg_passmail { color: #FFF; font-size: 10px; }

@media (min-width: 768px) {
    body.login { padding-bottom: 0; }
	body.login #login { width: 675px; height: 355px; }
	body.login #login h1 { float: left; }
	body.login #login h1 a { display: block; width: 300px; height: 355px; padding: 0; }
	body.login #login form#loginform, 
	body.login #login form#lostpasswordform, 
	body.login #login form#registerform { float: right; width: 343px; height: 250px; }
	body.login #login #login_error, 
	body.login #login .message { width: 343px; padding: 10px 16px; position: static; bottom: auto; left: auto; right: auto; font-size: 12px; float: right; }
}

.g-recaptcha { transform: scale(0.75); -webkit-transform: scale(0.75); transform-origin: 0 0; -webkit-transform-origin: 0 0; }

@media screen and (min-width: 768px) {
    .g-recaptcha { transform: scale(1.0); -webkit-transform: scale(1.0); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
}