@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
	/*background: url(images/bg.png) repeat 0 0;*/
	color: #000000;
	font-family: Roboto;
	font-size: 100%;
}

.sso-body {
	display: block;
	margin: 0 auto;
}

#main_ForgotPasswordUserControl1_SubmitButton {
	background-color: #ba1200;
	background-position: -5px -5px;
	padding: 5px 10px;
	background-repeat: no-repeat;
	border: 1px solid #ba1200;
	vertical-align: middle;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 0px #cfe5a4;
}

.clear-fix {
	clear: both;
	float: none;
	margin: 0 auto;
	padding: 0;
}

.navlink a {
	display: block;
	background-color: #06C;
	color: #fff;
	padding: 5px 10px;
	border-radius: .7em
}

label {
	display: block;
	margin: .5em 0px
}

input.Button,
input.TextBox {
	clear: both;
	margin: .5em 0
}

input.Button {
	clear: both;
	margin: .5em 0;
	background: #ba1200;
	color: #fff;
	border: 0;
	text-transform: uppercase;
	padding: 1%;
	font-family: "Inter", "Helvetica", "Arial", sans-serif;
}

fieldset {
	margin: 1em;
	border: 1px solid #ccc;
	border-radius: 1em;
	background-color: #eee
}

h1 {
	font-weight: bold;
	font-size: 120%;
	margin: 1em
}

.Dialog {
	background-color: #D1F1B5;
	border: solid 1.0pt #8ECA59;
}

.Dialog td {
	padding: 4px;
}

.Button {}

.FieldLabel {
	font-size: 10pt;
	font-weight: bolder;
}

.Label {
	color: #454545;
}

.TextBox {}

.RequiredFieldValidator {
	font-weight: bolder;
	font-size: 10pt;
	color: #ff0000;
}

.RequiredFieldValidatorMarker {
	font-size: 10pt;
	font-weight: bolder;
	color: #0000FF;
}

.ValidationSummary {
	border-right: #a10000 0.5pt solid;
	padding-right: 5px;
	border-top: #a10000 0.5pt solid;
	padding-left: 5px;
	font-weight: bolder;
	padding-bottom: 5px;
	border-left: #a10000 0.5pt solid;
	color: #fefe77;
	padding-top: 5px;
	border-bottom: #a10000 0.5pt solid;
	background-color: #f42a41;
}

.redesign-footer-right a,
.redesign-footer-right a:link,
.redesign-footer-right a:visited,
.redesign-footer-right a:active {
	color: #666;
	/* text-decoration:none; */
}

.HyperLink {
	font-size: 8pt;
}

.CheckBox {}

.EmailTextBox {
	width: 250px;
}

.cssnav {
	position: relative;
	background-image: url(usercontrols/NeedHelp.gif);
	background-repeat: no-repeat;
	display: block;
	width: 540px;
	height: 301px;
	margin: 0;
	margin-bottom: 0px;
	padding: 0;
}

.cssnav a {
	display: block;
	font-size: 11px;
	width: 125px;
	height: 25px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	color: black;
	text-decoration: none;
}

.cssnav img {
	width: 100%;
	height: 100%;
	border: 0;
}

* html a:hover {
	visibility: visible
}

.cssnav a:hover img {
	visibility: hidden
}

.cssnav span {
	position: absolute;
	left: 5px;
	top: 3px;
	margin: 0;
	cursor: pointer;
}

.content {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.contentred {
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
}

.contentSearch a:link {
	color: #0000ff;
	text-decoration: none;
}

.content a:link {
	color: #990000;
	text-decoration: none;
}

.content a:visited {
	color: #990000;
	text-decoration: none;
}

.content a:active {
	color: #990000;
	text-decoration: none;
}

.content a:hover {
	color: #990000;
	text-decoration: none;
}

.login-sumary {
	display: block;
	max-width: 865px;
	margin: 0 auto;
	position: relative;
	float: none;
	clear: both;
	background-color: #fff;
}

.red-top-bar {
	/* background-color:#036; 
height:10px; 
width:98%; 
clear:both; 
display:block; 
max-width:960px;
margin-top: 1.5em;*/
}

.login-wrapper>.row {
	display: block;
	float: none;
	clear: both;
	padding-top: 4px;
	padding-bottom: 4px;
}

form {
	background-color: White;
}

.form-sso-container {
	clear: both;
	display: block;
	min-height: 400px;
}

.right-sso-decoration {
	width: 24%;
	float: left;
	display: block;
	padding: 5% 8px;
}

.sso-sub-form {
	padding: 4% 0;
	line-height: 120%;
	vertical-align: middle;
}

.sso-sub-form>input[type="text"] {
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.button-row {
	margin: 1% auto;
}

.button-row>.Button,
.button-row>.btn {
	border-radius: 3px;
	padding: 6px 12px;
	border: 1px solid #ccc;
	font-weight: 700;
}

.button-row>.Button:first-child,
.button-row>.btn:first-child {
	margin-left: 0;
	margin-right: 4px;
}

.button-row>.Button:last-child,
.button-row>.btn:last-child {
	margin-right: 0;
}

.button-row>.Button:only-child,
.button-row>.btn:only-child {
	margin-left: 0;
	margin-right: 0;
}

.button-row>.btn.btn-default,
.button-row>.Button.btn-default {
	vertical-align: middle;
}

.button-row .btn.btn-primary,
.button-row .Button.btn-primary {
	background-color: #ba1200;
	background-image: none;
	background-position: -5px -5px;
	padding: 5px 10px;
	background-repeat: no-repeat;
	border: 1px solid #ba1200;
	vertical-align: middle;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 0px #cfe5a4;
}

.sso-sub-form label {
	padding-right: 6px;
}

.content.mobile-login {
	text-align: left;
	float: left;
	padding: 4%;
}

label {
	float: left;
}

/* for mobile template */
.mobileContainer {
	font-size: 1.9em;
}

.mobileContainer #RememberMeCheckBox {
	width: 50px;
	height: 50px;
	margin-right: 20px
}

.mobileContainer .loginLinks a {
	display: block;
	background-color: #06C;
	color: #fff;
	padding: 5px 10px;
	border-radius: .4em;
	text-align: center;
	font-size: 110%;
	margin: .5em 0;
	text-decoration: none
}

.mobileContainer .loginLinks a:hover,
.mobileContainer .loginLinks a:active {
	background-color: #09C
}

.loginLinks .reset {
	display: none
}

.mobileContainer #RememberMeCheckBox:checked+label {
	background-color: #ccc;
}

