/**
 * Child-Theme Login Style
 */

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*, body, html {
	font-family: 'Jost', sans-serif;
}


a,
a:hover,
a:visited {
	text-decoration: none !important;
	color: #000000 !important;
}
.login #login_error a {
	color: #000000 !important;
	border-bottom: 1px dashed #000000 !important;
}

body.login div#login h1 a {
	background-image: url(../imagens/valuni_logo_preto.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 90%;
	height: 75px;
	margin-bottom: 50px;
}


/* BAANNNG
	Email Verification Page
*/
body.login-action-confirm_admin_email div#login h1 a {
	width: 50% !important;
}
body.login-action-confirm_admin_email .baannng_signature_new_area {
	width: 5% !important;
}
body.login-action-confirm_admin_email .admin-email-confirm-form,
body.login-action-confirm_admin_email h1.admin-email__heading {
	text-align: center !important;
}
body.login-action-confirm_admin_email a.button {
	border-radius: 0px !important;
	background-color: #000000 !important;
	color: color(srgb 1 1 1) !important;
	color: rgb(255, 255, 255) !important;
	text-transform: uppercase !important;
	border: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	font-size: 12px !important;
	min-height: auto !important;
	height: 25px !important;
	padding-top: 0px !important;
	width: fit-content !important;
}
body.login-action-confirm_admin_email input.button {
	border-radius: 0px !important;
	background-color: #ffffff !important;
	color: color(srgb 0 0 0) !important;
	text-transform: uppercase !important;
	border: solid black 1px !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	font-size: 12px !important;
	min-height: auto !important;
	height: 25px !important;
	padding-top: 0px !important;
	width: fit-content !important;
}
body.login-action-confirm_admin_email input.button:hover {
	background: rgb(237, 237, 237) !important;
}

/* The page background */
body.login {
	background: rgb(228,228,228);
	background: -moz-linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(238,238,238,1) 34%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(238,238,238,1) 34%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(238,238,238,1) 34%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4e4e4",endColorstr="#ffffff",GradientType=1);
}
.login form{
	padding: 26px 0px 34px;
	background: transparent;
}

/* The white box that contains the form */
body.login div#login form#loginform,
#itsec-2fa {
	color: #000000 !important;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin: 10px 10px 10px 0px;
	border-bottom: 1px #000000 solid !important;
	width: 100%;
}


/* The username and password field labels */
body.login div#login form#loginform p label,
body.login div#login form#loginform .user-pass-wrap label,
.itsec-totp__confirm-code	{
	color: #000000 !important;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 400;
}




/* Just the username password lostpassword input fields */
body.login div#login form#loginform input#user_login,
body.login div#login form#loginform input#user_pass,
#itsec-2fa #authcode,
#itsec-totp__confirm-code,
#lostpasswordform input#user_login.input {
	color: #000000 !important;
	font-size: 16px;
	font-weight: 300;
	border: none;
	border-bottom: 1px solid #000000;
	border-radius: 1px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	background-color: color(srgb 1 1 1 / 0);
	margin-bottom: 20px;
}

.wp-core-ui .button, .wp-core-ui .button-secondary,
.dashicons-hidden:before,
.login .button.wp-hide-pw .dashicons,
.language-switcher label .dashicons {
	color: #000000;
}

.wp-pwd .dashicons-visibility:before {

}
input::-webkit-credentials-auto-fill-button  {
	background-color: #000000;
}


body.login div#login form#loginform input#user_login {
	margin-bottom: 40px;
}



/* The Remember Me field Checkbox */
.login form input[type=checkbox] {
	border: 1px solid #000000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: color(srgb 1 1 1 / 0);
}

input[type=checkbox]:checked::before {
	margin: -0.65rem 0 0 -0.3rem !important;
	height: 1.31rem !important;
	width: 1.8rem !important;
	filter: invert(100%) saturate(0%)  brightness(0%);
}


/* The Buttons */
body.login div#login form#loginform p.submit input#wp-submit,
#itsec-2fa #submit,
button.itsec-screen__actions--continue,
.itsec-totp__device-switcher button.button-large.button-primary,
#language-switcher .button,
#language-switcher #language-switcher-locales,
#lostpasswordform #wp-submit {
	border-radius: 0px !important;
	background-color: #000000 !important;
	color: color(srgb 1 1 1) !important;
	color: rgb(255, 255, 255) !important;
	text-transform: uppercase !important;
	border: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	font-size: 12px !important;
	min-height: auto !important;
	height: 25px !important;
	padding-top: 0px !important;
	width: fit-content !important;
}


/* BAANNNG LOGO */
.baannng_signature_new_area {
	display: block;
	text-align: center;
	width: 10%;
	margin: 0 auto;
	margin-top: 30px;
	filter: invert();
}
.login .baannng_logo {
	display: block;
	margin-top: 20px;
}

.baannng_logo img {
	filter: invert();
}


/* Messages */
.login #login_error, .login .message, .login .success {
	position: fixed;
	display: block;
	padding: 15px 0px;
	width: calc(100% - 20px);
	top: 10px;
	left: 8px;
	background: color(srgb 0 0 0 / 0.077);
	border: none;
	border-radius: 5px;
	box-shadow: 0px -2px 12px -3px #dcdcdc;
	-webkit-box-shadow: 0px -2px 12px -3px #dcdcdc;
	-moz-box-shadow: 0px -2px 12px -3px #dcdcdc;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	text-align: center !important;
}


.itsec-totp__view-secret {
	border-bottom: 1px dashed #000000 !important;
}




#wp-auth-check-wrap #wp-auth-check {
	background: transparent;
	background-color: rgba(255, 255, 255, 0);
}






/* Lost PAss */
#lostpasswordform {
	padding: 20px;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#lostpasswordform #wp-submit {
	
}





/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid color(srgb 0 0 0);
  -webkit-text-fill-color: color(srgb 0 0 0);
  -webkit-box-shadow: 0 0 0px 1000px color(srgb 0.808 0.808 0.808) inset;
  transition: background-color 5000s ease-in-out 0s;
}