/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 LOGIN

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body{
	position: relative;
    float: left;
    width: 100%;
    background: var(--light, #FFFFFF);
    font-family: 'Sora', sans-serif;
}


body::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
}

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

.login h1 a{
	background-image: url(../img/logo.png);
	width: 9.125rem;
	height: 1.875rem;
	background-size: 100% auto;
}

.login p{line-height: 1.2em}

.login form{
	position: relative;
	padding: 1.875rem !important;
	margin: 0;
	border-radius: 0;
	box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.08);
}

.login label{
	font-size: 0.8125rem;
	font-family: 'Inter', sans-serif;
}

.login #loginform input{font-size: 1.125rem}
.login #loginform input:not([type='checkbox']){height: 2.5rem;line-height: 2.5rem}

.login #loginform .forgetmenot{width: 100%;float: left;margin-bottom: var(--widgets-spacing, 1.25rem)}
.login #loginform .forgetmenot label {text-transform: none}
.login #loginform .forgetmenot label input{margin:0;}


.login #loginform input.button{
	font-family: 'Sora', sans-serif;
	width: 100%;
	margin: 0;
	display:inline-block;
	color: white;
	text-transform: uppercase;
	text-align:center;
	height:auto;
	padding: 0.75rem 1.375rem;
	border: 0.0625rem solid #29364E;
	border-radius: 0 !important;
	box-shadow: none;
	text-shadow:none;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.1125rem;
	line-height: 1em;
	color: #fff !important;
	background-color: #29364E;
}

.login #loginform input.button:hover,
.login #loginform input.button:focus {
	color: white !important;
	background-color: #141C2B;
	border-color: #141C2B;
}

.login #loginform .submit{position: relative;display: block}

.login #backtoblog a:hover, .login #backtoblog a:focus,
.login #nav a:hover, .login #nav a:focus{opacity: .8}

.login #backtoblog a, .login #nav a{color: #000 !important}

.login #backtoblog a, .login #nav a:hover {text-decoration: underline;}

.login .privacy-policy-link {
	color: #29364E;
	text-decoration:none;
	font-size:1.125em;
	letter-spacing: 0.02em;
}
.login .privacy-policy-link:hover {text-decoration: underline;}

.login #login_error, .login .message{border: 0.0625rem solid #29364E;}
.login #login_error{border-color:#DF1B12}

.login .button.wp-hide-pw .dashicons{color: #29364E}

body.interim-login {height: 100% !important;}