/* Reset Styles */

* {
	position: relative;
	box-sizing: border-box;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

/* Colors
		@swatch-1: #BC57D9 Orchid;
		@swatch-2: #08527F Navy Blue;
		@swatch-3: #3DE2F6 Cerulean;
		@swatch-4: #FCCD57 Gold;
		@swatch-5: #C48C2F Burnt Orange;
*/

/* Heading Styles */

h1 {
	font-family: 'Inconsolata', monospace;
	font-weight: 700;
	line-height: 1.25;
}

h2, h3, h4, h5, h6 {
	font-family: 'Arial', sans-serif;
	font-weight: 700;
	line-height: 1.1;
}

/* Default Text Styles */

div {
	font-family:"Open Sans", sans-serif;
	font-weight:400;
	font-size:15px;
	font-size:0.9rem;
}

/* Link Styles */

a, a:link, a:visited {
	color: #08527F;
}
a:hover, a:active {
	color: #3DE2F6;
}

/* Header Styles */

#body--header {
	background-image: url("../img/index-header.png");
	background-repeat: no-repeat;
	background-position: center center;
	background: url("../img/index-header.png") no-repeat center center;
	background-size: cover;
	padding: 16px 8px;
	padding: 1rem 0.5rem;
}
	#body--header:before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #08527F;
		opacity: 0.5;
	}
		.header--container {
			width: 1024px;
			width: 64rem;
			max-width: 100%;
			margin: 0 auto;
			text-align: center;
			text-shadow: 0 1px 4px #000;
			text-shadow: 0 0.0625rem 0.25rem #000;
		}
			.header--heading__title {
				font-size: 15px;
				font-size: 0.9375rem;
				color: #FFF;
			}
			.header--details__title {
				font-size: 12px;
				font-size: 0.75rem;
				color: #ffa64d;
			}
			
@media (min-width: 320px) {
	#body--header {
		padding: 16px;
		padding: 1rem;	
	}
		.header--heading__title {
			font-size: 20px;
			font-size: 1.25rem
		}
		.header--details__title {
			font-size: 18px;
			font-size: 1.125rem;
		}
}

@media (min-width: 480px) {
	#body--header {
		padding: 24px;
		padding: 1.5rem;
	}
		.header--heading__title {
			font-size: 32px;
			font-size: 2rem;
		}
		.header--details__title {
			font-size: 28px;
			font-size: 1.75rem;
		}
}

@media (min-width: 768px) {
	#body--header {
		padding: 36px;
		padding: 2.25rem;
	}
		.header--container {
			text-align: right;
		}
}

/* Main Styles */

.main--wrapper {
	width: 1024px;
	width: 64rem;
	max-width: 100%;
	padding: 16px 8px;
	padding: 1rem 0.5rem;
	margin: 0 auto;
}
	#body--main [class*="--columns"] > [class*="--column"]:nth-child(n+2) {
		margin-top: 16px;
		margin-top: 1rem;
	}
		#body--main section[class$="__container"]:not(:first-child) {
			margin-top: 16px;
			margin-top: 1rem;
		}
			#body--main h3[class$="__title"] {
				font-size: 20px;
				font-size: 1.25rem;
				color: #262626;
				margin-bottom: 8px;
				margin-bottom: 0.5rem;
			}
				#body--main h3[class$="__title"] a {
					display: inline-block;
					width: auto;
					color: #262626;
					text-decoration: underline;
				}
@media (min-width: 320px) {
	.main--wrapper {
		padding: 16px;
		padding: 1rem;	
	}
}

@media (min-width: 480px) {
	.main--wrapper {
		padding: 24px;
		padding: 1.5rem;
	}
}

