* {
	box-sizing: border-box;
}

body {
	--color-link: #3343b5;
	background-color: #fff;
	background-image: linear-gradient(to bottom right, #fff, #eefdf9);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Replace the logo */
.login h1 a {
	--icon-size: 64px;
	background-image: var(--icon-url);
	background-size: var(--icon-size);
	width: var(--icon-size);
	height: var(--icon-size);
}

a {
	color: var(--color-link);
}

#login {
	padding-block: 24px;
	height: 100vh;
	height: 100svh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

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

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

.login #nav a:hover {
	text-decoration: none;
}

.login form {
	box-shadow: 1.7px 1.5px 2.9px rgba(0, 0, 0, 0.017),
		4.1px 3.7px 7px rgba(0, 0, 0, 0.024), 7.8px 7px 13.3px rgba(0, 0, 0, 0.03),
		13.8px 12.5px 23.7px rgba(0, 0, 0, 0.036),
		25.9px 23.4px 44.3px rgba(0, 0, 0, 0.043),
		62px 56px 106px rgba(0, 0, 0, 0.06);
	border-radius: 8px;
}

.login label {
	font-weight: 700;
}

.login .forgetmenot label {
	font-weight: 400;
}

.login #backtoblog a {
	color: var(--color-link);
	font-weight: 700;
	font-size: 14px !important;
	position: absolute;
	bottom: 24px;
	left: 24px;
}

#backtoblog a:hover {
	color: black !important;
}

.button {
	font-weight: 700;
	text-transform: uppercase;
}

.login .button-primary {
	background-color: var(--color-link);
	border-color: var(--color-link);
	color: #fff;
}

.login .button-primary:hover {
	background-color: #fff;
	border-color: var(--color-link);
	color: var(--color-link);
}

.login .button.button-secondary.wp-hide-pw {
	color: var(--color-link);
}

/* Remove the Privacy Policy link if we're not using the login page for the frontend */
.privacy-policy-page-link {
	display: none;
}