.mobileContainer label {
	display: block;
	margin: .5em 0px
}

.mobileContainer .remember {
	margin: 1em 0;
	padding: .6em;
	border-radius: .4em;
	color: #000;
	text-align: center;
	border: 1px solid #ccc;
}

.mobileContainer .remember input {}

.mobileContainer .remember label {
	display: inline;
}

.mobileContainer .remember input {
	margin: 0 .6em 0 0
}

.mobileContainer input.Button,
.mobileContainer input.TextBox {
	clear: both;
	margin: .5em 0;
	font-size: 110%;
	padding: 5px 10px
}

.mobileContainer fieldset {
	margin: 1em;
	border: 1px solid #ccc;
	border-radius: 1em;
	background-color: #eee;
	font-size: 120%
}

.mobileContainer h1 {
	font-weight: bold;
	font-size: 120%;
	margin: 1em
}

.mobileContainer .loginLinks a.hide {
	display: none
}

/* Replicating Ebusiness skinning */
/* Universal styles */
body {
	margin: 0;
}

.wrapper {
	/*background: url(images/bg2.jpg) no-repeat 50% 0;*/
	background-color: white;
	min-height: 600px;
	/*width: 500px;
margin: 20px auto;
border-bottom: 3px solid #0c1730*/
}

.container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width: 994px) {
	header .container {
		box-sizing: border-box;
		width: 100%;
		padding: 0 10px;
	}
}

.default-login-table {
	width: 100%;
}

/* Header */
.header-container {
	height: 110px;
}

a.logo {
	background: url(images/logo.png) no-repeat;
	width: 250px;
	height: 80px;
	text-indent: -9999px;
	position: absolute;
	bottom: 5px;
	left: 4px;
}

@media screen and (max-width: 470px) {
	.header-container {
		height: 70px;
	}

	a.logo {
		width: inherit;
		background-size: contain;
		margin: 0px auto;
		display: block;
		position: relative;
		top: 5px;
		left: inherit;
	}

	#main_ForgotPasswordUserControl1_SubmitButton,
	#main_ForgotPasswordUserControl1_CancelButton {
		padding: 14px 12px;
		font-size: 135%;
	}
}

.secondary2 {
	float: right;
	margin: 14px 0 7px;
	padding: 0;
}

@media screen and (max-width: 40.5em) {
	.secondary2 {
		display: none;
	}
}

.secondary2 a,
.secondary2 .connected {
	font-size: 14px;
	color: #FFF;
}

.secondary2 a {
	background: url(images/secondaryDivide.png) no-repeat 100% 50%;
	margin-right: 12px;
	padding-right: 14px;
}

.secondary2 .social {
	display: inline-block;
	vertical-align: middle;
}

.secondary2 .social a {
	background: url(images/social.png) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 20px;
	height: 26px;
	margin-right: 7px;
	padding: 0;
	float: left;
}

.secondary2 .social a.fb {
	margin-right: 6px;
	background-position: -4px 0;
}

.secondary2 .social a.fb:hover,
.secondary .social a.fb:focus {
	background-position: -4px -42px;
}

.secondary2 .social a.twitter {
	background-position: -31px 0;
}

.secondary2 .social a.twitter:hover,
.secondary .social a.twitter:focus {
	background-position: -31px -42px;
}

.secondary2 .social a.yt {
	background-position: -57px 0;
}

.secondary2 .social a.yt:hover,
.secondary .social a.yt:focus {
	background-position: -57px -42px;
}

.secondary2 .social a.linked {
	background-position: -83px 0;
	margin-right: 0;
}

.secondary2 .social a.linked:hover,
.secondary .social a.linked:focus {
	background-position: -83px -42px;
}

/* Footer */
.footerNav {
	background: #3F5D8B;
	padding: 32px 22px 27px;
	margin-top: 28px;
	clear: both;
}

.footerNav ul.col {
	list-style: none;
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 40.5em) {
	.footerNav ul.col {
		padding-bottom: 10px;
	}
}

div.footerNav ul.col li.title a {
	font-size: 18px;
	margin-bottom: 8px;
	font-weight: normal;
}

.footerNav ul.col li a {
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}

.clear {
	clear: both;
	display: block;
	float: none;
}

.contentInfo {
	background: #05142A;
	padding: 26px 22px 27px;
}

.contentInfo a {
	text-decoration: none;
	color: #fff;
}

.contentInfo a:hover,
.contentInfo a:focus {
	color: #2a6496;
	text-decoration: underline;
}

.contentInfo h2 {
	font-size: 18px;
	color: #FFF;
	font-weight: normal;
	margin-bottom: 13px;
	line-height: 1.2;
}

.contentInfo address {
	font-size: 12px;
	line-height: 1.21;
	color: #FFF;
	margin-bottom: 10px;
	font-style: normal;
}

.contentInfo .credit {
	font-size: 9px;
	color: #FFF;
	letter-spacing: 0.025em;
}

