/* Login */


:root {
	--xd-rosa: #f20065; /* Color Rosa Principal */

	--pink-100: #fccce0;
	--pink-200: #fa99c1;
	--pink-300: #f766a3;
	--pink-400: #f53384;
	--pink-500: #f20065;
	--pink-600: #c20051;
	--pink-700: #91003d;
	--pink-800: #610028;
	--pink-900: #300014;
}


body.login {
	background: var(--xd-rosa);
	line-height: 1;
	display: flex;
}

a:hover,
.login #backtoblog a:hover,
.login #nav a:hover {
	color: #fff;
	text-decoration: underline;
}

a:focus {
    box-shadow: none;
}

.login #login {
	padding: 0;
}

.login h1 a {
	background-image: url("../img/logo/logo-sm.svg");
	background-size: contain;
	width: 100%;
	height: 70px;
	margin: 0 auto;
}

.login #loginform {
	border-radius: 0.25rem;
	border: none;
}

.login #wp-submit {
	background: var(--xd-rosa);
	border-color: var(--xd-rosa);
	line-height: 2;
	font-size: 1rem;
	min-width: 4.5rem;
}

.login #wp-submit:hover {
	background: var(--pink-600);
	border-color: var(--pink-600);
}

.login #wp-submit:focus {
	color: #fff;
	background-color: #ce0056;
	border-color: #c20051;
	-webkit-box-shadow: 0 0 0 0.25rem rgba(244, 38, 124, 0.5);
	box-shadow: 0 0 0 0.25rem rgba(244, 38, 124, 0.5);
}

.login #user_login,
.login #user_pass {
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	padding: .1875rem .5rem;
	font-size: 18px;
}

.login #user_login:focus,
.login #user_pass:focus {
	border-color: #f980b2;
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.25rem rgba(242, 0, 101, 0.25);
	box-shadow: 0 0 0 0.25rem rgba(242, 0, 101, 0.25);
}

.login #rememberme:focus {
	border-color: #f980b2;
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.25rem rgba(242, 0, 101, 0.25);
	box-shadow: 0 0 0 0.25rem rgba(242, 0, 101, 0.25);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28242, 0, 101, 0.35%29'/%3e%3c/svg%3e");
}



.login #rememberme:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    background-color: #f20065;
	border-color: #f20065;
}

.login #rememberme {
	width: 2em;
	margin-left: -2.5em;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
	background-position: left center;
	border-radius: 2em;
	-webkit-transition: background-position 0.15s ease-in-out;
	transition: background-position 0.15s ease-in-out;
	height: 1em;
	margin-top: 0.25em;
	vertical-align: bottom;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
	border: 1px solid rgba(0, 0, 0, 0.25);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	margin-block: 2px;
	margin-inline: 0 3px;
	box-sizing: border-box;
}

.login #rememberme::before {
	content: none;
}

.login .forgetmenot label {
	line-height: 1;
	margin:  0;
}

.login form .forgetmenot {
	padding: 0.5rem 0 0 0;
}


.login .button.wp-hide-pw {
	color:  #adb5bd;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%);
	border: 1px solid rgba(255,255,255,0);
	background-clip: padding-box;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.login .button.wp-hide-pw .dashicons-hidden {
	color:  var(--xd-rosa);
}

.login .button.wp-hide-pw:focus {
	color: #f766a3;
	border-color: #f980b2;
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.25rem rgba(242, 0, 101, 0.25);
	box-shadow: 0 0 0 0.25rem rgba(242, 0, 101, 0.25);
	background: #fde2ed;
	background-clip: padding-box;
}

.login .button.wp-hide-pw:hover {
	color: #f766a3;
	border-color: #f980b2;
	background: #fde2ed;
	background-clip: padding-box;
}


.login #nav,
.login #backtoblog {
	text-align: center;
}


.login #nav a,
.login #backtoblog a {
	color: white;
}

.login #backtoblog {
	margin: 5px 0;
}


.login #login_error,
.login .message {
	border-radius: 0.25rem;
	border: none;
	margin: 1rem 0;
	color: #856404;
	background-color: #ffeeba;
	line-height: 1.5;
}

.login .message {
	color: #c20051;
	background-color: #fccce0;
}


.login #by-xart {
	text-align: center;
	position: absolute;
	bottom: 1rem;
	width: 100vw;
	font-size: 12px;
	color: white;
}