/* Sign-in and forgot password pages, styled to match the Net Knowledge RegExplore page.
   Only loaded on those two pages: see rx_auth_styles() in functions.php.
   Sizes are in px because the theme sets html{font-size:62.5%}. */
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400 500;font-display:swap;src:url(../fonts/newsreader-latin.woff2) format('woff2')}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/public-sans-latin.woff2) format('woff2')}

body.rx-auth{
	--paper:#F2F0EB;
	--ink:#16222B;
	--ink-soft:#4E5A63;
	--rule:#C4BFB3;
	--petrol:#1F5E6E;
	--night:#16222B;
	--night-text:#E9E6DF;
	--night-soft:#9FAAB1;
	--teal-lt:#8FC0CC;
	--error:#A8321E;
	--serif:"Newsreader",Georgia,"Times New Roman",serif;
	--sans:"Public Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
	margin:0;
	background:var(--paper);
	color:var(--ink);
	font-family:var(--sans);
	font-size:16px;
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
}

/* These pages carry their own logo and copyright, so the site header and footer are hidden */
body.rx-auth .elementor-location-header,
body.rx-auth .elementor-location-footer{display:none !important}

/* Two panels: dark Net Knowledge hero on the left, form on the right */
body.rx-auth .login-wrapper{
	display:grid;
	grid-template-columns:minmax(0,11fr) minmax(0,9fr);
	align-items:stretch;
	min-height:100vh;
	padding:0;
	background:var(--paper);
}

body.rx-auth .rx-auth-panel{
	display:flex;
	flex-direction:column;
	padding:40px 64px;
	background:var(--night);
	color:var(--night-text);
}
body.rx-auth .rx-auth-logo{display:inline-block;align-self:flex-start;line-height:0}
body.rx-auth .rx-auth-logo img{display:block;width:211px;max-width:100%;height:auto}
body.rx-auth .rx-auth-logo:focus-visible,
body.rx-auth .rx-auth-pitch a:focus-visible{outline:2px solid var(--teal-lt);outline-offset:4px;border-radius:2px}

body.rx-auth .rx-auth-pitch{margin:auto 0;padding:48px 0}
body.rx-auth .rx-auth-pitch h1{
	margin:0 0 24px;
	max-width:15ch;
	font-family:var(--serif);
	font-weight:400;
	font-size:clamp(44px,4.6vw,68px);
	line-height:1.06;
	letter-spacing:-0.02em;
	color:var(--night-text);
}
body.rx-auth .rx-auth-pitch h1 em{font-style:italic;color:var(--teal-lt)}
body.rx-auth .rx-auth-pitch p{
	margin:0 0 28px;
	max-width:32em;
	font-size:18px;
	line-height:1.55;
	color:var(--night-soft);
}
body.rx-auth .rx-auth-pitch a{
	font-size:16px;
	font-weight:500;
	color:var(--night-text);
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:5px;
}
body.rx-auth .rx-auth-pitch a:hover{color:var(--teal-lt)}

body.rx-auth .rx-auth-main{
	display:flex;
	flex-direction:column;
	padding:40px 48px 24px;
}
body.rx-auth .rx-auth-form{
	width:100%;
	max-width:400px;
	margin:auto;
	padding:32px 0;
}
body.rx-auth .rx-auth-copy{
	margin:0;
	text-align:center;
	font-size:13px;
	color:var(--ink-soft);
}

/* Headings and text */
body.rx-auth .rx-auth-form h2,
body.rx-auth .pp-form-container #pp-password-reset-1.ppBuildScratch .ppbs-headline{
	margin:0 0 8px !important;
	padding:0 !important;
	font-family:var(--serif) !important;
	font-weight:400 !important;
	font-size:38px !important;
	line-height:1.15 !important;
	letter-spacing:-0.015em;
	text-align:left !important;
	color:var(--ink) !important;
}
body.rx-auth .rx-auth-intro{margin:0 0 28px;font-size:16px;color:var(--ink-soft)}
body.rx-auth .rx-auth-form p{font-family:var(--sans)}
body.rx-auth .rx-auth-form .input-error,
body.rx-auth .rx-auth-form .input-notice{
	margin:0 0 20px;
	padding:10px 14px;
	border-left:3px solid var(--petrol);
	background:#E8E5DD;
	font-size:15px;
	color:var(--ink);
}
body.rx-auth .rx-auth-form .input-error{border-left-color:var(--error);color:var(--error);font-weight:500}