/* END Replicating Ebusiness skinning - Matt H */
@media screen and (max-width: 40.5em) {
	.mobile-hide {
		display: none;
		visibility: hidden;
	}

	.container {
		display: block;
		float: none;
		clear: both;
		width: inherit;
	}

	.mobile-sumary.mobile-way {
		max-width: 500px;
	}

	.red-top-bar {
		display: none;
	}

	#ForgotUsernameUserControl1_CancelButton,
	#ForgotPasswordUserControl1_CancelButton {
		border: 1px solid #ddd;
		border: 1px solid #ccc;
		text-shadow: 1px 1px #fff;
		background: rgb(242, 242, 242);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(221, 221, 221, 1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(100%, rgba(221, 221, 221, 1)));
		background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(221, 221, 221, 1) 100%);
		background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(221, 221, 221, 1) 100%);
		background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(221, 221, 221, 1) 100%);
		background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(221, 221, 221, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#dddddd', GradientType=0);
		color: #525252;
		font-weight: bold;
	}

	#divPhoneHelp {
		width: 99% !important;
		margin: 0 auto;
		max-width: 500px !important;
		margin: 0 auto;
	}

	#divPhoneHelp table {
		max-width: 480px !important;
		width: 100%;
		margin: 0 auto;
	}

	#divPhoneHelp td {
		display: block !important;
	}

	.button-row.mobile-way input {
		margin: 2% auto;
		-ms-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 2px 2px 2px #ddd;
		cursor: pointer;
		letter-spacing: 0.2px;
		text-shadow: 1px 1px 1px #efefef;
	}

	.mobile-login-table-sub {
		width: 100%;
		margin: 0 auto;
		max-width: 470px;
		display: block;
	}

	.mobile-login {
		text-align: center;
	}

	.content tr td {
		float: left !important;
	}

	.content tr {
		display: block !important;
		clear: both;
		width: 100% !important;
		min-width: 200px;
	}

	.content tbody:nth-child(3) {
		clear: both !important;
		float: none !important;
	}

	.sso-table,
	.sso-row,
	.sso-cell {
		margin: 0;
		padding: 0;
		clear: both;
		float: none;
		display: block;
	}

	.EmailTextBox {
		width: 99%;
		min-width: 250px;
	}

	.content .EmailTextBox,
	.content.mobile-login .TextBox,
	.content.mobile-login input[type=text] {
		padding: 0 3%;
		color: #666;
		text-shadow: 1px 1px 1px #efefef;
		font-size: 145%;
		height: 44px;
		line-height: 44px;
		border: 1px solid #ccc;
		border-radius: 4px;
		background: rgb(252, 252, 252);
		/* Old browsers */
		background: -moz-linear-gradient(top, rgba(252, 252, 252, 1) 45%, rgba(238, 238, 238, 1) 96%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(252, 252, 252, 1)), color-stop(96%, rgba(238, 238, 238, 1)));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(252, 252, 252, 1) 45%, rgba(238, 238, 238, 1) 96%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(252, 252, 252, 1) 45%, rgba(238, 238, 238, 1) 96%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(252, 252, 252, 1) 45%, rgba(238, 238, 238, 1) 96%);
		/* IE10+ */
		background: linear-gradient(to bottom, rgba(252, 252, 252, 1) 45%, rgba(238, 238, 238, 1) 96%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#eeeeee', GradientType=0);
		/* IE6-9 */
		-moz-box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;
		-webkit-box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;
		box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;
	}

	.content.mobile-login input.Button {
		padding: 3% 0%;
		clear: both;
		width: 99%;
		font-size: 105%;
		background: #ba1200;
		color: #fff;
		border: 0;
		text-transform: uppercase;
	}

	#ForgotUsernameUserControl1_SubmitButton,
	#ForgotPasswordUserControl1_SubmitButton,
	#SubmitButton {
		border: 1px solid #adc671;
		-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.54);
		-moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.54);
		box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.54);
		background: rgb(202, 226, 133);
		/* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhZTI4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZmNiNTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, rgba(202, 226, 133, 1) 0%, rgba(159, 203, 87, 1) 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(202, 226, 133, 1)), color-stop(100%, rgba(159, 203, 87, 1)));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(202, 226, 133, 1) 0%, rgba(159, 203, 87, 1) 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(202, 226, 133, 1) 0%, rgba(159, 203, 87, 1) 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(202, 226, 133, 1) 0%, rgba(159, 203, 87, 1) 100%);
		/* IE10+ */
		background: linear-gradient(to bottom, rgba(202, 226, 133, 1) 0%, rgba(159, 203, 87, 1) 100%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57', GradientType=0);
		/* IE6-8 */
		cursor: pointer;
		color: #5B6028;
		font-weight: bold;
	}

	.login-wrapper.mobile-login {
		float: none;
		clear: both;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		min-height: 100px;
		padding: 0;
	}

	.default-login-table.mobile-login {
		clear: both;
		display: block;
		width: 99%;
		margin: 0 auto;
	}

	.content.mobile-login {
		text-align: left;
		float: none;
		width: inherit;
		padding: 10px;
		display: block;
		clear: both;
	}

	.button-row>.Button:first-child,
	.button-row>.btn:first-child,
	.button-row>.Button:last-child,
	.button-row>.btn:last-child,
	.button-row>.Button:only-child,
	.button-row>.btn:only-child {
		margin-left: auto;
		margin-right: auto;
	}

	.content.mobile-login big {
		font-size: 140%;
	}

	.content.mobile-login p,
	.content.mobile-login p a {
		font-size: 110%;
		line-height: 135%;
		color: #666;
	}

	.content.mobile-login p a {
		color: #0066cc;
	}

	.content.mobile-login .login-wish-list {
		line-height: 230%;
	}

	.content.mobile-login b {
		font-size: 110%;
		color: #555;
		text-shadow: 1px 1px 1px #efefef;
	}

	.content.mobile-login .CheckBox input,
	.content.mobile-login .CheckBox label {
		float: left;
	}

	.content.mobile-login .CheckBox label {
		font-style: italic;
		color: #888;
		font-size: 105%;
	}

	.content.mobile-login .CheckBox input {
		width: 20px;
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
	}

	.content.mobile-login .CheckBox label {
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
		margin: 3px 0 0 0 !important;
	}
}

