/* Nivi-huisstijl voor wp-login.php. Los bestand (i.p.v. app.css hergebruiken):
   dit is een compleet andere, kale WordPress-pagina, geen #nivi-audit-app. */

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('../../assets/fonts/noto-sans-kr-latin-variable.woff2') format('woff2');
}

body.login {
	position: relative;
	overflow-x: hidden;
	background: #f8f8f8;
	font-family: 'Noto Sans KR', -apple-system, 'Segoe UI', sans-serif;
}

body.login::before {
	content: '';
	position: fixed;
	right: -70px;
	bottom: -50px;
	width: 340px;
	height: 353px;
	z-index: 0;
	pointer-events: none;
	background: url('../../assets/images/nivi-vlam-achtergrond.png') no-repeat center / contain;
	opacity: 0.1;
}

.login #login {
	position: relative;
	z-index: 1;
	margin-top: 7vh;
}

.login h1 {
	margin-bottom: 1.5rem;
}

.login h1 a {
	width: 200px;
	height: 67px;
	margin: 0 auto;
	background-image: url('../../assets/images/nivi-logo-header.png');
	background-size: contain;
	background-position: center;
}

.login form {
	padding: 2rem;
	background: #ffffff;
	border: 1px solid rgba(186, 186, 186, 0.45);
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(21, 31, 30, 0.06);
}

.login label {
	color: #151f1e;
	font-size: 0.9rem;
	font-weight: 600;
}

.login form .input,
.login input[type="text"],
.login input[type="password"] {
	font-family: inherit;
	border: 1px solid #bababa;
	border-radius: 4px;
	box-shadow: none;
}

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

.login .button-primary {
	border-radius: 4px;
	border-color: #d9000d;
	background: #d9000d;
	font-weight: 700;
	text-shadow: none;
	box-shadow: none;
}

.login .button-primary:hover,
.login .button-primary:focus {
	border-color: #6d0007;
	background: #6d0007;
}

.login #nav a,
.login #backtoblog a {
	color: #707070;
}

.login .message,
.login .notice {
	border-left-color: #d9000d;
	border-radius: 4px;
}