/* Presentation only. WordPress and authentication plugins own every form. */
html:has(body.gaul-login) { min-height: 100%; }
body.gaul-login {
	--gaul-background: #01355f;
	--gaul-accent: #1764cc;
	--gaul-logo: url("global-advisers-logo.webp");
	color-scheme: light;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100svh;
	height: auto;
	margin: 0;
	background: var(--gaul-background);
	color: #1e2e3c;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
}
body.gaul-login #login {
	box-sizing: border-box;
	width: 530px;
	max-width: calc(100% - 32px);
	margin: clamp(32px, 12vh, 106px) auto 40px;
	padding: 36px 52px 34px;
	background: #fff;
	border: 0;
	border-radius: 0;
	box-shadow: 0 3px 8px rgb(0 0 0 / 16%);
}
body.gaul-login #login h1,
body.gaul-login #login .wp-login-logo { margin: 0; padding: 0; text-align: left; }
body.gaul-login #login h1 a,
body.gaul-login #login .wp-login-logo a {
	display: block;
	width: 220px;
	max-width: 100%;
	height: 66px;
	margin: 0 0 26px;
	padding: 0;
	background-image: var(--gaul-logo);
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
body.gaul-login .gaul-heading {
	margin: 0 0 24px;
	font: 600 18px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	color: #1e2e3c;
}
body.gaul-login #login form {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-weight: 400;
	overflow: visible;
}
body.gaul-login #login label { display: block; margin-bottom: 6px; color: #34485b; font-size: 15px; font-weight: 600; line-height: 1.5; }
body.gaul-login #login input[type="text"],
body.gaul-login #login input[type="email"],
body.gaul-login #login input[type="password"],
body.gaul-login #login input[type="number"],
body.gaul-login #login input[type="tel"] {
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	margin: 0 0 20px;
	padding: 10px 12px;
	border: 1px solid #9baebf;
	border-radius: 0;
	background: #fff;
	color: #172a3a;
	box-shadow: none;
	font: inherit;
	font-size: 18px;
	line-height: 1.5;
}
body.gaul-login #login input:focus { border-color: var(--gaul-accent); outline: 2px solid var(--gaul-accent); outline-offset: 1px; box-shadow: none; }
body.gaul-login #login .wp-pwd { position: relative; }
body.gaul-login #login .wp-pwd input { padding-right: 48px; }
body.gaul-login #login .wp-pwd .wp-hide-pw {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	min-height: 48px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--gaul-accent);
	box-shadow: none;
}
body.gaul-login #login .wp-pwd .wp-hide-pw:hover { background: #f2f5f8; color: #000; }
body.gaul-login #login .wp-hide-pw .dashicons { top: 0; }
body.gaul-login #login .forgetmenot { float: none; margin: 0 0 24px; }
body.gaul-login #login .forgetmenot label { display: inline; font-size: 15px; font-weight: 400; color: #1e2e3c; }
body.gaul-login #login input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; margin: -2px 7px 0 0; border: 1px solid #9baebf; border-radius: 0; }
body.gaul-login #login p.submit { float: none; clear: both; margin: 24px 0 0; padding: 0; }
body.gaul-login #login .button-primary {
	box-sizing: border-box;
	display: block;
	float: none;
	width: 100%;
	min-height: 48px;
	height: auto;
	padding: 12px 18px;
	border: 1px solid var(--gaul-accent);
	border-radius: 0;
	background: var(--gaul-accent);
	color: #fff;
	box-shadow: none;
	text-shadow: none;
	font: inherit;
	font-weight: 600;
	line-height: 1.5;
	white-space: normal;
	transform: none;
	transition: none;
}
body.gaul-login #login .button-primary:hover { border-color: #000; background: #000; color: #fff; }
body.gaul-login #login .button-primary:disabled,
body.gaul-login #login .button-primary.disabled { border-color: #c5d4e4 !important; background: #c5d4e4 !important; color: #354758 !important; cursor: default; }
body.gaul-login a { color: var(--gaul-accent); text-decoration: none; }
body.gaul-login a:hover { color: #000; text-decoration: none; transform: none; }
body.gaul-login a:focus-visible,
body.gaul-login button:focus-visible,
body.gaul-login #login .button:focus-visible { outline: 2px solid var(--gaul-accent); outline-offset: 3px; box-shadow: none; }
body.gaul-login #nav { margin: 22px 0 0; padding: 0; text-align: right; font-size: 15px; }
body.gaul-login #backtoblog { margin: 18px 0 0; padding: 0; font-size: 14px; }
body.gaul-login #nav a,
body.gaul-login #backtoblog a { color: var(--gaul-accent); }
body.gaul-login #nav a:hover,
body.gaul-login #backtoblog a:hover { color: #000; }
body.gaul-login #login .privacy-policy-page-link { margin: 18px 0 0; text-align: left; font-size: 14px; }
body.gaul-login #login_error,
body.gaul-login #login .message,
body.gaul-login #login .success {
	box-sizing: border-box;
	margin: 0 0 24px;
	padding: 12px 14px;
	border-left: 4px solid var(--gaul-accent);
	border-radius: 0;
	background: #f2f6fa;
	color: #243747;
	box-shadow: none;
	font-size: 15px;
	overflow-wrap: anywhere;
}
body.gaul-login #login_error { border-left-color: #ba2424; background: #fff3f3; }
body.gaul-login #login .message p,
body.gaul-login #login_error p { margin: 0; }
body.gaul-login #login .indicator-hint,
body.gaul-login #login #reg_passmail { margin: 14px 0 20px; font-size: 14px; }
body.gaul-login .language-switcher { width: auto; max-width: calc(100% - 32px); margin: 0 auto 30px; padding: 0; color: #fff; }
body.gaul-login .gaul-footer {
	box-sizing: border-box;
	width: 100%;
	margin-top: auto;
	padding: 13px 20px 15px;
	background: #fff;
	color: #1e2e3c;
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
}
body.gaul-login .gaul-footer p { margin: 0; }
body.gaul-login .gaul-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; margin-top: 7px; }
body.gaul-login.interim-login #login { width: 530px; margin: 16px auto; padding: 24px; }
body.gaul-login.interim-login .gaul-footer { display: none; }
body.gaul-login.rtl #login h1,
body.gaul-login.rtl #login .wp-login-logo { text-align: right; }
body.gaul-login.rtl #login h1 a,
body.gaul-login.rtl #login .wp-login-logo a { background-position: right center; margin-right: 0; margin-left: auto; }
@media (max-width: 600px) {
	body.gaul-login #login { margin-top: 32px; margin-bottom: 32px; padding: 30px 28px; }
	body.gaul-login #login h1 a,
	body.gaul-login #login .wp-login-logo a { width: 205px; height: 62px; }
}
@media (max-width: 360px) {
	body.gaul-login #login { padding: 26px 20px; }
}