/* SITE-SPECIFIC CUSTOMIZATION */
#site-wrapper {
	padding: 0 0em 0em;
}

#site-wrapper.site-nhs,
#site-wrapper.site-njhs,
#site-wrapper.site-nehs,
#site-wrapper.site-nasc {
	position: relative;
	border-top: 30px solid #0F2644;
	padding-top: 120px;
}

#logo {
	display: block;
	width: 250px;
	height: 103px;
	background-image: url('logo.png');
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 100%;
	margin-bottom: 2em;
}

.site-nhs #logo,
.site-njhs #logo,
.site-nehs #logo,
.site-nasc #logo {
	position: absolute;
	left: 1em;
	top: -38px;
	width: 160px;
	height: 160px;
}

.site-nhs #logo {
	background-image: url('https://files.nassp.org/images/nhs/NHS_header_logo.png');
}

.site-njhs #logo {
	background-image: url('https://files.nassp.org/images/njhs/NJHS_homepage_logo.png');
}

.site-nehs #logo {
	background-image: url('https://files.nassp.org/images/nehs/NEHS_header_logo.png');
}

.site-nasc #logo {
	background-image: url('https://files.nassp.org/images/NASC/NASC_header_logo.png');
}

span.base-cancel {
	display: none
}

a.nassp-cancel {
	display: inline-block;
	padding: 6px 10px;
	background-color: #eee;
	color: #000 !important;
	border: 0px none;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

/*Custumize your solution using this file*/
#site-wrapper #header {
	display: block;
	float: none;
	margin: 0 auto;
	position: relative;
	clear: both;
	text-align: center;
	min-height: 150px;
	background-color: #e5eaed;
}

#site-wrapper #header .secondary-and-action {
	width: 235px;
	margin: 0 auto;
	text-align: left;
	position: absolute;
}

#site-wrapper a.logo {
	background: url(images/logos_all_vertical_npa.png) no-repeat;
	background-size: contain;
	display: block;
	position: relative;
	bottom: -5px;
	left: 27px;
	z-index: 99;
	width: 285px;
	height: 135px;
}

#site-wrapper .dnnMenu .navbar-nav.nav>li>a:after {
	content: "";
	border-left: 0px solid #2d6389;
	position: absolute;
	height: 100%;
	right: -2px;
	top: 0;
}

#site-wrapper .top-banner {
	display: none;
}

#site-wrapper .navbar.navbar-default {
	background: transparent;
	border: none;
	margin-bottom: 0;
	border-radius: 0;
	width: 79%;
	float: left;
	clear: none;
	left: 20%;
	position: relative;
}

.redesign-header-nav-logo {
	position: absolute;
	background-color: #082267;
	top: 0;
	bottom: 0;
	left: 50px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 0px 40px;
	justify-content: center;
}

#site-wrapper .dnnMenu .navbar-nav.nav>li>a {
	background-color: #fff;
	height: 100%;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding: 18px 16px 0px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
	color: #082267;
	font-size: 14px;
	font-family: "Inter", "Helvetica", "Arial", sans-serif;
	font-weight: 500;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	min-height: 60px;
}

#header .action {
	display: none;
}

#header .secondary2 {
	display: none;
}

#header .sub_menu_custom {
	width: 100%;
	clear: both;
	background-color: #f5f5f5;
	position: relative;
	float: left;
	z-index: 2;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

#site-wrapper .sub_menu_custom .redesign-header-nav-bottom {
	margin-left: 24%;
	position: relative;
	width: 72%;
	padding: 1%;
	float: left;
}

#site-wrapper .sub_menu_custom .content-left {
	float: left;
	display: flex;
	align-items: center;
}

#site-wrapper .sub_menu_custom .content-right {
	float: right;
	display: flex;
	align-items: center;
	visibility: hidden;
}

#site-wrapper .search {
	position: relative;
	clear: both;
	float: right;
	margin: 4px 12px 4px 0;
}

#site-wrapper .ServerSkinWidget.site-search-icon {
	position: absolute;
	top: 0px;
	right: -2px;
}

#site-wrapper .ServerSkinWidget.site-search-icon img {
	background-color: transparent;
	max-height: 40px;
	border-radius: 0px 3px 3px 0px;
}

a.user,
.redesign-header-nav-bottom .btn,
.redesign-header-nav-bottom button[name=jetpack_subscriptions_widget] {
	padding: 8px 12px;
	background-color: #ba1200;
	color: #fff;
	border: 2px solid #ba1200;
	border-radius: 4px;
	font-weight: 700;
	flex-grow: 1;
	text-transform: uppercase;
	text-decoration: none;
}

.redesign-header-nav-bottom .btn-inverse {
	background-color: #fff;
	color: #c84133;
	padding: 10px 12px;
}

.redesign-header-nav-bottom .user:hover {
	border-color: #c84133;
	background-color: #c84133;
}

.redesign-header-nav-bottom .content-left a:hover svg {
	transform: scale(1.25);
}

.redesign-header-nav-bottom .content-left a:hover,
.redesign-header-nav-bottom #loginout:hover,
a.logInOut:hover {
	text-decoration: underline;
}

.redesign-header-nav-bottom .content-left .header-search button {
	padding: 8px 9.5px;
	background: #ba1200;
	border-radius: 4px;
	border: none;
	outline: none;
	transition: transform 0.2s, background-color 0.2s;
}

.redesign-header-nav-bottom .content-left .header-search button svg {
	fill: white
}

.redesign-header-nav-bottom .content-left .header-search {
	margin-right: 12px;
}

.redesign-header-nav-bottom a+a {
	margin-left: 12px;
}

