/**
 * Oest Login Branding
 *
 * The variables below are the single source of truth for future brand updates.
 */

@font-face {
	font-family: "Alliance No1";
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url("https://oest.zweipro.digital/wp-content/uploads/breakdance/fonts/AllianceNo1_Light.woff") format("woff");
}

@font-face {
	font-family: "Alliance No1";
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url("https://oest.zweipro.digital/wp-content/uploads/breakdance/fonts/AllianceNo1_Regular.woff") format("woff");
}

@font-face {
	font-family: "Alliance No1";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("https://oest.zweipro.digital/wp-content/uploads/breakdance/fonts/AllianceNo1_SemiBold.woff") format("woff");
}

@font-face {
	font-family: "Alliance No1";
	font-style: italic;
	font-weight: 200;
	font-display: swap;
	src: url("https://oest.zweipro.digital/wp-content/uploads/breakdance/fonts/AllianceNo1_RegularItalic.woff") format("woff");
}

@font-face {
	font-family: "Alliance No1";
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url("https://oest.zweipro.digital/wp-content/uploads/breakdance/fonts/AllianceNo1_SemiBoldItalic.woff") format("woff");
}

body.login.oest-login-branding {
	--oest-red: #e52227;
	--oest-light-grey: #f1f1f1;
	--oest-white: #ffffff;
	--oest-black: #111111;
	--oest-radius: 11px;
	--oest-field-radius: 3px;
	background: var(--oest-light-grey);
	color: var(--oest-black);
	font-family: "Alliance No1", Arial, Helvetica, sans-serif;
	font-weight: 200;
}

.login.oest-login-branding * {
	box-sizing: border-box;
}

.login.oest-login-branding #login {
	width: min(580px, calc(100% - 40px));
	padding: clamp(28px, 7vh, 72px) 0 36px;
}

/* The logo shares the card width and therefore ends exactly at its right edge. */
.login.oest-login-branding .wp-login-logo {
	margin: 0 0 24px;
	text-align: right;
}

.login.oest-login-branding .wp-login-logo a {
	display: inline-flex;
	width: clamp(132px, 24vw, 190px);
	height: 68px;
	margin: 0;
	align-items: center;
	justify-content: flex-end;
	background-color: transparent;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
	color: var(--oest-black);
	font-size: 0;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	text-indent: 0;
}

.login.oest-login-branding .wp-login-logo a::after {
	content: "Oest";
	font-size: clamp(36px, 6vw, 56px);
	letter-spacing: -0.055em;
}

.login.oest-login-branding form {
	margin: 0;
	padding: clamp(32px, 6vw, 58px);
	background: var(--oest-red);
	border: 0;
	border-radius: var(--oest-radius);
	box-shadow: none;
}

.login.oest-login-branding #loginform {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	column-gap: 28px;
	align-items: center;
}



.login.oest-login-branding #loginform > p:not(.forgetmenot):not(.submit),
.login.oest-login-branding #loginform > .user-pass-wrap {
	grid-column: 1 / -1;
}

.login.oest-login-branding form p,
.login.oest-login-branding form .user-pass-wrap {
	margin: 0 0 24px;
}

.user-pass-wrap, .aiowps-captcha {
	padding-top: 24px;
}

.aiowps-captcha-equation * {color:white; font-weight:200;}
 .aiowps-captcha-equation hide-when-displaying-tfa-input {min-width:100%!important;}

.login.oest-login-branding form label {
	display: block;
	margin: 0 0 9px;
	color: var(--oest-white);
	font-size: 18px;
	font-weight: 200;
	line-height: 1.35;
}

.login.oest-login-branding form .input,
.login.oest-login-branding input[type="text"],
.login.oest-login-branding input[type="email"],
.login.oest-login-branding input[type="password"] {
	width: 100%;
	min-height: 70px;
	margin: 0;
	padding: 10px 16px;
	background: var(--oest-red);
	border: 1px solid var(--oest-white);
	border-radius: var(--oest-field-radius);
	box-shadow: none;
	color: var(--oest-white);
	font-family: inherit;
	font-size: 18px;
}

