/**
 * WordPress login screen styles.
 *
 * @package blog_Trendy
 */

body.login {
	background-color: #1a1a1a;
	background-image: var(--blog-trendy-login-bg, none);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

body.login::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(
		180deg,
		rgba(26, 26, 26, 0.35) 0%,
		rgba(26, 26, 26, 0.55) 100%
	);
}

body.login #login {
	position: relative;
	z-index: 1;
}

body.login #login h1 a {
	width: 182px;
	height: 64px;
	background-image: var(--blog-trendy-login-logo, none);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

body.login form {
	border: 0;
	border-radius: 16px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
}

body.login .button-primary {
	background: linear-gradient(90deg, #ff2d95 0%, #a65eba 100%);
	border: 0;
	border-radius: 999px;
	text-shadow: none;
	box-shadow: none;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	background: linear-gradient(90deg, #ff2d95 0%, #a65eba 100%);
	opacity: 0.92;
	border: 0;
	box-shadow: none;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
	border-color: #ff2d95;
	box-shadow: 0 0 0 1px #ff2d95;
}

body.login #nav a,
body.login #backtoblog a {
	color: #ffffff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: #ffc0e0;
}