/* ! -----[ Global ]---------------------------------------------------------------------------- */

*{
	margin: 								0;
	padding: 								0;
	outline:								0;
	border:									0;
	font-size: 								100%;
	line-height: 							1;
	-webkit-tap-highlight-color: 			rgba(0,0,0,0);
	/*font-family: 							"Montserrat","Lucida Grande",sans-serif;*/
	font-family: 							"MontserratVF","Lucida Grande",sans-serif;
}

*, 
*:before, 
*:after {
  -moz-box-sizing: 							border-box; 
  -webkit-box-sizing: 						border-box; 
  box-sizing: 								border-box;
}

html{
	margin: 								0;
	padding: 								0;
	
	-moz-text-size-adjust: 					none;
	-webkit-text-size-adjust: 				none;
	text-size-adjust: 						none;
	
}
body{
	background: 							#373737; /*black;*/
	/*font-family: 							"Lato","Lucida Grande",sans-serif;*/
}

/* ! --------------------------------------------------------------------------------- */

#focusDumper{
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.masterContainer{
	
}

.masterContainer[data-splashMainContentMode="Welcome"] .splashContentBlock:not([data-contentBlock="Welcome"]),
.masterContainer[data-splashMainContentMode="LoginSupport"] .splashContentBlock:not([data-contentBlock="LoginSupport"]),
.masterContainer[data-splashMainContentMode="PrivacyPolicy"] .splashContentBlock:not([data-contentBlock="PrivacyPolicy"]),
.masterContainer[data-splashMainContentMode="TOU"] .splashContentBlock:not([data-contentBlock="TOU"]),
.masterContainer[data-splashMainContentMode="LoginAccountRequest"] .splashContentBlock:not([data-contentBlock="LoginAccountRequest"]),
.masterContainer[data-splashMainContentMode="LoginPassRecover"] .splashContentBlock:not([data-contentBlock="LoginPassRecover"]){
	display: none;
}

.mainBGWash{
	position: 								fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: 						url("../../../common/img/jpg/bgWash1.jpg");
	background-repeat: 						no-repeat;
	background-size: 						cover;
}

.mainContent{
	position: 		relative;
}

