body
{
	background: url("../../media/images/bg.vignette.png") 50% 0 / 100% 100% fixed, url("../../media/images/bg.jpg") 50% 0 fixed;
}

/* Header */
	header[data-scope="global"] .nav-toggle,
	header[data-scope="global"] nav[data-context="primary"]
	{
		display: none !important;
	}

/* Main Content */
	main[data-scope="local"] .envelope
	{
		text-align: left;
		
		margin: 0 auto;

		max-width: 930px;
	}

	main[data-scope="local"] p
	{
		font-size: 18px;
		font-weight: 400;
		line-height: 20px;

		margin: 0 0 20px;
	}

	main[data-scope="local"] p a
	{
		backface-visibility: hidden;

		color: #f7a800;
		text-decoration: none;
	}

	/* Page Sections */
		main[data-scope="local"] section.register,
		main[data-scope="local"] section.login
		{
			box-sizing: border-box;
			clear: none;
			float: left;
			margin: 0;
			padding: 30px 50px;

			width: 50%;
		}

		main[data-scope="local"] section.register
		{
			padding: 30px 25px 30px 50px;
		}		

		/* Dark Section */
			main[data-scope="local"] section.dark
			{
				background: #582059;

				padding: 30px 50px;
			}
		
		/* Register */
			main[data-scope="local"] section.register
			{
				
			}

		/* Login */
			main[data-scope="local"] section.login
			{
				
			}
	
	/* Forms */
		main[data-scope="local"] section h2
		{
			color: #d40909;
			font: italic 700 28px/32px "Arvo", sans-serif;
			text-shadow: #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px,
						 #fff 0 0 3px;
			text-transform: uppercase;

			margin: 0 0 20px;
		}

		main[data-scope="local"] section form fieldset,
		main[data-scope="local"] section fieldset.controls
		{
			text-align: center;

			clear: both;
			display: block;
			margin: 10px auto;

			max-width: 100%;
			width: 100%;
		}
		
		main[data-scope="local"] section fieldset.controls
		{
			margin: 0;
		}
		
		main[data-scope="local"] section fieldset.controls [role='button']
		{
			float: left;
		}
		
		main[data-scope="local"] section fieldset.controls .forgot-pw
		{
			backface-visibility: hidden;
			-webkit-transition: all .25s;
			-ms-transition: all .25s;
			transition: all .25s;

			color: #f7a800;
			font-size: 18px;
			font-weight: 500;
			line-height: 24px;
			text-decoration: none;
			vertical-align: middle;

			display: inline-block;
			margin: 6px;
		}

		main[data-scope="local"] section form fieldset:before,
		main[data-scope="local"] section form fieldset:after
		{
			clear: both;
			display: block;

			content: "";
		}

		main[data-scope="local"] section form fieldset label
		{
			font: 600 italic 15px/16px "Brandon Grotesque", sans-serif;
			text-align: left;
			text-transform: uppercase;

			clear: both;
			display: block;
			margin: 10px 0 5px;
		}

/* Media Queries */
	/* Large Displays */
		@media (min-width: 1024px) 
		{
			/* Main Content */
				main[data-scope="local"] p a:after
				{
					opacity: 0;
					transform: translateX(-50%);
					transition: all .25s;

					border-bottom: #f7a800 solid 1px;
					position: absolute;
					 top: calc(100% - 2px);
					 left: 50%;
					
					height: 0;
					width: 0;
					
					content: "";
				}

				main[data-scope="local"] p a:active:after,
				main[data-scope="local"] p a:hover:after,
				main[data-scope="local"] p a:focus:after
				{
					opacity: 1;

					width: 100%;
				}

				/* Forms */
					main[data-scope="local"] section fieldset.controls .forgot-pw:after
					{
						opacity: 0;
						transform: translateX(-50%);
						transition: all .25s;

						border-bottom: #f7a800 solid 1px;
						position: absolute;
						 top: calc(100% - 2px);
						 left: 50%;
						
						height: 0;
						width: 0;
						
						content: "";
					}

					main[data-scope="local"] section fieldset.controls .forgot-pw:active:after,
					main[data-scope="local"] section fieldset.controls .forgot-pw:hover:after,
					main[data-scope="local"] section fieldset.controls .forgot-pw:focus:after
					{
						opacity: 1;

						width: 100%;
					}
		}
	
	/* Small Displays */
		@media (max-width: 1023px) 
		{
			/* Main Content */
				main[data-scope="local"]
				{
					background-image: url("../../media/images/bg.s.jpg");
					
					opacity: 1;

					padding-top: calc(20vmin + 56px);
				}

				main[data-scope="local"] .envelope
				{
					margin: 0 auto;

					max-width: calc(100% - 40px);
				}

				main[data-scope="local"] section[class]
				{
					background: transparent;

					clear: both;
					display: block;
					float: none;
					margin: 0 auto;
					padding: 0 10px;
					
					width: 100%;
				}

				main[data-scope="local"] section[class] + section[class]
				{
					margin-top: 80px;
				}

				main[data-scope="local"] section h2
				{
					font-size: 34px;
				}

				/* Forms */
					main[data-scope="local"] section fieldset.controls
					{
						text-align: left;
					}

					main[data-scope="local"] section fieldset.controls [role="button"]
					{
						max-width: 280px;
						width: 100%;
					}

					main[data-scope="local"] section fieldset.controls .forgot-pw
					{
						text-decoration: underline;
					}
		}