:root {
	--omht--color--base: #ffffff;
	--omht--color--contrast: #333333;
	--omht--color--action: #c0e562;
	--omht--color--accent: #44a5c8;
	--omht--color--neutral: #808080;
	--omht--color--contrast-ultra-light: #ebebeb;
	--omht--color--contrast-light: #adadad;
	--omht--color--contrast-dark: #292929;
	--omht--color--contrast-ultra-dark: #141414;
	--omht--color--contrast-hover: #474747;
	--omht--color--action-ultra-light: #f6faea;
	--omht--color--action-light: #e3f0c1;
	--omht--color--action-dark: #617c1d;
	--omht--color--action-ultra-dark: #303e0f;
	--omht--color--action-hover: #aede35;
	--omht--color--accent-ultra-light: #f7fbfd;
	--omht--color--accent-light: #d7ecf4;
	--omht--color--accent-dark: #28708a;
	--omht--color--accent-ultra-dark: #17404f;
	--omht--color--accent-hover: #6db9d5;
	--omht--color--neutral-ultra-light: #e6e6e6;
	--omht--color--neutral-light: #cccccc;
	--omht--color--neutral-dark: #5a5a5a;
	--omht--color--neutral-ultra-dark: #1a1a1a;
	--omht--color--neutral-hover: #999999;
	--omht--color--custom-accent-2: #fe6111;
	--omht--color--custom-accent-2-ultra-light: #fff8f5;
	--omht--color--custom-accent-2-light: #ffccb3;
	--omht--color--custom-accent-2-dark: #7f2b01;
	--omht--color--custom-accent-2-ultra-dark: #331100;
	--omht--color--custom-accent-2-hover: #fe8243;
	--omht--color--white: #ffffff;
}

#login.omht-login-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 100vh;
	width: 100%;
	padding: 0;
	max-width: unset;
}

.omht-login-card #nav {
	display: none;
}

.omht-login-left {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--omht--color--custom-accent-2-ultra-light);
	padding: 6vh 4vw;
}

.omht-login-card {
	width: 100%;
	max-width: 420px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	padding: 15px;
}

.omht-login-card h1 {
	margin-bottom: 16px;
	font-size: 2rem;
	font-family: 'Oswald', sans-serif;
	text-align: left;
	font-weight: 400;
}

.omht-login-right img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	display: block;
}

.omht-login form,
.omht-login .wp-login-form {
	width: 100%;
	display: grid;
	background: none;
	border: none;
	box-shadow: none;
	gap: 1.5em;
	margin: 0;
	padding: 4px;
}

.omht-login form p {
    margin-block-end: .5em;
}

/* Labels */
.omht-login form label {
	font-weight: 400;
	color: var(--omht--color--contrast);
}

/* Inputs */
.omht-login form input[type="text"],
.omht-login form input[type="password"],
.omht-login #pass1.strong {
	width: 100%;
	font-size: 1rem;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px solid var(--omht--color--neutral-light);
	border-radius: 8px;
	background: var(--omht--color--accent-ultra-light);
	outline: none;
	transition: border-color .15s ease, box-shadow .15s ease;
	min-height: 0;
	line-height: 1em;
	margin-bottom: 0;
}

.omht-login form label {
	font-size: 1rem;
}

.omht-login form input[type="text"]:focus,
.omht-login form input[type="password"]:focus {
	border-color: var(--omht--color--accent);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

/* Remember me checkbox + label */
.omht-login form .forgetmenot {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--omht--color--neutral);
}

.omht-login form .forgetmenot input[type="checkbox"] {
	width: 16px;
	height: 16px;
	accent-color: var(--omht--color--accent);
}

/* Submit button */
#loginform input[type="submit"],
#lostpasswordform .button,
#resetpassform .reset-pass-submit .button,
#resetpassform .reset-pass-submit #wp-submit.button {
	width: 100%;
	font-size: 1rem;
	line-height: 1.2em;
	padding: 12px;
	margin: 0;
	min-height: 0;
	border: 0;
	border-radius: 8px;
	background: var(--omht--color--accent);
	color: var(--omht--color--white);
	font-weight: 600;
	cursor: pointer;
	transition: background .15s ease, transform .02s ease;
}
#loginform .login-submit input[type="submit"]:hover,
#lostpasswordform .button:hover,
#resetpassform .reset-pass-submit .button:hover {
	opacity: 0.8;
}
#loginform .login-submit input[type="submit"]:active,
#lostpasswordform .button:active,
#resetpassform .reset-pass-submit .button:active {
	transform: translateY(1px);
}
#resetpassform .reset-pass-submit .button.wp-generate-pw {
	background: var(--omht--color--accent-light);
	color: var(--omht--color--accent-dark);
}

/* Error messages */
.omht-login .message,
.omht-login .error,
.omht-login .notice-error {
	margin-bottom: 12px;
	padding: 10px 12px;
	border-radius: 8px;
    font-size: 14px;
    line-height: 1.4em;
}

.omht-login .message {
	background: #f0f9ff;
	color: #0c4a6e;
	border: 1px solid #bae6fd;
}

.omht-login .error,
.omht-login .notice-error {
	background: #ffeeee;
	color: #7f1d1d;
	border: 1px solid #fecaca;
}

/* Links below form */
.omht-link-actions {
	margin-top: 0;
	margin-bottom: 35px;
	font-size: 14px;
}

.omht-login-links a {
	color: var(--omht--color--accent);
	text-decoration: none;
}

.omht-login-links a:hover {
	opacity: 0.9;
}

.omht-link-legal a,
p.omht-link-legal {
	font-size: 12px;
	color: var(--omht--color--neutral);
	text-align: center;
}

.omht-login .password-input-wrapper {
    display: flex;
	margin-bottom: 2px;
}
.omht-login .password-input-wrapper button.wp-hide-pw {
    flex-basis: 45px;
	box-sizing: border-box;
	padding: 10px 12px;
	border: none;
	cursor: pointer;
	background: transparent;
	outline: none;
	transition: border-color .15s ease, box-shadow .15s ease;
	min-height: 0;
	margin: 1px;
}
.omht-login .password-input-wrapper #pass1,
.omht-login .password-input-wrapper #user_pass {
	border-radius: 8px;
	border-right: none;
	border: 1px solid var(--omht--color--neutral-light);
	margin: 0;
}
.omht-login .password-input-wrapper #pass1:focus,
.omht-login .password-input-wrapper #user_pass:focus {
	border-color: var(--omht--color--neutral-light);
	box-shadow: none;
}
.omht-login .password-input-wrapper:has(#pass1:focus),
.omht-login .password-input-wrapper:has(#user_pass:focus) {
	border: 1px solid var(--omht--color--accent);
	border-radius: 8px;
}
.omht-login .password-input-wrapper .dashicons {
	line-height: 1rem;
}
.omht-login #pass-strength-result {
	padding: 10px 5px;
	border-radius: 8px;
	width: 100%;
	margin-bottom: 0;
}
.omht-login #resetpassform .submit.reset-pass-submit {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}
.omht-login #backtoblog {
	margin-top: 10px;
}

.omht-instructions,
.omht-login .description.indicator-hint {
    font-size: 0.9rem;
    font-style: italic;
}

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

@media (max-width: 900px) {
	#login.omht-login-split {
		grid-template-columns: 1fr;
	}

	.omht-login-right {
		display: none;
	}
}