a.logInOut,
.redesign-header-nav-bottom .content-left a {
	font-size: 18px;
	text-transform: uppercase;
	font-family: "Roboto Condensed";
	color: #000;
	font-weight: 700;
}

#site-wrapper .search input.swap,
#site-wrapper .search input.NormalTextBox {
	background-image: none;
	width: 205px;
	height: 40px;
	/* border: none !important; */
	border: 1px solid #d9d9d9;
	font-weight: 700;
	color: #666;
	font-size: 13px;
	padding: 0 0 0 9px;
	vertical-align: top;
	line-height: 32px;
	font-family: "latoregular", sans-serif;
	background-color: #fff;
	z-index: 0;
	position: relative;
}

.dnnMenu .navbar-nav.nav.navbar-nav {
	height: auto;
	min-height: inherit;
	margin-bottom: 0;
	border: none;
	float: none;
	display: flex;
	justify-content: space-around;
	max-width: 1180px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	padding: 0;
	list-style: none;
}

/*Footer*/
.site-footer-container {
	background: #666
}

.site-footer {
	max-width: 84rem;
	margin: auto;
	padding: 1rem;
	color: #fff;
	font-size: 14px;
	text-align: center
}

@media screen and (min-width: 768px) {
	.site-footer {
		padding: 2rem;
		text-align: inherit
	}
}

.site-footer a {
	color: #fff
}

.site-footer a:hover {
	color: orange
}

.site-footer ul {
	list-style: none;
	margin: 0;
	padding-left: 0
}

.site-footer button,
.site-footer input[type=button],
.site-footer input[type=submit],
.site-footer .btn,
.site-footer .sidebar button[name=jetpack_subscriptions_widget],
.sidebar .site-footer button[name=jetpack_subscriptions_widget] {
	background-color: #333
}

.site-footer button:hover,
.site-footer input[type=button]:hover,
.site-footer input[type=submit]:hover,
.site-footer .btn:hover {
	background-color: #0f41c6
}

.footer-personas-menu {
	margin: 0 0 2rem;
	font-family: "Arvo", "Helvetica", "Arial", sans-serif;
	font-size: 1.2rem
}

@media screen and (min-width: 768px) {
	.footer-personas-menu ul {
		display: flex;
		justify-content: center
	}
}

.footer-personas-menu li:not(:first-child) {
	margin-top: 1em
}

@media screen and (min-width: 768px) {
	.footer-personas-menu li:not(:first-child) {
		margin-top: 0;
		margin-left: 4em
	}
}

.footer-widgets-container {
	margin: 0 0 2rem
}

@media screen and (min-width: 768px) {
	.footer-widgets-container {
		display: flex;
		align-items: flex-start
	}
}

.footer-widgets-container .widget {
	margin: 0 auto;
	max-width: 26em
}

.footer-widgets-container .widget:not(:first-child) {
	margin-top: 2em
}

@media screen and (min-width: 768px) {
	.footer-widgets-container .widget {
		flex-basis: 0;
		flex-grow: 1;
		max-width: none
	}

	.footer-widgets-container .widget:not(:first-child) {
		margin-top: 0;
		margin-left: 3em
	}
}

.footer-widgets-container .widget-title {
	display: none
}

.footer-site-logo {
	width: 6.5rem;
	margin: 1em auto
}

.footer-parent-logo {
	width: 9rem;
	margin: 1em auto
}

.footer-social-menu ul {
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 1em 0;
	padding: 0
}

.footer-social-menu li {
	display: inline-block;
	margin: 2px
}

.footer-social-menu a {
	display: inline-block;
	padding: .5em;
	border-radius: 50%;
	background: #333;
	font-size: 1.2em;
	line-height: 1
}

.footer-social-menu .footer-social-icon-container {
	display: inline-block;
	width: 1em;
	height: 1em;
	text-align: center
}

.footer-menu-container {
	font-size: .75rem
}

@media screen and (min-width: 768px) {
	.footer-menu-container {
		display: flex;
		justify-content: space-between
	}
}

.footer-menu ul {
	list-style: none
}

.footer-menu li {
	margin: .5em 0
}

@media screen and (min-width: 768px) {
	.footer-menu li {
		display: inline-block;
		margin: 0 3em 0 0
	}
}

.site-copyright {
	margin-top: 2rem
}

@media screen and (min-width: 768px) {
	.site-copyright {
		margin-top: 0
	}
}

.site-debug {
	background: #272822
}

.site-debug pre {
	margin: 0;
	border-color: rgba(0, 0, 0, 0)
}

.new-footer body {
	background-color: #f5f5f5
}

.new-footer .redesign-footer {
	padding: 25px 15px;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: 120px 1fr 100px;
	background-color: #f5f5f5;
	width: 100%;
	justify-content: center
}

.new-footer .redesign-footer--address {
	grid-row: 1;
	grid-column: 1/span 12
}

.new-footer .redesign-footer--address * {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0px;
	text-align: center
}

.new-footer .redesign-footer--address strong {
	margin-inline: auto;
	display: block
}

@media screen and (min-width: 992px) {
	.new-footer .redesign-footer--address {
		grid-row: 1;
		grid-column: 1/span 8
	}

	.new-footer .redesign-footer--address * {
		text-align: left
	}

	.new-footer .redesign-footer--address strong {
		margin-inline: unset
	}
}

.new-footer .redesign-footer--socials {
	grid-row: 3;
	grid-column: 1/span 12;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px
}

.new-footer .redesign-footer--socials ul {
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	padding: 0px
}

.new-footer .redesign-footer--socials ul li+li {
	margin-left: 18px
}

.new-footer .redesign-footer--socials ul li:hover svg {
	fill: #666
}

@media(min-width: 820px) {
	.new-footer .redesign-footer--socials {
		grid-row: 1;
		grid-column: 8/span 5;
		justify-content: flex-end;
		align-items: flex-start;
		margin-top: unset
	}
}

