/* wp-login.php in huisstijl. Logo, kleuren, lettertype en achtergrond komen uit de thema-instellingen (functions.php). */
body.login {
	background: var(--ep-achter, #f4f6f9);
	color: #17212e;
	font-family: var(--ep-font, system-ui, sans-serif);
	border-top: 4px solid var(--ep-oranje, #fc6719);
}
.login h1 a {
	background-image: var(--ep-logo);
	background-size: contain;
	background-position: center;
	width: 100%;
	max-width: 320px;
	height: 96px;
	margin-bottom: 1.25rem;
}
#login { width: min(400px, calc(100% - 2rem)); padding-top: 6vh; }
.login form,
.login #login_error,
.login .message,
.login .success,
.login .notice {
	border: 1px solid #dde3ea;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .07);
}
.login form { padding: 1.75rem 1.75rem 1.5rem; }
.login #login_error { border-left: 4px solid #b42318; }
.login .message, .login .success { border-left: 4px solid var(--ep-link, #0181c4); }
.login .ep-login-tekst p { margin: 0 0 .5em; font-size: 15px; }
.login .ep-login-tekst p:last-child { margin: 0; }
.login label { font-weight: 700; color: #17212e; font-size: 15px; }
.login input[type="text"],
.login input[type="email"],
.login input[type="password"] {
	border: 1px solid #b9c3cf;
	border-radius: 6px;
	min-height: 44px;
	font-size: 17px;
	padding: 6px 12px;
	box-shadow: none;
}
.login input[type="text"]:focus,
.login input[type="email"]:focus,
.login input[type="password"]:focus { border-color: #0181c4; box-shadow: 0 0 0 3px rgba(1, 129, 196, .2); }
.login .button.wp-hide-pw { min-height: 44px; color: var(--ep-navy, #0b3a73); }
.login .button.wp-hide-pw:focus { border-color: #0181c4; box-shadow: 0 0 0 1px #0181c4; }
.wp-core-ui .button-primary {
	background: var(--ep-navy, #0b3a73);
	border: 2px solid var(--ep-navy, #0b3a73);
	border-radius: 999px;
	min-height: 44px;
	padding: 0 1.5rem;
	font-weight: 700;
	font-size: 15px;
	text-shadow: none;
	box-shadow: none;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus { background: var(--ep-navy-donker, #072a55); border-color: var(--ep-navy-donker, #072a55); }
.wp-core-ui .button-primary:focus { box-shadow: 0 0 0 3px var(--ep-oranje, #fc6719); }
.login .forgetmenot label { font-weight: 400; }
.login input[type="checkbox"] { accent-color: var(--ep-navy, #0b3a73); }
.login #nav, .login #backtoblog { text-align: center; font-size: 15px; }
.login #nav a, .login #backtoblog a, .login .privacy-policy-link { color: var(--ep-link, #0170ab); font-weight: 700; }
.login #nav, .login #backtoblog { background: rgba(255, 255, 255, .92); border-radius: 999px; padding: .5rem 1rem; margin-inline: auto; width: fit-content; }
.login #nav a:hover, .login #backtoblog a:hover { color: var(--ep-navy, #0b3a73); }
.login .language-switcher { display: none; }