*
{
	box-sizing: border-box;
}

html {
	font-family: Open Sans,sans-serif;
	font-size:15px;
	font-weight:300;
	color: #FFFFFF;
	padding:0;
	margin:0;
}

html body.login
{
	min-height: 100vh;
	font-family: Open Sans,sans-serif;
	font-size:15px;
	font-weight: 300;
	color: #FFFFFF;
	background: #211F30 !important;
	position: relative;
}

html body.login h1 a
{
	width: 100%;
	height: 60px;
	background:url("../image/logo.png") no-repeat center top;
	background-size: 225px auto;
	margin-top:15px;
}

html body.login .message,
html body.login #login_error
{
	background:transparent;
	border:0;
	padding:0;
	margin:0;
}
html body.login #login_error a
{
	color:#FFFFFF !important;
}

html body.login #login
{
	width:100%;
	max-width: 100%;
	background:rgba(43,45,61,.75);
	padding:1rem;
	transform:translateY(-50%);
	position: absolute;
	top:50%;
	left:0;
	right:0;
}

html body.login form
{
	background:transparent;
	box-shadow: none;
	border:0;
	padding:0;
	margin:30px 0 0;
}
html body.login form label
{
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	margin-bottom: 10px;
}
html body.login form input
{
	width: 100%;
	height: 40px!important;
	font-family: Open Sans,sans-serif;
	font-size: 15px !important;
	color: #FFFFFF!important;
	background: rgba(132,137,142,.4)!important;
	border: 1px solid rgba(132,137,142,.4)!important;
	border-radius: 0;
	box-shadow: none;
	transition: all .2s;
	outline: 0;
	padding: 5px !important;
	margin: 0 0 15px;
}

html body.login form .wp-hide-pw
{
	color: #FFFFFF!important;
}

html body.login form .forgetmenot input[type="checkbox"],
html body.login form .forgetmenot input[type="radio"]
{
	width:auto !important;
	height:15px !important;
	padding:5px !important;
	margin:0 5px 0 0 !important;
}
html body.login form .forgetmenot label
{
	display: inline;
}
html body.login form input[type="submit"],
html body.login form button[type="button"].wp-generate-pw
{
	width: auto;
	height: auto;
	min-height: unset !important;
	font-family: Open Sans,sans-serif;
	font-size:15px;
	font-weight:300;
	line-height: 1.2 !important;
	color:#FFFFFF !important;
	text-decoration: none;
	text-transform: uppercase;
	display:table !important;
	border-radius:0;
	padding:10px 15px !important;
	margin:0 0 10px !important;
	transition: all 360ms;
	outline:0 !important;
	box-shadow: none;
}
html body.login form input[type="submit"]
{
	background-color:rgb(33,86,250) !important;
	border:solid 1px rgb(33,86,250) !important;
}
html body.login form button[type="button"].wp-generate-pw
{
	background-color: #211f30 !important;
	border: solid 1px #2156fa !important;
}
input[type="submit"]:hover,
input[type="submit"]:focus-within,
input[type="submit"]:active,
input[type="submit"]:not(.disabled):active
{
	outline:0 !important;
	box-shadow: none !important;
	background-color:rgb(26, 68, 198) !important;
	border:solid 1px rgb(26, 68, 198) !important;
}

html body.login #nav
{
	display: none;
}

html body.login p#backtoblog
{
	padding:0;
	margin:30px 0 0;
}
html body.login p#backtoblog > a
{
	display: block !important;
	color:#FFFFFF;
	transition: all 360ms;
}
html body.login p#backtoblog > a:hover,
html body.login p#backtoblog > a:focus-within,
html body.login p#backtoblog > a:active
{
	color:rgb(207, 208, 210) !important;
}


@media screen and (min-width: 545px)
{
	html body.login #login
	{
		max-width: 510px;
	}
}
@media screen and (min-width: 768px)
{
	html body.login h1 a
	{
		height: 80px;
		background-size: 300px auto;
		margin-top:0;
	}

	html body.login #login
	{
		max-width: 570px;
		padding: 2rem 1.5rem;
	}
}
@media screen and (min-width: 992px)
{
	html body.login #login
	{
		max-width: 610px;
		padding: 2rem;
	}

	html body.login form input
	{
		padding: 5px 10px !important;
		margin-bottom: 25px;
	}
}
@media screen and (min-width: 1200px)
{
	html body.login #login
	{
		max-width: 540px;
		padding: 3rem;
	}
}
@media screen and (min-width: 1400px)
{
	html body.login #login
	{
		max-width: 640px;
		padding: 4rem;
	}
}