/* Login split layout: form column (1fr) | brand column (2fr) */

#page-login nav.navbar.navbar-light.navbar-expand-lg,
body[data-path="login"] nav.navbar.navbar-light.navbar-expand-lg,
nav.navbar.navbar-light.navbar-expand-lg {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}

#page-login .page-content-wrapper,
#page-login .page-content-wrapper main.container,
#page-login .page-content-wrapper .page_content {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.liwan-login-shell {
	display: grid;
	grid-template-columns: 1fr 2fr;
	min-height: 100vh;
	width: 100%;
	align-items: stretch;
}

.liwan-login-form-col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 2rem 1.5rem;
	box-sizing: border-box;
}

.liwan-login-form-col > div {
	width: 100%;
	max-width: 28rem;
	margin: 0 auto;
}

.liwan-login-brand-col {
	min-height: 100vh;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.liwan-login-shell {
		grid-template-columns: 1fr;
		grid-template-rows: auto 24vh;
	}

	.liwan-login-form-col {
		order: 1;
		min-height: auto;
	}

	.liwan-login-brand-col {
		min-height: 24vh;
		order: 2;
	}
}