@media (min-width: 768px) {
	.main--wrapper {
		padding: 36px;
		padding: 2.25rem;
	}
		#body--main [class*="--columns"]:after {
			display: block;
			content: '';
			clear: both;
			height: 0;
		}
			#body--main [class*="--columns"] > [class*="--column"] {
				float: left;
			}
			#body--main [class*="--columns"] > [class*="--column1"] {
				width: 66.666%;
				padding-right: 16px;
				padding-right: 1rem;
			}
			#body--main [class*="--columns"] > [class*="--column2"] {
				width: 33.333%;
				padding-left: 16px;
				padding-left: 1rem;
			}
	
				#body--main [class*="--columns"] [class*="--column"]:nth-child(n+2) {
					margin-top: 0;
				}

}
@media (min-width: 1024px) {
	.main--wrapper {
		padding: 36px 0;
		padding: 2.25rem 0;
	}
}

/* Button Styles */

a.nav--links:focus, a.nav--links:active,a.get--adobe__link:focus,a.get--adobe__link:active {
	outline:2px inset #FCCD57;
}

a.get--adobe__link {
	font-size:0;
}

body:not(.site__home) .nav-links_container {
	width:auto;
	margin:0 auto;
	text-align: center;
}

	body:not(.site__home) .nav--links__item {
		display: inline-block;
	}
	
		body:not(.site__home) .nav--links__item .nav--links {
			width: auto;
		}

.nav--links__home {
	text-align: center;
}

	.nav--links__home .nav--links {
		display: inline-block;
		width: auto;
	}

.nav--links__content {
	text-align: center;
}
	.nav--links__container .nav--link__item:not(:first-child) {
		margin-top: 4px;
		margin-top: 0.25rem;
	}
		.nav--links {
			display: inline-block;
			width: 80%;
			padding: 8px 16px;
			padding: 0.5rem 1rem;
			background: #08527F;
			border: 1px solid #AAA;
			-ms-transition: all 0.35s ease-in-out 0s;
			-moz-transition: all 0.35s ease-in-out 0s;
			-webkit-transition: all 0.35s ease-in-out 0s;
			transition: all 0.35s ease-in-out 0s;
		}
			.nav--links:hover, .nav--links:active {
				-ms-box-shadow: inset 0 0 16px #000;
				-moz-box-shadow: inset 0 0 16px #000;
				-webkit-box-shadow: inset 0 0 16px #000;
				box-shadow: inset 0 0 16px #000;
				-ms-box-shadow: inset 0 0 1rem #000;
				-moz-box-shadow: inset 0 0 1rem #000;
				-webkit-box-shadow: inset 0 0 1rem #666;
				box-shadow: inset 0 0 1rem #000;

			}
				.nav--links__title {
					font-family: 'Raleway', sans-serif;
					color: #FFF;
					font-weight: 700;
				}
			
.get--adobe__content {
	text-align: center;
}

/* Footer Styles */

#body--footer {
	padding: 16px 8px;
	padding: 1rem 0.5rem;
	background: #4d4d4d;
	border: 4px double #666;
	border-left: none;
	border-right: none;
}
	#body--footer:after {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #FFF;
		opacity: 0.5;
		z-index: 0;
	}
		.footer--wrapper {
			width: 1024px;
			width: 64rem;
			max-width: 100%;
			margin: 0 auto;
			text-align: center;
			z-index: 1;
		}
			.footer--body [class$="__container"]:not(:first-child) {
				margin-top: 16px;
				margin-top: 1rem;
			}
				.footer--info__container [class^="footer--info"]:not(:first-child) {
					margin-top: 16px;
					margin-top: 1rem;
				}
	
@media (min-width: 320px) {
	#body--footer {
		padding: 16px;
		padding: 1rem;	
	}
}

@media (min-width: 480px) {
	#body--footer {
		padding: 24px;
		padding: 1.5rem;
	}
}

@media (min-width: 768px) {
	#body--footer {
		padding: 36px;
		padding: 2.25rem;
	}
}

/* CBT Container Styles */

.cbt_container {
	width:100%;
	height:auto;
	margin:24px auto;
	margin:1.5rem auto;
	text-align:center;
}

iframe.cbt {
	margin:0;
	padding:0;
	border:none;
	overflow:visible;
}
.play_wrapper {
	width:1024px;
	height:768px;
	background:#222;
	margin:0 auto;
}