/* Branded wp-login screen. Enqueued after WordPress's own login styles, so equal selectors win on order. */

body.login {
	background: linear-gradient(135deg, #393B67 0%, #7C7EAA 100%);
}
body.login::before {
	content: '';
	position: fixed;
	inset: 0;
	background:
		radial-gradient(circle at 20% 20%, rgba(255,255,255,.08), transparent 40%),
		radial-gradient(circle at 80% 80%, rgba(255,255,255,.06), transparent 40%);
	pointer-events: none;
}
#login { padding-top: 6vh; position: relative; z-index: 1; }

.login h1 a {
	background-image: none;
	color: #ffffff;
	font-family: "proxima-nova", -apple-system, 'Segoe UI', sans-serif;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -.5px;
	height: auto;
	width: auto;
	text-indent: 0;
	line-height: 1.2;
	margin-bottom: 8px;
}
.login h1 a:focus { box-shadow: none; outline: 2px solid #ffffff; outline-offset: 4px; }

.login form {
	background: #ffffff;
	border: none;
	border-radius: 12px;
	box-shadow: 0 20px 60px rgba(0,0,0,.25);
	padding: 32px 28px 28px;
	margin-top: 12px;
}
.login label { color: #272D37; font-weight: 600; font-size: 14px; }
.login form .forgetmenot label { color: #5F6980; font-weight: 400; }

.login form .input,
.login input[type=text],
.login input[type=password] {
	border-radius: 8px;
	border: 1px solid #E2E5E9;
	padding: 10px 14px;
	font-size: 15px;
	background: #F6F6F6;
}
.login form .input:focus,
.login input[type=text]:focus,
.login input[type=password]:focus {
	border-color: #515487;
	box-shadow: 0 0 0 2px rgba(81,84,135,.2);
	background: #ffffff;
}
.login input[type=checkbox]:checked::before { filter: hue-rotate(35deg) saturate(.6); }
.login input[type=checkbox]:focus { border-color: #515487; box-shadow: 0 0 0 1px #515487; }

/* show-password eye */
.login .button.wp-hide-pw { color: #515487; }
.login .button.wp-hide-pw:focus { border-color: #515487; box-shadow: 0 0 0 1px #515487; }

.wp-core-ui .button-primary {
	background: #515487;
	border-color: #515487;
	border-radius: 8px;
	padding: 6px 22px;
	height: auto;
	font-size: 15px;
	font-weight: 600;
	text-shadow: none;
	box-shadow: none;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:active {
	background: #393B67;
	border-color: #393B67;
}
.wp-core-ui .button-primary:focus {
	background: #393B67;
	border-color: #393B67;
	box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #515487;
}

.login #nav,
.login #backtoblog { text-align: center; }
.login #nav a,
.login #backtoblog a {
	color: #ffffff;
	text-decoration: none;
	font-weight: 500;
}
.login #nav a:hover,
.login #backtoblog a:hover { color: #ffffff; text-decoration: underline; }
.login #nav a:focus,
.login #backtoblog a:focus { color: #ffffff; box-shadow: none; outline: 2px solid #ffffff; outline-offset: 2px; }

/* error and notice boxes keep WordPress's colours but match the card corners */
.login #login_error,
.login .message,
.login .success,
.login .notice { border-radius: 8px; }

/* language switcher, when enabled */
.login .language-switcher label { color: #ffffff; }