.login.oest-login-branding form .input:focus,
.login.oest-login-branding input[type="text"]:focus,
.login.oest-login-branding input[type="email"]:focus,
.login.oest-login-branding input[type="password"]:focus {
	border: 2px solid var(--oest-white);
	box-shadow: none;
	outline: 0;
}

.login.oest-login-branding form .input:-webkit-autofill,
.login.oest-login-branding form .input:-webkit-autofill:hover,
.login.oest-login-branding form .input:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--oest-white);
	box-shadow: inset 0 0 0 1000px var(--oest-red);
	caret-color: var(--oest-white);
}

.login.oest-login-branding .wp-pwd {
	position: relative;
}

.login.oest-login-branding .wp-pwd .password-input {
	padding-right: 54px;
}

.login.oest-login-branding .button.wp-hide-pw {
	top: 50%;
	right: 7px;
	width: 44px;
	height: 44px;
	min-width: 44px;
	padding: 0;
	transform: translateY(-50%);
	border: 0;
	color: var(--oest-black);
}

.login.oest-login-branding .button.wp-hide-pw:focus {
	border-radius: var(--oest-field-radius);
	box-shadow: 0 0 0 2px var(--oest-black);
}

.login.oest-login-branding #loginform .forgetmenot {
	grid-column: 1;
	grid-row: 3;
	margin: 0;
}

.login.oest-login-branding #loginform .forgetmenot label {
	display: inline-flex;
	margin: 0;
	align-items: center;
	gap: 10px;
}

.login.oest-login-branding input[type="checkbox"] {
	width: 24px;
	height: 24px;
	margin: 0;
	background: var(--oest-white);
	border: 2px solid var(--oest-white);
	border-radius: var(--oest-field-radius);
	box-shadow: none;
}

.login.oest-login-branding input[type="checkbox"]:checked::before {
	width: 23px;
	height: 23px;
	margin: -2px 0 0 -2px;
	color: var(--oest-black);
}

.login.oest-login-branding .oest-login-links {
	display: flex;
	grid-column: 2;
	grid-row: 3;
	justify-content: flex-end;
	gap: 18px;
}

.login.oest-login-branding .oest-login-links a {
	color: var(--oest-white);
	font-size: 17px;
	font-style: italic;
	text-decoration: none;
}

.login.oest-login-branding .oest-login-links a:hover,
.login.oest-login-branding .oest-login-links a:focus {
	color: var(--oest-white);
	text-decoration: underline;
	text-underline-offset: 4px;
}

.login.oest-login-branding #loginform .submit {
	display: flex;
	grid-column: 2;
	grid-row: 4;
	margin: 34px 0 0;
	justify-content: flex-end;
}

.login.oest-login-branding .button-primary,
.login.oest-login-branding .button-primary.button-large {
	min-width: 210px;
	min-height: 70px;
	padding: 12px 32px;
	background: transparent;
	border: 1px solid var(--oest-white);
	border-radius: var(--oest-field-radius);
	box-shadow: none;
	color: var(--oest-white);
	font-family: inherit;
	font-size: 20px;
	font-style: normal;
	font-weight: 200;
	line-height: 1.2;
	text-shadow: none;
	transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.login.oest-login-branding .button-primary:hover {
	background: var(--oest-white);
	border-color: var(--oest-white);
	color: var(--oest-red);
	transform: translateY(-2px);
}

.login.oest-login-branding .button-primary:focus {
	background: var(--oest-white);
	border-color: var(--oest-white);
	box-shadow: 0 0 0 2px var(--oest-black);
	color: var(--oest-red);
	outline: 0;
}

/* The same card treatment also covers password reset and registration screens. */
.login.oest-login-branding #lostpasswordform,
.login.oest-login-branding #registerform,
.login.oest-login-branding #resetpassform {
	display: block;
}

