/*
*
* This CSS template will customize WordPress.org login pages:
* 
* Login page:           /wp-login.php
* Register page:        /wp-login.php?action=register
* Lost Password page:   /wp-login.php?action=lostpassword
*
* @site        https://tudoparawp.com.br 
* @author      Guga Alves
* @twitter     @gugaalves (Feel free to ping me there, feedbacks and greetings are welcome)
* @url         Originally shared on Guga's GIST: https://gist.github.com/gugaalves
* @version     1.0
*
----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
        1. GENERAL
        2. LOGIN PAGE
        3. REGISTER PAGE
        4. LOST PASSWORD PAGE
----------------------------------------------------------------*/



.login h1 a { background-image: url( ../img/VA-logo-square_login_page.png ); background-size: contain; width: 100%; height: auto; padding-bottom: 50%;}
.login .button-primary.button-large { background: #009edc; border: none; border-radius: 0; text-shadow: none; box-shadow: none; padding: 8px 20px 10px; line-height: normal; height: auto; font-size: 14px; }
.login .button-primary.button-large:hover,
.login .button-primary.button-large:focus { background: #0b56a1; }
.login input[type=checkbox]:checked:before { color: #009edc; }
.login input:focus { box-shadow: 0 0 2px #009edc; border-color: #009edc; }
.login #login_error, .login .message, .login .success { margin-top: 20px; }
.login #nav a { width: 100%; background-color: white; color: #009edc; padding-top: 10px; padding-bottom: 10px; display:flex; align-items: center; justify-content: center; border: 1px solid #c3c4c7; }
.login #nav a:hover { background-color: #0b56a1; color: white; border: 1px solid white; }
.login #nav a:active { background-color: #009edc; border: 1px solid #009edc; }
.login p { text-align: center; }