/* IH Group sign-in: the WordPress login screens in the portal's light boutique look. */
body.login {
	background: #fff;
	color: #3c4760;
	font-family: 'Heebo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
body.login::before {
	content: "";
	display: block;
	height: 4px;
	background: #15294e;
}
#login { width: 380px; max-width: calc(100% - 40px); padding: 9vh 0 32px; margin: 0 auto; }

.login h1 a {
	width: 150px;
	height: 66px;
	background-size: contain;
	background-position: left center;
	margin: 0 0 40px;
}
.login h1 { text-align: left; }

.ap-login-head { margin: 0 0 28px; padding-top: 22px; border-top: 1px solid #d7b464; width: 100%; }
.ap-login-head h2 { font-weight: 300; font-size: 38px; line-height: 1.1; color: #15294e; margin: 0 0 10px; letter-spacing: -0.5px; }
.ap-login-head p { margin: 0; font-size: 15px; color: #7a8398; line-height: 1.55; }

.login form {
	background: none;
	border: 0;
	box-shadow: none;
	padding: 0;
	margin: 0;
	overflow: visible;
}
.login label { font-size: 13px; color: #15294e; font-weight: 400; margin-bottom: 6px; display: inline-block; }
.login form .input,
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	font-family: inherit;
	font-size: 16px;
	color: #15294e;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #c9ced8;
	border-radius: 0;
	box-shadow: none;
	padding: 8px 0;
	min-height: 44px;
	margin: 0 0 22px;
}
.login form .input:focus,
.login input[type="password"]:focus { border-bottom-color: #15294e; box-shadow: none; outline: none; }
.login .button.wp-hide-pw { color: #7a8398; height: 44px; min-height: 44px; }
.login .button.wp-hide-pw:focus { box-shadow: none; border: 0; }

.login .forgetmenot { margin: 4px 0 24px; float: none; }
.login .forgetmenot label { font-size: 14px; color: #3c4760; }
.login input[type="checkbox"] { border-color: #c9ced8; border-radius: 2px; box-shadow: none; }
.login input[type="checkbox"]:checked::before { content: none; }
.login input[type="checkbox"]:checked { background: #15294e; border-color: #15294e; }

.login .submit { float: none; clear: both; }
.wp-core-ui.login .button-primary,
.login .button-primary {
	float: none;
	width: 100%;
	height: 52px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.3px;
	background: #15294e;
	border: 0;
	border-radius: 2px;
	box-shadow: none;
	text-shadow: none;
	color: #fff;
}
.wp-core-ui.login .button-primary:hover { background: #0e1d3a; }
.wp-core-ui.login .button-primary:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #389cbd; }

.login #nav, .login #backtoblog { padding: 0; margin: 22px 0 0; font-size: 14px; }
.login #backtoblog { display: none; }
.login #nav a, .login #backtoblog a, .ap-login-foot a { color: #0282ab; text-decoration: none; }
.login #nav a:hover, .ap-login-foot a:hover { text-decoration: underline; color: #15294e; }

.login .message, .login .notice, .login .success, .login #login_error {
	border: 0;
	border-left: 3px solid #d7b464;
	background: #f6f7f9;
	box-shadow: none;
	color: #15294e;
	padding: 12px 16px;
	margin: 0 0 24px;
	font-size: 14px;
}
.login #login_error { border-left-color: #c0392b; }
.login .indicator-hint, .login .description { color: #7a8398; font-size: 13px; }
#pass-strength-result { border-radius: 2px; margin: -12px 0 18px; }
.login .reset-pass-submit { display: flex; flex-direction: column-reverse; gap: 10px; }
.login .reset-pass-submit .button { width: 100%; float: none; }
.login .reset-pass-submit .button:not(.button-primary) { background: none; border: 1px solid #c9ced8; color: #15294e; height: 44px; border-radius: 2px; }

.ap-login-foot {
	width: 380px;
	max-width: calc(100% - 40px);
	margin: auto auto 0;
	padding: 28px 0 36px;
	border-top: 1px solid #e6e8ed;
	font-size: 13px;
	color: #7a8398;
	line-height: 1.6;
}
.language-switcher, .privacy-policy-page-link { display: none; }

@media (max-width: 480px) {
	#login { padding-top: 6vh; }
	.ap-login-head h2 { font-size: 32px; }
}