/* ------------------------------------------------------
	North West College Landing
	
	Last updated: 2014.07.30
-------------------------------------------------------*/

@import url("reset.css");



/* --- Top Bar
-------------------------------------------------------*/

.top-bar {
	line-height: 26px;
	color: #fff;
	height: 26px;
	margin-bottom: 25px;
	background: #D5A00F;
}

	.top-bar a { color: #fff; }

	.top-bar .campus {
		font-size: 14px;
		text-align: right;
		text-transform: uppercase;
	}
	
@media screen and (max-width:767px) {
	
	.top-bar {
		margin-bottom: 1em;
	}
	
	.top-bar .campus {
		text-align: center;
	}
}



/* --- Container
-------------------------------------------------------*/

.container {
	width: 1098px;
	margin: 0 auto;
}
	
	@media screen and (max-width:767px) {
		.container {
			width: auto;
			margin: 0 15px;
		}
	}



/* --- Primary Content
-------------------------------------------------------*/

.primary-content {
	width: 670px;
	float: left;
	margin-bottom: 20px;
}

	.primary-content .main-image {
		width: 712px;
		margin-bottom: 45px;
		margin-left: -18px;
	}
	
	.primary-content .main-image-mobile {
		display: none;
	}
	
	.primary-content h1 {
		font-size: 24px;
		font-weight: bold;
		line-height: 100%;
		color: #98012e;
		margin-bottom: .5em;
	}
	
	.primary-content h2 {
		font-size: 18px;
		font-weight: bold;
		color: #000;
		margin-bottom: .5em;
	}

	.primary-content h3 {
		font-size: 16px;
		font-weight: bold;
		color: #000;
		margin-bottom: .5em;
		white-space:nowrap;
	}
	
	.primary-content p {
		margin: 1em 0;
	}
	
	.primary-content .work-in {
		
	}
	
		.primary-content .work-in h3 {
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			color: #D5A00F;
		}
		
		.primary-content .work-in ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			
			.primary-content .work-in ul.left,
			.primary-content .work-in ul.center,
			.primary-content .work-in ul.right {
				float: left;
				width: 33%;
			}
			
			.primary-content .work-in ul .fa {
				color: #98012e;
			}
			
@media screen and (max-width:767px) {
	.primary-content {
		float: none;
		width: auto;
	}
	
		.primary-content .main-image {
			display: none;
		}
		
		.primary-content .main-image-mobile {
			display: block;
			margin: 0 -15px 1em;
		}
			
			.primary-content .main-image-mobile img {
				width: 100%;
			}

			.primary-content .main-image-mobile .call {
				text-align: center;
				text-transform: uppercase;
				color: #fff;
				background: #D5A00F;
			}

				.primary-content .main-image-mobile .call p {
					margin: 0;
				}

				.primary-content .main-image-mobile .call a {
					font-size: 24px;
					text-decoration: none;
					color: #fff;
				}
		
		.primary-content .main-blurb {
			display: inline;
		}
	
	.work-in {
		display: none;
	}
}



/* --- Secondary Content
-------------------------------------------------------*/

.secondary-content {
	width: 349px;
	float: right;
	margin-bottom: 20px;
}
	
	/* --- | Form | --- */
	
	.form-container {
		box-sizing: border-box;
		width: 369px;
		height: 525px;
		margin: 0 0 15px -10px;
		padding: 23px 36px 0;
		background: url(../img/form_container.jpg) no-repeat;
	}
	
	.form-container2 {
		box-sizing: border-box;
		width: 369px;
		height: 465px;
		margin: 0 0 15px -10px;
		padding: 23px 36px 0;
		background: url(../img/form_container2.jpg) no-repeat;
	}
	
		.form-container h2, .form-container2 h2 {
			font-size: 28px;
			font-weight: normal;
			line-height: 28px;
			color: #D5A00F;
			margin-bottom: 10px;
		}
		
		input[type="text"].form-control,
		select.form-control {
			font-size: 12px;
			display: block;
			box-sizing: border-box;
			width: 100%;
			margin-bottom: 5px;
			padding: 8px 3px;
			border: 1px solid #000;
		}
		
		select.form-control {
			height: 35px;
/*			-webkit-appearance: none;*/
			-webkit-border-radius: 0px !important;
			border-radius: 0px !important;
		}
		
		input[type="submit"] {
			margin-left:-2px;
			text-indent: -9999px;
			width: 300px;
			height: 45px;
			padding: 0;
			border: 0;
			background: url(../img/start_now.png) no-repeat !important;
		}
		
			input[type="submit"]:hover {
				background-position: 0 -45px;
			}
		
		.form-container .required, .form-container2 .required  {
			font-size: 10px;
			font-weight: bold;
			color: #D5A00F;
			margin-top: -5px;
		}
		
		.form-container .disclaimer, .form-container2 .disclaimer  {
			font-size: 10px;
			line-height: 1em;
			margin: 3px 0 5px;
		}
		
		.form-container .confirmation, .form-container2 .confirmation {
			font-size: 24px;
			line-height: 1.25em;
			text-align: center;
			color: #D5A00F;
			display: none;
			padding: 30px 20px;
			background: #fff;
			border: 1px solid #000;
		}
		
			.form-container .confirmation p, .form-container2 .confirmation p  {
				margin-bottom: 1em;
			}
	
	/* --- | Map | --- */
	
	.map {}
		
		.map iframe {
			border: 2px solid #adadad;
		}
		
		.map .address {
			text-align: center;
		}


@media screen and (max-width:767px) {
	.secondary-content {
		float: none;
		width: auto;
	}
		
		.form-container, .form-container2 {
			width: auto;
			height: auto;
			margin: 0 auto;
			padding: 0;
			background: none;
		}
		
			.form-container h2, .form-container2 h2 {
				text-align: center;
			}
			
			.form-container .disclaimer, .form-container2 .disclaimer {
				margin: 1em 0;
			}
			
			input[type="submit"] {
				display: block;
				margin: 0 auto;
			}
			
		.map {
			display: none;
		}
}



/* --- Programs
-------------------------------------------------------*/

.programs {
	text-align: center;
	padding: 25px 0;
	--moz-box-shadow:	inset 0 8px 8px -8px #000, 
						inset 0 -8px 8px -8px #000;
	-webkit-box-shadow:	inset 0  8px 8px -8px #000, 
						inset 0 -8px 8px -8px #000;
	box-shadow:			inset 0  8px 8px -8px #000, 
						inset 0 -8px 8px -8px #000;
	background: url(../img/programs_bg.jpg) repeat;
}
	
	.programs h3 {
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #ffffff;
		margin-bottom: 10px;
	}
	
	.programs ul {
		list-style: none;
		margin: 0 auto;
		padding: 0;
	}
		
		.programs ul li {
			font-family: "Myriad Pro", Arial, Sans-Serif;
			font-size: 20px;
			vertical-align: top;
			display: inline-block;
			width: 85px;
			margin: 0 20px;
			background: url(../img/ellipse.png) no-repeat center top;
		}
			
			.programs ul li a {
				text-decoration: none;
				color: #fff;
				display: block;
			}
				
				.programs ul li a .fa {
					font-size: 30px;
					margin-bottom: 2px;
					padding: 20px 0;
				}
			
			.programs ul li .name {
				font-size: 14px;
				line-height: 14px;
				display: block;
			}

@media screen and (max-width:767px) {
	.programs {
		display: none;
	}
}



/* --- Footer
-------------------------------------------------------*/

footer {
	font-size: 10px;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	height: auto !important;
	padding: 10px 20px;
	background: #333;
	line-height: 14px;
}
	
	@media screen and (max-width:767px) {
		footer {
			height: auto;
		}
	}
	
	footer a { text-decoration: none; color: #fff; }