/**
 * TABLE OF CONTENTS
 *
 * 1. GLOBAL
 * 2. HEADER
 * 3. NAVIGATION
 * 4. TYPOGRAPHY
 * 5. CONTENT
 * 6. FOOTER
 * 7. MEDIA QUERIES
 */

/* GLOBAL *******************************************************************/
body, html, h1, h2, h3, p, ul, div, img, a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font: 100% 'Open Sans', sans-serif;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.wrapper {
	width: 20em; /*320/16*/
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	/*border: 0.0625em solid #014171;*/
}
.hidden-sm {
	display: none !important;
}
.visible-sm {
	display: block;
}
.show-ie {
	display: none;
}
img {
	display: block;
}
.show {
	display: block !important;
}
.hidden {
	display: none !important;
	visibility: hidden !important;
}
.invisible {
	visibility: hidden;
}

/* HEADER *******************************************************************/
.header {
	padding: 1em 0 0.2em; /*16/16*/
	text-align: center;
}
.header img {
	display: inline-block;
}
hr {
	border: 0;
	height: 3px;
	background-color: #72a0c1;
}

/* NAVIGATION ***************************************************************/
ul,
ul li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #014171;
}
.nav {
	padding: 0 1.25em; /*20/16*/
}
.nav > ul > li a {
	font-weight: 600;
	padding: 0.625em 0;
	display: block;
	border-top: 1px solid #6193b8;
	font-size: 1.313em;
}
.nav > ul > li:first-child a {
	border: none;
}
.submenu-trigger span {
	font-size: 0.55em;
	font-weight: normal;
	position: relative;
	top:-0.25em;
}
.nav .submenu {
	position: relative;
	display: none;
}
.nav .submenu a {
	color: #000;
	border: none;
	font-weight: normal;
	font-size: 1em;
	padding: 0.875em 0;
}
.nav .submenu li:last-child a {
	margin-bottom: 1em;
}

/* TYPOGRAPHY ***************************************************************/
h1 {
	font-weight: normal;
	font-size: 1.875em; /*28/16*/
	line-height: 1;
}

/* CONTENT ******************************************************************/
.content {
	padding: 1.25em; /*20/16*/
}
.ads {
	padding: 0;
}
.ads-small {
	background-color: #004070;
}
.ads-small a {
	color: #dbe5ee;
	border-color: #dbe5ee !important;
	font-size: 1em !important;
	padding: 1.125em 0 !important;
}

/* FOOTER *******************************************************************/
#footer {
	padding: 1em;
	list-style: none;
	background-color: #303030;
	color: #515151;
	font-size: 0.875em;
	clear: both;
	border-top: 1px solid #fff;
}
#footer li a {
	display: block;
	padding: 0.625em;
	color: #DDE2E8;
}

/* MEDIA QUERIES ************************************************************/

/*Between 320-760*/
@media only screen and (min-device-width: 20em) and (max-device-width: 47.5em) {
	body {
		-webkit-text-size-adjust: none;
	}
}

/*760/16*/
@media all and (min-width: 47.5em) {
	.wrapper {
		border: none;
		max-width: 48em; /*768/16*/
	}
	.wrapper, .header {
		text-align: left;
	}
	.header {
		margin-left: 1em;
		float: left;
	}
	#hero {
		border-bottom: 2px solid #fff;
		height: 48em; /*768/16*/
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		background: #004071 url(../images/nelson-new/higher_ed_tablet.jpg) 50% 50% no-repeat;
		clear: both;
	}
	.nav {
		padding: 0;
		float: right;
		margin-top: 1.125em;
	}
	.nav > ul > li {
		display: inline-block;
	}
	.nav > ul > li a {
		font-weight: 400;
		padding: 0.3125em;
		display: block;
		border: none;
	}
	.nav .submenu {
		position: absolute;
		background-color: #fff;
		text-align: center;
		z-index: 1000;
		-webkit-box-shadow: 0 0.3em 0.5em 0 rgba(0, 0, 0, .5);
		box-shadow: 0 0.3em 0.5em 0 rgba(0, 0, 0, .5);
		width: 10em;
	}
	.nav .submenu a {
		padding: 0.75em;
		/*-webkit-box-shadow: inset 0 -100px 0 #fff;
		box-shadow: inset 0 -100px 0 #fff;
		background: #6092b6;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;*/
	}
	.nav > ul > li a,
	.nav .submenu a {
		font-size: 0.75em;
	}
	.nav .submenu a:hover {
		background-color: #6092b6;
		color: #fff;
		/*-webkit-box-shadow: inset 0 0 0 #fff;
		box-shadow: inset 0 0 0 #fff;*/
	}
	.nav .submenu li:last-child a {
		margin-bottom: 0;
	}
	.support {
		position: relative;
		top: 0.75em;
	}
	.ad img {
		width: 25%;
		height: auto;
		float: left;
		outline: 2px solid white;
		overflow: hidden;
		border: none;
	}
	#ad1 a {
		background: #004071 url(../images/nelson-new/spark.jpg) 50% 50% no-repeat;
		display: block;
		height: 100%;
	}
	#ad2 a {
		background: #004071 url(../images/nelson-new/civic.jpg) 50% 50% no-repeat;
		display: block;
		height: 100%;
	}
	#ad3 a {
		background: #004071 url(../images/nelson-new/csr.jpg) 50% 50% no-repeat;
		display: block;
		height: 100%;
	}
	#ad4 a {
		background: #004071 url(../images/nelson-new/topemployer.jpg) 50% 50% no-repeat;
		display: block;
		height: 100%;
	}
	#footer a {
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	#footer a:hover {
		color:#fff;
		text-shadow: 2px 2px 0 #1F3443;
	}
	#footer li {
		width: 33.3%;
		text-align: center;
	}
	#footer li:nth-child(odd) {
		float: left;
	}
	#footer li:nth-child(even) {
		float: right;
	}

	/*Hide/Show Options*/
	.hidden-md {
		display: none;
	}
	.hidden-sm,
	.hidden-lg,
	.visible-md {
		display: block !important;
	}
	.visible-sm {
		display: none !important;
	}
}

/*980/16*/
@media all and (min-width: 61.25em) {
	.wrapper {
		max-width: 90em; /*1440/16*/
	}
	#hero {
		height: 45.625em; /*730/16*/
		background-image: url(../images/nelson-new/higher_ed_wide.jpg);
	}
	.nav {
		margin-top:0.75em;
	}
	.nav > ul > li a {
		padding: 0.75em;
	}
	.nav > ul > li a,
	.nav .submenu a {
		font-size: 0.875em;
	}
	.nav .submenu {
		width: 12em;
	}

	/*Hide/Show Options*/
	.hidden-sm,
	.hidden-md {
		display: block;
	}
	.hidden-lg {
		display: none !important;
	}
	.visible-sm {
		display: none;
	}
	.visible-lg {
		display: block !important;
	}
}

/*1130/16*/
@media all and (min-width: 70.625em) {
	.nav {
		margin-top:0.4em;
	}
	.nav > ul > li a {
		padding: 1em;
		font-size: 1em;
	}
	.nav .submenu a {
		font-size: 0.875em;
	}
}

/*1150/16*/
@media all and (min-width: 71.875em) {
	#footer {
		text-align: center;
	}
	#footer li {
		width: auto;
		display: inline;
		vertical-align: top;
		float: none !important;
	}
	#footer li a {
		display: inline-block;
	}
	#footer li + li:before{
		content: " \2022 ";
	}
}

/*1440/16*/
@media all and (min-width: 90em) {
	.nav > ul > li a {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
}