/****************************************

Login Style

****************************************/

body.login {
    background-color: #FFF;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    background-image: url('../images/bg-tela-login.jpg');
}

body.login #login {
    position: absolute;
    top: 45%;
	left: 36%;
	transform: translate(-50%, -50%);
    padding: 20px;
    background-color: #FFF;
}

body.login form {
    border: none;
    color: #777;
    box-shadow: none;
    margin: 0 auto;
}

body.login div#login h1 a {
    width: 130px;
    height: 100px;
    background-size: contain;
    background-position: center top;
    background-image: url('../images/logotipo-abrasfe-2026.png');
    margin-bottom: 5px;
    text-align: center;
}

body.login div#login h1:after {
    content: "Área restrita";
}
/*
#loginform p:first-child label {
    opacity: 0;
}*/

.login form .input {
    border-radius: 10em;
    border-color: #bbb;
}

.login form .forgetmenot ,
#login form p.submit {
    width: 100%;
    display: block;
    float: none;
    text-align: center;
}

.login .button-primary {
    width: 100%;
  	font-weight: 600;
	line-height: 100%;
	padding: 5px;
    margin-top: 10px;
	display: block;	
    float: none;
	background-color: #21964F;
	color: #FFF;
	border-radius: 10em;
    border: none;
	text-shadow: none;
	text-decoration: none !important;
	cursor: pointer !important;
}

.login .button-primary:hover , .login .button-primary:active {
	background-color: #D7C84B;
	color: #333333;
}

.login #nav {
    text-align: center;
    margin-top: 0;
    display: none;
}

.language-switcher , #backtoblog {
    display: none;
}

.login .message, .login .notice, .login .success {
    border: none;
    text-align: center;
    box-shadow: none;
    margin: 20px 0 0;
}

.login .dashicons {
    color: #21964F;
}

@media (max-width: 1000px) {

    body.login {
        background: none;
    }
    
    body.login #login {
        position: absolute;
        top: 46%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

}

/*
body.login #nav {
    float: right;
}

body.login #backtoblog {
    float: left;
}

body.login #nav , body.login #backtoblog {
    margin: 18px 0;
    padding: 0;
}

.login #backtoblog a, .login #nav a {
    color: #144580;
    margin: 8px 0 0;
}*/