.new-footer .redesign-footer--links {
	grid-row: 2;
	grid-column: 1/span 12;
	margin-left: unset
}

.new-footer .redesign-footer--links ul {
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	padding: 0px;
	margin-bottom: 0px;
	display: block;
	text-align: center
}

.new-footer .redesign-footer--links ul li {
	position: initial;
	display: inline
}

.new-footer .redesign-footer--links ul li:not(:first-child)::before {
	display: inline;
	content: "|";
	margin-right: 4px
}

.new-footer .redesign-footer--links ul li a {
	color: #000;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	text-decoration: underline
}

@media screen and (min-width: 992px) {
	.new-footer .redesign-footer--links {
		grid-row: 2;
		grid-column: 1/span 12;
		margin-left: -20px
	}

	.new-footer .redesign-footer--links ul {
		justify-content: flex-start;
		display: flex;
		text-align: left;
		margin: 0;
	}

	.new-footer .redesign-footer--links ul .hide-desktop {
		display: none
	}

	.new-footer .redesign-footer--links ul li {
		margin: 8px 20px
	}

	.new-footer .redesign-footer--links ul li:not(:first-child)::before {
		display: none
	}

	.new-footer .redesign-footer--links ul li:nth-of-type(-n + 9):after {
		content: unset
	}
}

.new-footer .redesign-footer--copyright {
	display: block;
	text-align: center;
	font-size: 14px
}

@media(min-width: 820px) {
	.new-footer .redesign-footer--copyright {
		margin-left: 40px
	}
}

@media screen and (min-width: 350px) {
	.new-footer .redesign-footer {
		grid-template-rows: 100px 1fr 100px
	}
}

@media(min-width: 820px) {
	.new-footer .redesign-footer {
		grid-template-rows: 70px 1fr;
		padding: 80px 70px 60px
	}
}

.new-footer {
	background: #f5f5f5
}

.new-footer body {
	background-color: #f5f5f5
}

.new-footer .redesign-footer {
	display: flex;
	background-color: #f5f5f5;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin: auto
}

@media screen and (min-width: 992px) {
	.new-footer .redesign-footer {
		padding: 60px 4% 2% 4%;
		max-width: 92%;
	}
}

.new-footer .redesign-footer-top {
	display: flex;
	flex-direction: column;
	padding: 0px;
	flex: none;
	order: 0;
	flex-grow: 0;
	width: 100%;
	justify-content: space-between;
	align-items: center
}

@media screen and (min-width: 992px) {
	.new-footer .redesign-footer-top {
		flex-direction: row;
		align-items: center
	}
}

.new-footer .redesign-footer-left {
	max-width: 430px
}

.new-footer .redesign-footer-left .redesign-footer--address {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	gap: 25px;
	color: #333;
	display: flex
}

@media screen and (min-width: 992px) {
	.new-footer .redesign-footer-left .redesign-footer--address {
		flex-direction: row;
		align-items: flex-end;
		margin: 40px 0 0px 0;
	}
}

.new-footer .redesign-footer-left .redesign-footer--address * {
	margin: 0 0 5px
}

.new-footer .redesign-footer-left .redesign-footer--address-socials {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	/*gap: 47px;*/
	flex: none;
	order: 0;
	flex-grow: 0
}

@media screen and (min-width: 992px) {
	.new-footer .redesign-footer-left .redesign-footer--address-socials {
		align-items: flex-start
	}
}

.new-footer .redesign-footer-left .redesign-footer--links {
	/*margin-bottom: 23px*/
}

.new-footer .redesign-footer .redesign-footer--copyright nav ul#menu-footer li a {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	text-decoration: none;
}

.new-footer .redesign-footer-right {
	display: flex;
	flex-flow: column;
	align-items: center;
	gap: 24px
}

@media screen and (min-width: 992px) {
	.new-footer .redesign-footer-right {
		align-items: flex-end
	}
}

.new-footer .redesign-footer-right .socials ul {
	margin-bottom: 0
}

.new-footer .redesign-footer-right .ad-block {
	display: flex;
	gap: 16px;
	flex-direction: column;
	justify-content: center
}

@media screen and (max-width: 768px) {
	.new-footer .redesign-footer-right .ad-block {
		display: flex;
		flex-flow: row wrap !important
	}
}

@media screen and (min-width: 992px) {
	.new-footer .redesign-footer-right .ad-block {
		flex-direction: row;
		visibility: hidden;
		height: 155px;
	}
}

.new-footer .redesign-footer-right .ad-block .widget {
	margin-top: 0
}

.new-footer .redesign-footer .redesign-footer--copyright {
	margin-left: 0;
	display: flex;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	gap: 32px;
	margin-top: 0px;
	flex-direction: column;
	width: 100%
}

@media screen and (min-width: 992px) {
	.new-footer .redesign-footer .redesign-footer--copyright {
		width: auto;
		flex-direction: row
	}
}

.new-footer .redesign-footer .redesign-footer--copyright nav ul#menu-footer {
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: 0px;
	gap: 32px;
	height: auto
}

@media screen and (min-width: 992px) {
	.new-footer .redesign-footer .redesign-footer--copyright nav ul#menu-footer {
		flex-direction: row;
		align-items: flex-start;
		justify-content: baseline
	}
}

.new-footer .redesign-footer .redesign-footer--copyright nav ul#menu-footer li {
	list-style: none
}

.new-footer .redesign-footer .redesign-footer--copyright nav ul#menu-footer li a {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #000
}

@media screen and (min-width: 992px) {
	.new-footer .redesign-footer {
		flex-wrap: inherit
	}
}

.cards-wrapper {
	padding-top: 48px;
	max-width: 1300px;
	margin: 0 auto;
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(300px, 350px));
	justify-content: center
}

.cards-wrapper--wide {
	grid-template-columns: auto
}

