/******************************************************************************
* Initial styling pulled from our new branding at http://nplthinkahead.com/
******************************************************************************/
@font-face {
	font-family: 'Geogrotesque-Bold';
  	src: url(../fonts/Geogrotesque-Bold.eot);
  	src: url(../fonts/Geogrotesque-Bold.eot?#iefix) format('embedded-opentype'),
  		 url(../fonts/Geogrotesque-Bold.woff2) format('woff2'),
  		 url(../fonts/Geogrotesque-Bold.woff) format('woff'),
  		 url(../fonts/Geogrotesque-Bold.ttf) format('truetype');
}

@font-face {
  	font-family: 'Geogrotesque-SemiBold';
  	src: url(../fonts/Geogrotesque-SemiBold.eot);
  	src: url(../fonts/Geogrotesque-SemiBold.eot?#iefix) format('embedded-opentype'),
  	     url(../fonts/Geogrotesque-SemiBold.woff2) format('woff2'),
  	     url(../fonts/Geogrotesque-SemiBold.woff) format('woff'),
  	     url(../fonts/Geogrotesque-SemiBold.ttf) format('truetype');
}

@font-face {
	font-family: 'MuseoSlab-500';
	src: url(../fonts/MuseoSlab-500.eot);
  	src: url(../fonts/MuseoSlab-500.eot?#iefix) format('embedded-opentype'), 
  		 url(../fonts/MuseoSlab-500.woff2) format('woff2'),
  		 url(../fonts/MuseoSlab-500.woff) format('woff'),
  		 url(../fonts/MuseoSlab-500.ttf) format('truetype');
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html {
	font-family: sans-serif;
	font-size: 62.5%;
}

body {
	background-color: #e7e7e8;
	font-family: MuseoSlab-500;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
	margin: 0;
	padding: 0;
}

a {
	color: #3eb1c8;
	text-decoration: none;
}

a:visited {
	color: #3eb1c8;
}

a:hover, a:focus, a:active {
	color: #c1d72e;
}

h1, h2, h3 {
	font-family: Geogrotesque-Bold;
	font-weight: normal;
	font-style: normal;
}

h2 {
	font-size: 3.4rem;
	line-height: 1.2;
	margin: 0;
	padding: 0.67em 0;
}

h2 .small {
	font-family: MuseoSlab-500;
	font-size: 1.6rem;
	font-weight: bold;
}

p {
	margin: 0 0 1.5em 0;
	padding: 0;
}

#page {
	max-width: 96rem;
	margin: 0 auto;
}

#page:after {
	clear: both;
	content: " ";
	display: block;
}

.color-palette:before, 
.clearboth:before, 
.clear:before,
.entry-content:before,
.comment-content:before,
.site-header:before,
.site-content:before,
.site-footer:before, 
.callout-brand-framework .layout-col:before, 
.post-logo header:before, 
.callout-brand-values .layout-col:before, 
.callout-brand-personality .layout-col:before, 
.color-palette:after, 
.clearboth:after,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after, 
.callout-brand-framework .layout-col:after, 
.post-logo header:after, 
.callout-brand-values .layout-col:after, 
.callout-brand-personality .layout-col:after {
	content: " ";
	display: table;
}

.color-palette:after, 
.clearboth:after,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after, 
.callout-brand-framework .layout-col:after, 
.post-logo header:after, 
.callout-brand-values .layout-col:after, 
.callout-brand-personality .layout-col:after {
	clear: both;
}

.site-header {
	background-color: #fff;
	overflow: visible;
	padding: 0 2.5rem;
	position: relative;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

.logo {
	height: 51px;
	width: 110px;
}

#content {
	background-color: #fff;
	padding: 0 3rem 1rem;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.caps {
	text-transform: uppercase;
}

.center {
	text-align: center;
}

.layout-col aside {
	float: right;
}

@media (min-width: 50em) {
	.site-header {
		height: 126px;
		padding: 0 74px 30px;
	}

	.site-header aside {
		padding-top: 25px;
	}

	.logo {
		height: 80px;
		margin: 0;
		width: 172px;
	}
}

@media (min-width: 37.5em) {
	.content-three-col {
		float: left;
		width: 31%;
	}

	.content-three-col.middle {
		margin: 0 3%;
	}

	.content-three-col.last {
		clear: right;
		float: right;
		width: 31%;
	}

	.content-half-col {
		float: left;
		width: 48.7179487179%;
	}

	.content-half-col.last {
		clear: right;
		float: right;
	}

	.content-four-col {
		float: left;
		width: 23%;
	}

	.content-four-col.middle {
		margin: 0 2%;
	}

	.content-four-col.last {
		clear: right;
		float: right;
		width: 23%;
	}
}