.login.oest-login-branding #lostpasswordform .submit,
.login.oest-login-branding #registerform .submit,
.login.oest-login-branding #resetpassform .submit {
	margin: 30px 0 0;
	text-align: right;
}

.login.oest-login-branding.oest-login-action-login #nav {
	display: none;
}

.login.oest-login-branding #nav,
.login.oest-login-branding #backtoblog {
	margin: 18px 0 0;
	padding: 0 4px;
	text-align: right;
}

.login.oest-login-branding #nav a,
.login.oest-login-branding #backtoblog a,
.login.oest-login-branding .privacy-policy-page-link a {
	color: var(--oest-black);
	font-size: 14px;
	text-decoration: none;
}

.login.oest-login-branding #nav a:hover,
.login.oest-login-branding #nav a:focus,
.login.oest-login-branding #backtoblog a:hover,
.login.oest-login-branding #backtoblog a:focus,
.login.oest-login-branding .privacy-policy-page-link a:hover,
.login.oest-login-branding .privacy-policy-page-link a:focus {
	color: var(--oest-red);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.login.oest-login-branding #login_error,
.login.oest-login-branding .message,
.login.oest-login-branding .success {
	margin: 0 0 18px;
	padding: 16px 18px;
	background: var(--oest-white);
	border: 0;
	border-left: 6px solid var(--oest-red);
	border-radius: var(--oest-field-radius);
	box-shadow: none;
	color: var(--oest-black);
}

.login.oest-login-branding #login_error a,
.login.oest-login-branding .message a {
	color: var(--oest-black);
	font-weight: 700;
}

.login.oest-login-branding .language-switcher {
	margin-top: 0;
}

.login.oest-login-branding .language-switcher form {
	padding: 0;
	background: transparent;
}

.login.oest-login-branding .language-switcher label {
	color: var(--oest-black);
}

.aiowps-captcha * {
font-size:14px!important;
fonrt-weight:200;
}

.login.oest-login-branding input[type="checkbox"] {
    width: 22px;
    height: 22px;
   margin-right:5px;
    background: transparent;
    border: 1px solid var(--oest-white);
    box-shadow: none;
}

.forgetmenot input {margin-top:-5px!important;font-weight:200!important;}

.wp-core-ui .button, .wp-core-ui .button-secondary , .wp-core-ui .button:hover {
    color: var(--oest-red);
    border-color: var(--oest-red);
}

.wp-core-ui .button:hover {
    background: var(--oest-red)!important; color:white;
}

.login.oest-login-branding .button.wp-hide-pw {color:white;}

.login.oest-login-branding .button.wp-hide-pw:focus {box-shadow:none!important;}



.login.oest-login-branding .button-primary:hover {background-color:white!important; color:var(--oest-red)!important;}

@media (max-width: 600px) {
	.login.oest-login-branding #login {
		width: min(100% - 28px, 680px);
		padding-top: 22px;
	}

	.login.oest-login-branding .wp-login-logo {
		margin-bottom: 16px;
	}

	.login.oest-login-branding .wp-login-logo a {
		height: 52px;
	}

	.login.oest-login-branding form {
		padding: 28px 22px;
		border-radius: var(--oest-field-radius);
	}

	.login.oest-login-branding #loginform {
		grid-template-columns: 1fr;
	}

	.login.oest-login-branding #loginform .forgetmenot,
	.login.oest-login-branding .oest-login-links,
	.login.oest-login-branding #loginform .submit {
		grid-column: 1;
		grid-row: auto;
	}

	.login.oest-login-branding #loginform .forgetmenot {
		margin-top: 2px;
	}

	.login.oest-login-branding .oest-login-links {
		margin-top: 18px;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.login.oest-login-branding #loginform .submit {
		margin-top: 28px;
	}

	.login.oest-login-branding .button-primary,
	.login.oest-login-branding .button-primary.button-large {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.login.oest-login-branding .button-primary {
		transition: none;
	}
}