.card {
	display: flex;
	flex-direction: unset;
	border: none;
	background: none;
	word-wrap: normal;
	min-width: auto;
	border-radius: 0;
	justify-content: center
}

.card-container {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	background-color: #fff;
	border: 1px solid #e5eaed;
	border-radius: 10px;
	box-shadow: 0px 10px 20px rgba(131, 144, 179, .05);
	max-width: 310px
}

.card-container--wide {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	max-width: 100%;
	min-height: 165px;
	background: #fff;
	border: 1px solid #e5eaed;
	box-shadow: 0px 10px 20px rgba(131, 144, 179, .15);
	border-radius: 10px;
	margin-bottom: 16px
}

.card-container--wide .card__image {
	width: 100%
}

.card-container--wide .card__image img {
	width: 100%;
	border-radius: 10px 10px 0 0px
}

.card-container--wide .card__content {
	flex-grow: 1;
	height: 100%;
	width: inherit;
	display: flex;
	align-items: baseline;
	flex-direction: column;
	justify-content: center;
	padding: 24px
}

.card-container--wide .card__content-header {
	background: none;
	padding: 0;
	display: block;
	width: auto;
	height: auto;
	text-align: left
}

.card-container--wide .card__content-copy {
	padding: 0;
	text-align: left
}

/*Global override*/
#site-wrapper .navCol>h2 {
	background-color: #082267;
	color: #fff;
}

#site-wrapper .breadCrumbs li,
.breadCrumbs li a {
	color: #ba1200;
}

.hide-desktop {
	display: none;
}

@media screen and (max-width: 42.0em) {

	.buttonRow input[type="button"],
	.buttonRow input[type="submit"] {
		min-height: 44px;
	}

	.rwWindowContent .buttonRow input {
		display: block;
		text-align: center !important;
		margin: 2% auto !important;
		white-space: normal !important;
	}

	.new-footer .redesign-footer-right .ad-block {
		display: flex;
		flex-flow: row wrap !important;
		display: none;
	}

	#site-wrapper a.logo {
		width: 180px;
		height: 68px;
		padding: 0;
		margin: 0px auto 0 auto;
		background-image: url(images/nassp_logo_white.svg);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: left center;
		left: -69px;
		position: relative;
		top: 16px;
	}

	#header .sub_menu_custom {
		width: 100%;
		clear: both;
		background-color: #FFF;
		position: relative;
		float: left;
		z-index: 2;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
		height: 60px;
		display: none;
	}

	#site-wrapper .sub_menu_custom .redesign-header-nav-bottom {
		margin: 0;
		position: relative;
		width: 100%;
		padding: 0%;
		float: left;
	}

	#site-wrapper .sub_menu_custom .content-right {
		float: right;
		display: flex;
		align-items: center;
		width: 97%;
		padding: 10px 8px 10px 10px;
	}

	.new-footer .redesign-footer {
		padding: 25px 0px;
	}

	.redesign-header-nav-top section a+a {
		border-left: 1px solid #e5e5e5;
	}

	.sub_menu_custom {
		text-align: center;
		display: inline-block;
		width: 100%;
		height: 54px;
	}

	#site-wrapper .navbar.navbar-default {
		display: none;
	}

	.redesign-header-nav-top {
		background-color: #f5f5f5;
		width: 100%;
		height: 60px;
	}

	.redesign-header-nav-top .hide-desktop {
		display: flex;
	}

	.redesign-header-nav-top section {
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap-reverse;
		align-items: center;
		height: 100%;
	}

	#site-wrapper .redesign-header-nav-top section a {
		color: #082267;
		font-size: 14px;
		flex-grow: 1;
		text-align: center;
		height: 100%;
		line-height: 60px;
		text-shadow: none;
		font-family: "Roboto Condensed";
	}

	#site-wrapper #header .secondary-and-action {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		position: relative;
		background: #082267;
		min-height: 100px;
		position: relative;
	}

	.default-login-table.mobile-login {
		clear: both;
		display: block;
		width: 99%;
		margin: 0 auto;
	}

	.default-login-table.mobile-login tr,
	.default-login-table.mobile-login tr td,
	.default-login-table.mobile-login tbody {
		display: block;
		width: 100%;
	}

	.default-login-table.mobile-login tr td {
		display: block;
		width: 94%;
	}

	.default-login-table.mobile-login tr td input {
		display: block;
		width: 98%;
	}

	#site-wrapper a.logo {
		width: 240px;
		height: 90px;
		padding: 0;
		margin: 9px auto 0 auto;
		/* background-image: url(images/NASSP_Programs_FullColor_rgb.png); */
		background-image: url(images/logos_all_vertical_npa.png);
		background-repeat: no-repeat;
		background-size: 50%;
		background-position: left center;
		left: 10%;
		position: relative;
		top: -1px;
	}

	#site-wrapper #header .secondary-and-action {
		background: #e5eaed;
		min-height: 100px;
		position: relative;
	}
}

/* ==========================================
LOGIN PAGE BACKGROUND
========================================== */
body {
	background: url('images/LV101162.jpg') no-repeat top center;
	font-family: "Inter", "Helvetica", "Arial", sans-serif;
	position: relative;
	background-size: contain;
	background-position-y: 26%;
}

/* Background Overlay */
/* Background Overlay 090726 */
/* body::before {
	content: "";
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.25);
	z-index: 0;
}
*/

#LoginForm {
	/* text-align:center; */
	background: transparent;
	max-width: fit-content;
	margin: 0% auto;
	/* min-height: 100vh; */
}

/* ==========================================
LOGIN CARD
========================================== */
.default-login-table.mobile-login {
	min-width: 520px;
	max-width: 100%;
	background: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	border-radius: 0px;
	overflow: hidden;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.20);
	margin: 15% auto;
}

