/* Customer-facing login and password screens only. */
.pmpro_login_wrap {
	background: #fff;
	border: 1px solid #d7e3e8;
	border-radius: 18px;
	box-shadow: 0 8px 24px rgba(23, 52, 95, 0.08);
	margin: 0 auto;
	max-width: 760px;
	padding: 28px;
}

.pmpro_login_wrap .md-login-instructions {
	background: #eff8fb;
	border-radius: 10px;
	color: #3d5268;
	line-height: 1.55;
	padding: 14px 16px;
}

.pmpro_login_wrap input[type="text"],
.pmpro_login_wrap input[type="email"],
.pmpro_login_wrap input[type="password"] {
	border: 1px solid #b8cad2;
	border-radius: 8px;
	min-height: 48px;
}

.pmpro_login_wrap input[type="submit"],
.pmpro_login_wrap .pmpro_btn {
	background: #17345f;
	border: 0;
	border-radius: 8px;
	color: #fff;
	font-weight: 700;
	min-height: 48px;
}

.md-account-access {
	background: linear-gradient(145deg, #eff8fb 0%, #e8f7f3 100%);
	border: 1px solid #d2e9e6;
	border-radius: 18px;
	box-shadow: 0 8px 24px rgba(23, 52, 95, 0.07);
	margin: 0 0 26px;
	padding: 22px;
}

.md-account-access h2 {
	color: #17345f;
	font-size: 1.55rem;
	margin: 0 0 8px;
}

.md-account-access p {
	color: #3d5268;
	margin: 0 0 16px;
}

.md-account-access p:last-child {
	margin-bottom: 0;
}

.md-account-access__button {
	background: #17345f;
	border-radius: 8px;
	color: #fff !important;
	display: inline-block;
	font-weight: 700;
	padding: 12px 20px;
	text-decoration: none !important;
}

.md-account-access__button:hover,
.md-account-access__button:focus {
	background: #267d72;
}

body.login {
	background: #eff8fb;
	color: #172033;
}

body.login #login {
	padding-top: 7vh;
	width: min(92%, 400px);
}

body.login h1 a {
	align-items: center;
	background: #17345f;
	border-radius: 16px;
	color: #fff;
	display: flex;
	font-size: 0;
	height: 76px;
	justify-content: center;
	text-indent: 0;
	width: 108px;
}

body.login h1 a::before {
	content: "MD";
	font-size: 35px;
	font-weight: 800;
	letter-spacing: -2px;
}

body.login form {
	border: 1px solid #d7e3e8;
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(23, 52, 95, 0.1);
	padding: 26px;
}

body.login .message,
body.login #login_error {
	border-left-color: #53b5a7;
	border-radius: 8px;
	box-shadow: none;
	line-height: 1.55;
}

body.login .button-primary {
	background: #17345f;
	border-color: #17345f;
	border-radius: 7px;
	font-weight: 700;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	background: #267d72;
	border-color: #267d72;
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
	color: #17345f;
}

@media (max-width: 480px) {
	.pmpro_login_wrap {
		padding: 20px;
	}
}