@charset "UTF-8";
/* ============================================================
   style-login.css  ログイン画面（wp-login.php）
   ============================================================ */
* { box-sizing: border-box; }

body.login {
	background-color: #F4F4F5;
	background-image: repeating-linear-gradient(90deg, rgba(211,34,39,.10) 0 2px, transparent 2px 9px);
	background-position: center bottom;
	background-size: 100% 11px;
	background-repeat: no-repeat;
	min-height: 100vh;
}

#login { width: 460px; padding-top: 6%; }

#backtoblog,
.language-switcher { display: none; }

#login-message {
	background-color: #D32227;
	color: #fff;
	border-left-color: #A5161A;
}

.login form {
	width: 100%;
	border: 1px solid #DCDCDE;
	border-radius: 0;
	box-shadow: 0 18px 40px -26px rgba(14, 15, 15, .4);
	padding: 40px 44px;
	background-color: #fff;
	color: #2A2B2D;
}

.login form .input,
.login input[type="text"],
.login input[type="password"] {
	border-radius: 0;
	border-color: #DCDCDE;
	background: #F4F4F5;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
	border-color: #0E0F0F;
	box-shadow: none;
	background: #fff;
}

.wp-core-ui .button-primary {
	background: #D32227;
	border: none;
	border-radius: 0;
	text-shadow: none;
	box-shadow: none;
	transition: background .28s cubic-bezier(.16, .84, .44, 1);
	letter-spacing: .08em;
	font-weight: 700;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: #0E0F0F;
	border: none;
	box-shadow: none;
}

.user-pass-wrap { margin-bottom: 20px; }

.login .message,
.login .success { border-left-color: #0E0F0F; }