.splashContent{
	width: 									1299px;
	min-width: 									1299px;
	position: 								relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.splashBanner{
	/*
	position: 								absolute;
	top: 0;
	right: 0;
	left: 0;
	*/
	
	width: 									100%;
	
	height: 								401px;
	background-image: 						url("../img/png/grp_landing_campaign.png");
	background-repeat: 						no-repeat;
	background-size: 						cover;
	background-position: 					center top;
}
@media only screen and (min-width : 1794px) {
	.splashBanner{
		background-size: 					contain;
	}
}
.splashContentBlockStack{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 								1299px;
	min-height: 							400px;
	overflow-y: 							auto;
	overflow-x: 							hidden;
	background: 							white;
}
.splashContentBlock{
	/*max-width: 								1299px;*/
	/*height: 								395px;*/
	text-align: 							left;
	margin-left: 							440px;
}
.splashContentElement{
	
}

.splashContentTextTitle{
	font-weight: 							700;
	font-size: 								26px;
}

.loginSupportForm1SubmitButton,
.loginAccountRequestForm1SubmitButton,
.loginPassRecoverForm1SubmitButton{
	padding: 			10px;
	margin-top: 		10px;
	margin-left: 		5px;
	text-transform: 	uppercase;
	background: 		#a6c6f0;
	color: 				#49607e;
	font-size: 			18px;
	font-weight: 		500;
	display: 			inline-block;
	cursor: 			pointer;
	transition: 		background-color 0.3s ease-in-out;
}
.loginSupportForm1SubmitButton:hover,
.loginAccountRequestForm1SubmitButton:hover,
.loginPassRecoverForm1SubmitButton:hover{
	background: 		#4c74e1;
	color: 				white;
}

[data-splashContentElement="LoginSupportForm1"] [data-inputBlockID="ContactEmail"] input,
[data-splashContentElement="LoginAccountRequestForm1"] [data-inputBlockID="ContactEmail"] input,
[data-splashContentElement="LoginPassRecoverForm1"] [data-inputBlockID="AcctEmail"] input,
[data-splashContentElement="LoginSupportForm1"] [data-inputBlockID="QueryDesc"] textarea{
	box-shadow: 		0px 0px 0px 1px black;
	font-size: 			16px;
	padding: 			10px;
	font-size: 			16px;
}
[data-splashContentElement="LoginSupportForm1"] [data-inputBlockID="ContactEmail"] input,
[data-splashContentElement="LoginAccountRequestForm1"] [data-inputBlockID="ContactEmail"] input,
[data-splashContentElement="LoginPassRecoverForm1"] [data-inputBlockID="AcctEmail"] input{
	width: 				340px;
}
[data-splashContentElement="LoginSupportForm1"] [data-inputBlockID="QueryDesc"] textarea{
	width: 				100%;
	height: 			130px;
	resize: 			none;
	line-height: 		24px;
}

[data-splashContentElement="LogoStack"]{
	/*background-image: 						url("../img/png/splashLogoStack1.png");*/
	background-image: 						url("../img/svg/usda-logo-color.svg");
	background-repeat: 						no-repeat;
	background-size: 						contain;
	width: 									150px; /*237px;*/
	height: 								150px; /*145px;*/
	position: 								absolute;
	top: 									180px;
	left: 									180px;/*140px;*/
}
[data-splashContentElement="SplashText1"],
[data-splashContentElement="TOUText1"],
[data-splashContentElement="PrivacyPolicyText1"],
[data-splashContentElement="LoginSupportText1"],
[data-splashContentElement="LoginSupportForm1"],
[data-splashContentElement="LoginAccountRequestText1"],
[data-splashContentElement="LoginAccountRequestForm1"],
[data-splashContentElement="LoginPassRecoverText1"],
[data-splashContentElement="LoginPassRecoverForm1"]{
	color: 									#354559;
	font-size: 								20px;
	line-height: 							30px;
	padding: 								60px;
}

[data-splashContentElement="LoginAccountRequestText1"] h2,
[data-splashContentElement="LoginAccountRequestText1"] p,
[data-splashContentElement="LoginAccountRequestForm1"] h2,
[data-splashContentElement="LoginAccountRequestForm1"] p,
[data-splashContentElement="LoginPassRecoverText1"] h2,
[data-splashContentElement="LoginPassRecoverText1"] p,
[data-splashContentElement="LoginPassRecoverForm1"] h2,
[data-splashContentElement="LoginPassRecoverForm1"] p,
[data-splashContentElement="LoginSupportText1"] h2,
[data-splashContentElement="LoginSupportText1"] p,
[data-splashContentElement="TOUText1"] h2, 
[data-splashContentElement="TOUText1"] p,
[data-splashContentElement="PrivacyPolicyText1"] h2,
[data-splashContentElement="PrivacyPolicyText1"] p{
	line-height: 							30px;
}
[data-splashContentElement="LoginAccountRequestText1"] h1,
[data-splashContentElement="LoginPassRecoverText1"] h1,
[data-splashContentElement="LoginSupportText1"] h1,
[data-splashContentElement="TOUText1"] h1,
[data-splashContentElement="PrivacyPolicyText1"] h1{
	margin-bottom: 							30px;
}
[data-splashContentElement="LoginAccountRequestText1"] h2,
[data-splashContentElement="LoginPassRecoverText1"] h2,
[data-splashContentElement="LoginSupportText1"] h2,
[data-splashContentElement="TOUText1"] h2,
[data-splashContentElement="PrivacyPolicyText1"] h2{
	margin-top: 							42px;
}
[data-splashContentElement="LoginAccountRequestText1"] p,
[data-splashContentElement="LoginPassRecoverText1"] p,
[data-splashContentElement="LoginSupportText1"] p,
[data-splashContentElement="TOUText1"] p,
[data-splashContentElement="PrivacyPolicyText1"] p{
	margin-top: 							20px;
	/*font-variation-settings: 				'wdth' 105;*/
	/*
	text-align: justify;
	hyphens: auto;
	-webkit-hyphens: auto;
    word-spacing: -2px;
	*/
	/*font-family: sans-serif;*/
}

.loginAccountRequestSentSuccessNoticeText1,
.loginPassRecoverSentSuccessNoticeText1{
	/*display: 								none;*/
	color: 									#354559;
	font-size: 								20px;
	line-height: 							30px;
}
[data-splashContentElement="LoginSupportText1"],
[data-splashContentElement="LoginAccountRequestText1"],
[data-splashContentElement="LoginPassRecoverText1"]{
	padding-bottom: 						30px;
}
[data-splashContentElement="LoginSupportForm1"],
[data-splashContentElement="LoginAccountRequestForm1"],
[data-splashContentElement="LoginPassRecoverForm1"]{
	padding-top: 							0;
}
[data-splashContentElement="SplashText1"] ul,
[data-splashContentElement="TOUText1"] ol,
[data-splashContentElement="PrivacyPolicyText1"] ol,
[data-splashContentElement="LoginSupportText1"] ol{
	
}
[data-splashContentElement="SplashText1"] li,
[data-splashContentElement="TOUText1"] li,
[data-splashContentElement="PrivacyPolicyText1"] li,
[data-splashContentElement="LoginSupportText1"] li{
	margin-left: 							30px;
	padding: 								6px;
	line-height: 							26px;
}
[data-splashContentElement="TOUText1"] .falseListElement::before{
  content: 			' '; 
  display: 			block;
  font-size: 		13px;
  line-height: 		13px;
  height: 			13px;
  max-height: 		13px;
}
[data-splashContentElement="TOUText1"] .falseListElement{
	line-height: 							26px;
	max-width: 								724px;
	display: 								block;
	/*
	margin-left: 							10px;
	margin-top: 							6px;
	margin-bottom: 							6px;
	padding: 								16px;
	line-height: 							26px;
	*/
}
[data-splashContentElement="SplashText1"] li:first-child,
[data-splashContentElement="TOUText1"] li:first-child,
[data-splashContentElement="PrivacyPolicyText1"] li:first-child{
	padding-top: 							14px;
}

.splashFooter{
	background: 							#b7ceeb;
	height: 								46px;
}
.splashFooterButtonStrip{
	text-align: 							right;
}
.splashFooterButton{
	display: 								inline-block;
	margin-top: 							20px;
	margin-left: 							15px;
	margin-right: 							30px;
	cursor: 								pointer;
	background: 							none;
}
.splashFooterButton.selected{
	cursor: 								default;
}

.loginAccountRequestSentFailureNotice,
.loginPassRecoverSentFailureNotice,
.loginSupportFormEmailAddressIssueNotice,
.loginSupportFormQueryFieldIssueNotice{
	font-size: 								14px;
	color: 									#b06a08;
	padding: 								5px 10px 10px 10px;
	display: 								none;
}
.loginSupportFormEmailAddressIssueNotice{
	margin-bottom: 							15px;
}
.loginAccountRequestSentSuccessNotice,
.loginPassRecoverSentSuccessNotice,
.loginSupportFormSentSuccessNotice{
	padding-top: 							60px;
}
.loginAccountRequestSentFailureNoticeText1,
.loginPassRecoverSentFailureNoticeText1{
	
}
.loginAccountRequestSentSuccessNoticeText1,
.loginPassRecoverSentSuccessNoticeText1{
	
}

[data-buttonAction="LoginSupportLaunch"]{
	
}
[data-buttonAction="PrivvyPollyLaunch"]{
	
}
[data-buttonAction="TOULaunch"]{
	
}
.splashFooterButtonLabel{
	font-size: 								14px;
	font-weight: 							500;
}
.splashFooterButton.selected .splashFooterButtonLabel{
	font-weight: 							700;
}
.splashFooterButton:not(.selected):hover .splashFooterButtonLabel{
	text-decoration: 						underline;
	text-underline-offset: 					8px;
}

.loginBoxBoundary{
	min-width: 			1299px;
	position: 			absolute;
	top: 				0;
}
.loginBox{
	position: absolute;
	top: -401px;
	left: 82px;
	width: 353px;
	min-height: 524px;
	background: #49607e;
}
.loginBoxLogo{
	background-image: 						url("../img/svg/GRP_toolkit_logo_whitecheck1-upd1.svg");
	background-repeat: 						no-repeat;
	background-size: 						contain;
	width: 									240px;
	height: 								112px;
	margin-top: 							45px;
	text-align: 							center;
	margin-left: 							auto;
	margin-right: 							auto;
	position: 								relative;
	right: 									5px;
}
.loginBoxGreeting{
	font-family: 							"ComfortaaVF","Lucida Grande",sans-serif;
	font-size: 								35px;
	font-weight: 							500;
	color: 									#98d8b6;
	margin-top: 							10px;
}
.loginBoxFieldSet{
	margin-top: 							20px;
}
.inputBlock{
	padding: 5px;
}
[data-inputBlockID="UserEmail"]{
	
}
[data-inputBlockID="UserEmail"] input,
[data-inputBlockID="UserPW"] input{
	margin-top: 		10px;
	padding: 			10px;
	font-size: 			16px;
	width: 				230px;
}
[data-inputBlockID="UserPW"] input{
	font-family:Verdana,sans-serif;
	font-size: 			16px;
}
[data-inputBlockID="UserEmail"].emailInvalid input,
[data-inputBlockID="UserPW"].pwInvalid input,
[data-splashContentElement="LoginSupportForm1"][data-inputBlockID="ContactEmail"].emailInvalid input,
[data-splashContentElement="LoginAccountRequestForm1"] [data-inputBlockID="ContactEmail"].emailInvalid input,
[data-splashContentElement="LoginPassRecoverForm1"] [data-inputBlockID="AcctEmail"].emailInvalid input,
[data-splashContentElement="LoginSupportForm1"] [data-inputBlockID="ContactEmail"].emailInvalid input,
[data-splashContentElement="LoginSupportForm1"] [data-inputBlockID="QueryDesc"].fieldInvalid textarea{
	background: 		#e39a12;
}
.inputField{
	
}

.loginPwdVizToggleContainer{
	text-align: center;
}
.loginPwdVizToggle{
	font-weight: 700;
	font-size: 	14px;
	color: 	#a6c6f0;
	margin-top: 		10px;
	margin-bottom: 		5px;
	cursor: 			pointer;
	background: 		none;
}
.loginPwdVizToggle:hover{
	color: white;
	text-decoration: underline;
	text-underline-offset: 					8px;
}
.loginBox [data-inputBlockID="UserPW"] input[type=password]{
	font-family:		Verdana,sans-serif;
}

.loginBoxFailureNotice{
	color: 				white;
	font-size: 			14px;
	padding-top: 		20px;
	display: 			none;
}

.loginButton{
	padding: 			6px;
	margin: 			20px;
	text-transform: 	uppercase;
	background: 		#a6c6f0;
	color: 				#49607e;
	font-size: 			18px;
	font-weight: 		500;
	width: 				132px;
	cursor: 			pointer;
	transition: 		background-color 0.3s ease-in-out;
}
.loginButton:hover{
	background: 		white;
	/*color: 				#a6c6f0;*/
}
.loginBoxFooter{
	
}
.loginBoxFooterCreateAccountLaunch{
	display: 			inline-block;
	width: 				49%;
	margin-top: 		24px;
	font-size: 			14px;
	padding-left: 		10px;
	padding-bottom: 	20px;
}
.loginBoxFooterPassRecoverLaunch{
	display: 			inline-block;
	width: 				49%;
	margin-top: 		24px;
	font-size: 			14px;
	padding-right: 		10px;
	padding-bottom: 	20px;
}
.createAccountLaunchLabel,
.passRecoverLaunchLabel{
	color: 					white;
}
.createAccountLaunchLink,
.passRecoverLaunchLink{
	margin-top: 			5px;
	font-weight: 			700;
	color: 					#a6c6f0;
	cursor: 				pointer;
	background: 			none;
}
.createAccountLaunchLink:hover,
.passRecoverLaunchLink:hover{
	color: 					white;
	text-decoration: 						underline;
	text-underline-offset: 					8px;
}

.splashFooterButton:not(.selected) .buttonSelectedAccessIndicator,
[data-inputBlockID="ContactEmail"]:not(.emailInvalid) .invalidFieldEntryAccessIndicator,
[data-inputBlockID="AcctEmail"]:not(.emailInvalid) .invalidFieldEntryAccessIndicator,
[data-inputBlockID="QueryDesc"]:not(.fieldInvalid) .invalidFieldEntryAccessIndicator,
.loginBox [data-inputBlockID="UserEmail"]:not(.emailInvalid) .invalidFieldEntryAccessIndicator,
.loginBox [data-inputBlockID="UserPW"]:not(.pwInvalid) .invalidFieldEntryAccessIndicator{
	display: none;
}

/* ! -----[ Accessibility ]------------------------------------------------------------------ */

.visuallyHidden{
	border: 			0;
	clip: 				rect(1px,1px,1px,1px);
	height: 			1px;
	width: 				1px;
	overflow: 			hidden;
	padding: 			0;
	position: 			absolute;
}

.accessViz{
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap; /* added line */
	width: 1px;
}

.inputField label{
	
}

/* ! -----[ overrides ]------------------------------------------------------------------ */

.hidden{
	display: 					none;
}
.noTrans{
	transition: 				none;
}