/* Customer-facing login and password screens only. */
.md-support { box-sizing: border-box; max-width: 760px; margin: 30px auto; padding: clamp(18px, 4vw, 30px); border: 1px solid #d2e9e6; border-radius: 16px; background: #f3f9f8; color: #172033; line-height: 1.6; }
.md-support label:not(.md-support__consent) { display: block; font-weight: 700; }
.md-support input[type="email"], .md-support select, .md-support textarea { display: block; box-sizing: border-box; width: 100%; min-height: 48px; margin-top: 8px; padding: 12px; border: 1px solid #b8cad2; border-radius: 8px; font: inherit; background: #fff; }
.md-support textarea { resize: vertical; }
.md-support__consent { display: flex; align-items: flex-start; gap: 10px; }
.md-support__consent input { flex: 0 0 auto; margin-top: 7px; }
.md-support__trap { display: none; }
.md-support__notice { padding: 16px; border-left: 4px solid #267d72; background: #fff; }
.md-support__note { font-size: .9rem; }
.md-support a:not(.md-account-access__button) { color: #17345f; text-decoration: underline; }
.md-support .md-account-access__button { border: 0; cursor: pointer; font: inherit; font-weight: 700; }
.md-support :is(a, input, select, textarea, button):focus-visible { outline: 3px solid #267d72; outline-offset: 3px; }

.md-login-purchase-help { clear: both; margin-top: 16px; font-size: .95rem; line-height: 1.55; }
.md-login-purchase-help summary { color: #17345f; cursor: pointer; padding: 10px 0; text-decoration: underline; }
.md-login-purchase-help a { color: #17345f; text-decoration: underline; }
.md-login-purchase-help summary:focus-visible,
.md-login-purchase-help a:focus-visible { outline: 3px solid #267d72; outline-offset: 3px; }
.md-login-purchase-help p { margin: 12px 0; }

.md-purchase-help,
.md-purchase-thanks {
	box-sizing: border-box;
	background: #f3f9f8;
	border: 1px solid #d2e9e6;
	border-radius: 16px;
	color: #172033;
	line-height: 1.6;
	margin: 0 auto 24px;
	max-width: 760px;
	padding: clamp(18px, 4vw, 30px);
}
.md-purchase-help h2,
.md-purchase-thanks h2,
.md-purchase-thanks h3 { color: #17345f; }
.md-purchase-help h2 { font-size: 1.25rem; }
.md-purchase-help p:last-child { margin-bottom: 0; }
.md-purchase-help a:not(.md-account-access__button),
.md-purchase-thanks a:not(.md-account-access__button) { color: #17345f; text-decoration: underline; }
.md-purchase-help a:focus-visible,
.md-purchase-thanks a:focus-visible { outline: 3px solid #267d72; outline-offset: 4px; }
.md-purchase-help .md-account-access__button,
.md-purchase-thanks .md-account-access__button { box-sizing: border-box; max-width: 100%; overflow-wrap: anywhere; }
.md-purchase-thanks__steps { padding-left: 24px; }
.md-purchase-thanks__steps li { padding-left: 8px; margin-bottom: 24px; }
.md-purchase-thanks__steps h3 { margin-bottom: 8px; }
.md-purchase-thanks__eyebrow { color: #267d72; font-weight: 700; }
.md-purchase-thanks__note { font-size: .9rem; }

.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;
	}
}

.md-password-identity{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden;clip-path:inset(50%);border:0!important}
