body.login {
	background:
		linear-gradient(#6eb0dc 0 36%, #2f5a24 36% 100%) !important;
	font-family: "Source Sans 3", "Segoe UI", sans-serif;
}

.login h1 a {
	background-image: none !important;
	width: auto !important;
	height: auto !important;
	text-indent: 0 !important;
	font-family: "Black Ops One", "Arial Black", sans-serif;
	font-size: 1.7rem;
	color: #111;
	text-decoration: none;
	margin-bottom: 12px !important;
}

#login {
	width: 280px;
	padding: 4vh 0 24px;
}

.login form {
	border: 2px solid #111 !important;
	box-shadow: 4px 4px 0 rgba(17, 17, 17, 0.3) !important;
	background: #f4f1e4 !important;
	padding: 14px 16px 16px !important;
	margin-top: 8px !important;
}

.login label {
	font-size: 0.78rem !important;
	font-weight: 700;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"],
.login input[type="number"],
.login input.input {
	font-size: 16px !important;
	line-height: 1.3 !important;
	min-height: 2.15rem !important;
	padding: 0.35rem 0.5rem !important;
	margin: 0.15rem 0 0.65rem !important;
	border-width: 2px !important;
}

.login .button-primary,
.wp-core-ui .button-primary {
	background: #f0c400 !important;
	border: 2px solid #111 !important;
	color: #111 !important;
	text-shadow: none !important;
	box-shadow: 2px 2px 0 #111 !important;
	min-height: 2.15rem !important;
	padding: 0 0.85rem !important;
	font-size: 0.88rem !important;
	float: none !important;
	width: 100%;
	margin-top: 0.35rem;
}

.login .forgetmenot {
	margin: 0 0 0.5rem !important;
}

.login #nav,
.login #backtoblog {
	margin: 0.55rem 0 0 !important;
	padding: 0 !important;
	font-size: 0.85rem;
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-link {
	color: #fff6a8 !important;
	text-shadow: 0 1px 0 #000;
	font-weight: 800;
}

body.login.register #registerform p:has(#user_login) {
	display: none !important;
}

body.login .language-switcher {
	background: #f4f1e4;
	border: 2px solid #111;
	padding: 0.35rem;
	margin-top: 0.75rem;
}

body.login .language-switcher select {
	font-size: 0.85rem;
	min-height: 2rem;
}

@media (max-width: 480px) {
	#login {
		width: auto;
		max-width: 18.5rem;
		padding: 3vh 0.75rem 20px;
	}

	.login h1 a {
		font-size: 1.45rem;
	}

	.login form {
		padding: 12px 12px 14px !important;
	}

	.login input[type="text"],
	.login input[type="password"],
	.login input[type="email"],
	.login input.input {
		font-size: 16px !important;
		min-height: 2.05rem !important;
	}

	.login #login_error,
	.login .message,
	.login .success {
		font-size: 0.82rem;
		margin-bottom: 10px !important;
	}
}