/* On screens that have a width of at least 1024px */
@media screen and (min-width: 1024px) {
	body {
		display: flex;
		flex-direction: column;
		background: linear-gradient(0deg, rgba(44, 59, 76, .9), rgba(149, 181, 217, .9)), url(../../uploads/2021/11/shutterstock_1081598930-scaled.jpg) bottom center no-repeat;
		background-size: cover;
	}
	
	body.login #login {
		width: 960px;
		max-width: 960px;
		position: relative;
	}
	
	.login h1:not(.admin-email__heading) {
		width: 50%;
		float: left;
		height: 450px;
		padding: 26px 24px 34px;
		background: #2d3a4b;
		display: grid;
		align-content: center;
	}
	#login h1 a, .login h1 a {
		background-size: contain;
		width: 400px;
		height: 35px;
		margin-bottom: 0;
	}
	
	.privacy-policy-page-link a,
	.privacy-policy-page-link a:hover {
		color: #fff;
	}
	
	.login form#loginform,
	.login form.admin-email-confirm-form {
		margin-top: 0;
		padding: 26px 50px 34px;
		border: unset;
		height: 450px;
		display: grid;
		align-content: center;
	}
	
	#login form p:first-child::before {
		content: "Store Login";
		display: block;
		width: 100%;
		font-size: 1.875rem;
		line-height: 1.333rem;
		margin-bottom: 30px;
	}
	
	.login #nav,
	.login #backtoblog a, .login #nav a {
		color: #fff;
	}
	
	.login #login_error, .login .message, .login .success {
		position: absolute;
		width: calc(100% - 28px);
		top: 0px;}
}