/*

date: 13.12.2024

*/
:root {
	--login-bg: #ffffff;
	--login-bg-img: url(../admin/login-logo.svg);
	--login-bg-repeat: no-repeat;
	--login-bg-position: center 0vh;
	--login-bg-size: 80vh 80vh;

	--login-card-bg: rgba(255, 255, 255, 0.9);
	--login-card-border-rad: 10px;
	--login-card-border: none;
	--login-card-shadow: 0 0 80px 0px rgba(0, 0, 0, 0.4);
	--login-card-filter: blur(6px);
	--login-form-clr: #000000;

	--login-logo: none;
	/*url(../admin/login-logo.svg);*/
	--login-logo-pos-h: center;
	--login-logo-height: 35px;
	--login-logo-mb: 20px;
	--login-logo-display: none;

	--login-link-clr: #0028dc;
}
/* login page */
body.login {
	background-color: var(--login-bg);
	background-image: var(--login-bg-img);
	background-repeat: var(--login-bg-repeat);
	background-position: var(--login-bg-position);
	background-size: var(--login-bg-size);
}

.login #login,
.login .login_center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0;
}

.login h1,
.login h1.admin-email__heading {
	position: relative;
	z-index: 10;
	display: var(--login-logo-display);
	color: var(--login-form-clr);
	border: none;
	width: auto;
	height: var(--login-logo-height);
	margin-bottom: var(--login-logo-mb);
	background-image: var(--login-logo);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: var(--login-logo-pos-h);
}

.login h1 a,
.login h1.wp-login-logo a {
	display: none;
}

.login .language-switcher {
	display: none;
}

.login .privacy-policy-page-link {
	display: none;
}

.login form,
.login #loginform,
.login #lostpasswordform {
	z-index: 5;
	display: flex;
	flex-direction: column;
	color: var(--login-form-clr);
	margin: 0;
	-webkit-backdrop-filter: var(--login-card-filter);
	backdrop-filter: var(--login-card-filter);
	background-color: var(--login-card-bg);
	border: var(--login-card-border);
	border-radius: var(--login-card-border-rad,
			0px);
	box-shadow: var(--login-card-shadow);
}

.login form > * {
	order: 1;
	color: var(--login-form-clr);
}

.login form {
	order: 1;
	color: var(--login-form-link-clr);
}


.login p#nav {
	display: block;
}
.login #backtoblog,
.login #nav {
	padding-inline: 0;
	margin-bottom: 8px;
	text-align: center;
}
.login #backtoblog a,
.login #nav a,
.login .privacy-policy-page-link a {
	position: relative;
	z-index: 10;
	text-decoration: none;
	color: var(--login-link-clr);
}

.login #nav {
	margin-top: 16px;
}

.login #backtoblog,
.login .privacy-policy-page-link {
	margin-top: 8px;
}

/* 2fa Wordfence */
#wfls-prompt-overlay {
	color: var(--login-form-link-clr);
	background: var(--login-card-bg);
}

/* trusona */
.login form > div:has(.trusona-employee-button) {
	order: 100;
	margin-top: 20px;
}

.login form:has(.trusona-employee-button) > .submit,
.login #loginform:has(.trusona-employee-button) > .submit {
	padding-bottom: 20px;
	border-bottom: 1px dashed var(--login-form-clr);
	border-radius: 0;
}

.trusona-easy-login-button,
.trusona-login-button,
.trusona-no-passwords-login-button,
.no-passwords-login-button,
.trusona-consumer-button,
.trusona-employee-button {
	border-radius: 4px;
	overflow: hidden;
	box-shadow: none;
}

.login .trusona-employee-button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	height: auto;
	width: auto;
	margin: 0 auto;
	padding: 0 12px;
	color: #2271b1;
	border-color: #2271b1;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	background: #f6f7f7;
	text-indent: 0 !important;
	font-size: 13px;
	font-weight: 400;
	line-height: 2.30769231;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	text-decoration: none;
	text-shadow: none;
}
.login .trusona-employee-button:focus {
	background: #f6f7f7;
	border-color: #3582c4;
	color: #0a4b78;
	box-shadow: 0 0 0 1px #3582c4;
	outline: 2px solid transparent;
	outline-offset: 0;
}
.login .trusona-employee-button:hover {
	background: #f0f0f1;
	border-color: #0a4b78;
	color: #0a4b78;
}
.login .trusona-employee-button:before,
.login .trusona-employee-button::after {
	display: none;
}