/* Remove empty row */
.default-login-table.mobile-login tr:first-child {
	display: none;
}

/* ==========================================
LOGIN CONTENT
========================================== */
.default-login-table .content.mobile-login {
	background: #ffffff !important;
	padding: 40px;
	height: auto !important;
	vertical-align: top;
	min-width: 520px;
}

/* ==========================================
LOGIN HEADING
========================================== */
.default-login-table .content.mobile-login big {
	display: block;
	text-align: center;
	color: #1A237E;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 30px;
}

/* ==========================================
LABELS
========================================== */
.default-login-table .content.mobile-login b {
	display: block;
	margin-bottom: 6px;
	color: #333333;
	font-size: 14px;
	font-weight: 600;
}

/* ==========================================
INPUT FIELDS
========================================== */
.default-login-table .TextBox {
	width: 100%;
	height: 42px;
	border: 1px solid #c0c0c0 !important;
	border-radius: 4px;
	padding: 0 15px;
	margin-top: 6px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #666666;
	font-weight: 600;
	box-sizing: border-box;
	outline: none;
	transition: border-color 0.3s ease;
}

.default-login-table .TextBox:focus {
	border-color: #ba1200 !important;
}

/* ==========================================
LOGIN BUTTON
========================================== */
.default-login-table .Button {
	width: 100%;
	background: #ba1200;
	color: #ffffff;
	border: 2px solid #ba1200;
	border-radius: 4px;
	padding: 10px 15px;
	margin-top: 15px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 700;
	font-family: "Inter", "Helvetica", "Arial", sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.3s ease;
}

.default-login-table .Button:hover {
	background: #c84133;
	border-color: #c84133;
}

/* ==========================================
LINKS
========================================== */
.default-login-table a,
.default-login-table .HyperLink {
	color: #0038ff;
	text-decoration: underline;
	font-size: 14px;
}

.default-login-table a:hover,
.default-login-table .HyperLink:hover {
	color: #0024a5;
}

/* ==========================================
FORGOT PASSWORD SECTION
========================================== */
.default-login-table .login-wish-list {
	margin: 15px 0 20px;
	line-height: 1.6;
	color: #444444;
	font-size: 14px;
}

/* ==========================================
REMEMBER ME
========================================== */
.default-login-table .CheckBox {
	display: block;
	margin-top: 15px;
	font-size: 14px;
	color: #333333;
}

.default-login-table .CheckBox input[type="checkbox"] {
	margin-right: 8px;
	vertical-align: middle;
	top: 6px;
    position: relative;
}

.default-login-table .CheckBox label {
	vertical-align: middle;
}

/* ==========================================
VALIDATION MESSAGES
========================================== */
.default-login-table .RegularExpressionValidator {
	color: #ba1200 !important;
	font-size: 12px;
	font-weight: 600;
}

/* ==========================================
HIDE UNUSED SECTION
========================================== */
.default-login-table div[style*="Display:none"] {
	display: none !important;
}

/* 070826 */

.create-account {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

.create-account-title {
    font-weight: 700;
    color: #222;
    margin-right: 2px;
}

.create-account a {
    color: #9b3d3d;
    text-decoration: none;
    transition: color 0.2s ease;
}

.create-account a:hover,
.create-account a:focus {
    color: #7d2d2d;
    text-decoration: underline;
}

.separator {
    color: #555;
    margin: 0 2px;
    user-select: none;
}


.new-footer{
    clear: both;
}

.redesign-footer--address-socials .logo a img{
	max-width:150px;
}

/* ==========================================
RESPONSIVE
========================================== */
@media (max-width: 768px) {
	#form1 {
		padding: 20px;
	}

	.default-login-table.mobile-login {
		width: 100%;
	}

	.default-login-table .content.mobile-login {
		padding: 5px;
	}

	.default-login-table .content.mobile-login big {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.default-login-table .Button {
		width: 100%;
	}
	
	.default-login-table .content.mobile-login {
		min-width: 100%;
	}
	#LoginForm {
		min-width: 100%;
	}

	/* ==========================================
	LOGIN CARD
	========================================== */
	.default-login-table.mobile-login {
		min-width: 100%;
	}
	
	
	
	
}







/* =========================================================
   PFY SSO LOGIN - RESPONSIVE FIX
   ========================================================= */


/* Use cover so the background fills the available area */
body {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


/* =========================================================
   2. TABLET / SMALL DESKTOP
   ========================================================= */

@media screen and (min-width: 768px) and (max-width: 1199px) {

    /* Prevent logo from bleeding into the tabs */
    .login-logo,
    .logo,
    .header-logo {
        max-width: 220px;
        height: auto;
        margin-bottom: 20px;
    }

}


/* =========================================================
   3. MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    body {
        background-size: cover !important;
        background-position: center center !important;
    }

    /* Prevent logo overlap with tabs */
    .login-logo,
    .logo,
    .header-logo {
        max-width: 180px;
        height: auto;
        margin: 0 auto 20px;
        display: block;
    }

}


@media screen and (min-width: 665px) and (max-width: 1199px) {
	#site-wrapper a.logo {
	background: url(images/logos_all_vertical_npa.png) no-repeat;
	background-size: 50%;
	display: block;
	position: relative;
	bottom: -5px;
	left: 27px;
	z-index: 99;
	width: 285px;
	height: 135px;
}
}


@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    #site-wrapper a.logo {
		background: url(images/logos_all_vertical_npa.png) no-repeat;
		background-size: 88%;
		display: block;
		position: relative;
		bottom: -5px;
		left: 27px;
		z-index: 99;
		width: 196px;
		height: 135px;
	}
	
	
	#site-wrapper #header .secondary-and-action {
	width: 195px;
	margin: 0 auto;
	text-align: left;
	position: absolute;
}

.new-footer .redesign-footer {
        padding: 60px 4% 4% 4%;
        max-width: 92%;
    }
}