/* Form wrapper */

#login {
	--primary: rgb(67 56 202);
	--text: #3c434a;
	border-radius: 20px !important;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
}

/* Inputs */

#login input:not(.button) {
	margin-bottom: 16px !important;
}

#login input {
    transition: .3s;
}

/* Messages */

#login .notice {
	margin: 24px 0 0 0;
}

#login .notice-info, #login #login_notice {
	border-left-color: var(--primary);
}

.login-action-checkemail #login .notice, .login-action-resetpass #login .notice {
	margin: 24px 0;
}

/* Focus general */

#login :focus {
	border-color: var(--primary);
    box-shadow: 0 0 0 1px var(--primary);
}

#login a:focus {
	border-radius: .1px;
	outline-width: 2px;
	outline-offset: 5px;
}

/* Icons */

#login .dashicons {
	color: var(--primary);
}

/* Submit buttons */

#login .button:not(.wp-hide-pw) {
	color: var(--text);
	font-weight: 600;
	background-color: transparent;
	border-color: #8c8f94;
}

#login .button:not(.wp-hide-pw):focus {
	border-color: var(--primary);
}

#login .button:not(.wp-hide-pw):hover {
	outline: 1px solid var(--primary);
	border-color: var(--primary);
	background: var(--primary);
	color: white;
}

/* Links */

#login #nav a, #login #backtoblog a, #login a {
	color: var(--text);
	text-decoration: underline;
}

#login #nav a:hover, #login #backtoblog a:hover, #login a:hover {
	color: var(--primary);
}

#login .skip_container a {
	text-decoration: underline;
}

/* Language switcher */

#login .language-switcher {
	padding: 8px 0 12px 0;
}

#login select {
	color: var(--text);
}

#login select:hover {
	color: var(--primary);
}

#login select:focus {
	color: var(--text);
}

/* Complianz privacy policy link */

#login .privacy-policy-page-link {
	margin: 0 0 16px 0;
}