/* Links */
body.rx-auth .rx-auth-form a,
body.rx-auth .pp-form-container .ppress-form-bottom-links a{
	font-family:var(--sans) !important;
	font-size:15px !important;
	font-weight:400 !important;
	color:var(--petrol) !important;
	text-decoration:underline !important;
	text-decoration-thickness:1px !important;
	text-underline-offset:3px;
}
body.rx-auth .rx-auth-form a:hover,
body.rx-auth .pp-form-container .ppress-form-bottom-links a:hover{color:var(--ink) !important}
body.rx-auth .rx-auth-form a:focus-visible{outline:2px solid var(--petrol);outline-offset:3px;border-radius:2px}

/* Forms */
body.rx-auth form.sign-in p{margin:0 0 14px}
body.rx-auth form.sign-in input,
body.rx-auth .pp-form-container #pp-password-reset-1.ppBuildScratch .pp-form-field-wrap input{
	display:block;
	width:100% !important;
	height:52px !important;
	padding:0 14px !important;
	background:#fff !important;
	border:1px solid var(--rule) !important;
	border-radius:3px !important;
	box-shadow:none !important;
	font-family:var(--sans) !important;
	font-size:16px !important;
	font-style:normal !important;
	line-height:normal !important;
	color:var(--ink) !important;
}
body.rx-auth form.sign-in input::placeholder,
body.rx-auth .pp-form-container #pp-password-reset-1.ppBuildScratch .pp-form-field-wrap input::placeholder{color:var(--ink-soft) !important;opacity:1;font-style:normal}
body.rx-auth form.sign-in input:-webkit-autofill,
body.rx-auth .pp-form-container #pp-password-reset-1.ppBuildScratch .pp-form-field-wrap input:-webkit-autofill{
	-webkit-box-shadow:0 0 0 100px #fff inset !important;
	-webkit-text-fill-color:var(--ink) !important;
}
body.rx-auth form.sign-in input:focus,
body.rx-auth .pp-form-container #pp-password-reset-1.ppBuildScratch .pp-form-field-wrap input:focus{
	outline:2px solid var(--petrol) !important;
	outline-offset:1px;
	border-color:var(--petrol) !important;
}
body.rx-auth form.sign-in input[type=submit],
body.rx-auth .pp-form-container #pp-password-reset-1.ppBuildScratch .pp-form-submit-button-wrap input[type=submit]{
	width:100% !important;
	height:52px !important;
	padding:0 20px !important;
	background:var(--ink) !important;
	border:1px solid var(--ink) !important;
	border-radius:3px !important;
	color:var(--paper) !important;
	font-family:var(--sans) !important;
	font-size:16px !important;
	font-weight:500 !important;
	cursor:pointer;
	transition:background .15s,border-color .15s;
}
body.rx-auth form.sign-in input[type=submit]:hover,
body.rx-auth .pp-form-container #pp-password-reset-1.ppBuildScratch .pp-form-submit-button-wrap input[type=submit]:hover,
body.rx-auth .pp-form-container #pp-password-reset-1.ppBuildScratch .pp-form-submit-button-wrap input[type=submit]:focus{
	background:var(--petrol) !important;
	border-color:var(--petrol) !important;
}

/* Forgot password form (ProfilePress): remove its frame, pills, icon and Poppins */
body.rx-auth #pp-password-reset-1-wrap.pp-form-container{max-width:none !important}
body.rx-auth .pp-form-container #pp-password-reset-1.ppBuildScratch{
	padding:0 !important;
	background:transparent !important;
	border:0 !important;
	box-shadow:none !important;
}
body.rx-auth .pp-form-container #pp-password-reset-1.ppBuildScratch,
body.rx-auth .pp-form-container #pp-password-reset-1.ppBuildScratch *{font-family:var(--sans) !important}
body.rx-auth .pp-form-container #pp-password-reset-1.ppBuildScratch .ppbs-headline{margin-bottom:24px !important}
body.rx-auth .pp-form-container #pp-password-reset-1.ppBuildScratch .pp-form-field-wrap{margin:0 0 14px !important;padding:0 !important;width:100% !important}
body.rx-auth .pp-form-container #pp-password-reset-1.ppBuildScratch .pp-form-material-icons{display:none !important}
body.rx-auth .pp-form-container .ppress-form-bottom-links{padding:16px 0 0 !important;text-align:left !important}

@media (max-width:900px){
	body.rx-auth .login-wrapper{display:block;min-height:0}
	body.rx-auth .rx-auth-panel{padding:18px 24px}
	body.rx-auth .rx-auth-logo img{width:169px}
	body.rx-auth .rx-auth-pitch{display:none}
	body.rx-auth .rx-auth-main{min-height:calc(100vh - 69px);padding:16px 24px 24px}
	body.rx-auth .rx-auth-form{margin:0 auto auto;padding:24px 0 40px}
	body.rx-auth .rx-auth-form h2,
	body.rx-auth .pp-form-container #pp-password-reset-1.ppBuildScratch .ppbs-headline{font-size:32px !important}
}