body.login {
	background:
		radial-gradient(circle at 18% 16%, rgba(255, 107, 53, 0.18), transparent 31rem),
		linear-gradient(145deg, #06131b 0%, #00161f 58%, #0b2732 100%);
	color: #15222a;
}

body.login #login {
	width: min(360px, calc(100% - 40px));
	padding: 5vh 0 32px;
}

body.login h1 a {
	width: 340px;
	height: 220px;
	max-width: 100%;
	margin: 0 auto 20px;
	background-image: url('../images/rockitfox-logo-final.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

body.login form {
	padding: 30px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
}

body.login form .input,
body.login input[type='text'] {
	border-color: #bcc7cc;
	border-radius: 9px;
	box-shadow: none;
}

body.login form .input:focus,
body.login input[type='text']:focus {
	border-color: #f46c22;
	box-shadow: 0 0 0 1px #f46c22;
}

body.login .button-primary {
	border-color: #d94f08;
	border-radius: 8px;
	background: #f46c22;
	font-weight: 700;
	box-shadow: none;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	border-color: #bd4205;
	background: #d95613;
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
	color: rgba(255, 255, 255, 0.82);
}

body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a:hover {
	color: #ff7a32;
}

body.login .language-switcher label .dashicons {
	color: rgba(255, 255, 255, 0.82);
}