@import url("../../media/fonts/gotham/gotham.css");
@import url("../../media/fonts/charter/charter.css");

@import url("global.header.css");
@import url("global.main.css");
@import url("global.footer.css");
@import url("global.ui.css");
@import url("global.forms.css");
@import url("global.dialogs.css");

/* Global Styles */
	/* Base */
		[data-viewport]
		{
			display: none !important;
		}

		html,
		body
		{
			color: #fff;
			font: 400 16px/20px "Gotham", "Arial", "Helvetica", sans-serif;

			margin: 0;
			padding: 0;
			position: relative;

			min-height: auto;
			min-width: 100%;
                        height: 100%;
		}

		html
		{
			background: #000;

			min-width: 1024px;
		}
		
		body
		{
			background: transparent;
			opacity: 0;
			transition: all .75s;
		}

		html:not(.init) body
		{
			opacity: 1;
			transition-delay: .75s;
		}

		body.no-scroll
		{
			overflow: hidden !important;
		}

		[role='region'][data-ajax]
		{
			opacity: 1;
			-webkit-transition: opacity 1.25s;
			transition: opacity 1.25s;

			z-index: 2;
		}

		html.init [role='region'][data-ajax],
		[role='region'][data-ajax].loading
		{
			opacity: 0;
		}

		template
		{
			visibility: hidden !important;

			display: none !important;
			overflow: hidden !important;

			height: 0 !important;
			width: 0 !important;
		}
		
		hr
		{
			background: transparent;

			border: none;
			border-bottom: #999 solid 1px;
			clear: both;
			display: block;
			margin: 45px 0;
			padding: 0;

			height: 0;
			width: 100%;
		}
		
		@media (max-width: 1023px)
		{
			hr
			{
				margin: 5vw 0;
			}
		}

		img,
		a img
		{
			border: 0;
			margin: 0;
			outline: 0;
		}

		img
		{
			image-rendering: -webkit-optimize-contrast;
			image-rendering: crisp-edges;
		}

		a
		{
			outline: none;
		}
		
		mark.block-wrap
		{
			background: inherit;

			color: inherit;

			display: inline-block;
		}

		:not(dialog) .envelope
		{
			box-sizing: border-box;
			display: block;
			margin: auto;

			height: 100%;
			/*max-width: 1200px;*/
			max-width: calc(100% - 40px);
			min-width: 960px;
			width: 100%;
		}

		:not(dialog) .panels .envelope
		{
			box-sizing: border-box;
			display: block;
			margin: auto;

			height: 100%;
			max-width: 1200px;
			/*max-width: calc(100% - 40px);*/
			/*min-width: 960px;*/
			width: 100%;
		}

		.envelope:before,
		.envelope:after
		{
			clear: both;
			display: block;

			content: "";
		}

/* Media Queries */
	/* Large Displays */
		@media (min-width: 1221px) 
		{
			[data-viewport~="XL"]
			{
				display: block !important;
			}

			th[data-viewport~="XL"],
			td[data-viewport~="XL"]
			{
				display: table-cell !important;
			}
		}
	
	/* Intermediary Displays */
		@media (min-width: 1024px)  and (max-width: 1220px) 
		{
			[data-viewport~="L"]
			{
				display: block !important;
			}

			th[data-viewport~="L"],
			td[data-viewport~="L"]
			{
				display: table-cell !important;
			}
		}
	
	/* Small Displays */
		@media (max-width: 1023px) 
		{
			[data-viewport~="S"]
			{
				display: block !important;
			}

			th[data-viewport~="S"],
			td[data-viewport~="S"]
			{
				display: table-cell !important;
			}

			html
			{
				min-width: 100vw;
			}

			:not(dialog) .envelope
			{
				max-width: none;
				min-width: 0;
			}
		}
	
	/* Small Displays */
		@media (max-width: 360px) 
		{
			[data-viewport~="XS"]
			{
				display: block !important;
			}

			th[data-viewport~="XS"],
			td[data-viewport~="XS"]
			{
				display: table-cell !important;
			}

			html
			{
				min-width: 100vw;
			}

			:not(dialog) .envelope
			{
				max-width: none;
				min-width: 0;
			}
		}


body.sweeps-gated a[data-gated="true"],
body.sweeps-gated [data-gated="true"]{
	display: none !important;
}

body:not(.sweeps-gated) [data-gated="false"]{
	display: none !important;
}