/* -------------------------------------------------
	THANK YOU FOR THE AWESOME CSS RESET, ERIC MEYER!
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain)
------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
body {
	line-height: 1; }
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }
input, button {
	border-radius: 0;
	-webkit-appearance: none; }
*:focus {
	outline: none; }

/* ==========================================================================
	Typography
========================================================================== */

h1, h2, h3, h4, h5, h6, blockquote, blockquote p {
	font-family: "jubilat", "Rockwell", "Georgia", "Book Antiqua", serif; }
h1, h2, h4, h6, blockquote, blockquote p {
	font-weight: 700; }
h3, h5 {
	font-weight: 200; }
h1 {
	font-size: 5.0625rem;
	line-height: 1.18519;
	margin: 0 0 0.296em; }
h2, h3 {
	font-size: 3.375rem;
	line-height: 1.34;
	margin: 0 0 0.444em; }
h4, h5, blockquote, blockquote p {
	font-size: 2.25rem;
	line-height: 1.334;
	margin: 0 0 0.667em; }
h6 {
	font-size: 1.5rem;
	line-height: 1;
	margin: 0 0 1em; }
body, p, ol, ul, dl, input, blockquote.twitter-tweet {
	font-family: "open-sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 400; }
p, ol, ul, dl, input {
	font-size: 1rem; }
p, main ol, main ul, main dl {
	line-height: 1.5;
	margin-bottom: 1.5em; }
main ol, main ul, main dl {
	margin-left: 3em; }
main ul {
	list-style: disc; }
ul ul {
	list-style: circle;
	margin-bottom: 0; }
main ol {
	list-style: decimal; }
ol ol {
	list-style: lower-alpha;
	margin-bottom: 0; }
dt {
	font-size: 1.5rem;
	line-height: 1; }
dd {
	margin: 0 0 1.5em; }
blockquote {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 0 0 0.667em;
	padding: 0.330em 0;
	text-align: center; }
section blockquote:first-child:last-child {
	border: none;
	margin: 0;
	padding: 0; }
blockquote p {
	line-height: 1.333; }
blockquote p:last-of-type {
	margin: 0; }
blockquote cite {
	display: block;
	font-size: 1.5rem;
	font-weight: 200;
	line-height: 1;
	margin: 0; }
blockquote cite:before {
	content: '\2014';
	margin: 0 0.33em 0 0; }
blockquote cite a {
	text-decoration: none; }
section img {
	border-radius: 4px;
	height: auto;
	max-width: 100%; }
p.caption, .mute {
	font-size: 0.875rem;
	line-height: 1.714286;
	opacity: 0.75; }

/* ==========================================================================
	Colors
	
	YELLOW - rgba(241,206,46,1)  - #f1ce2e
	TEAL   - rgba(0,205,166,1)   - #00cca6
	BLUE   - rgba(0,102,204,1)   - #06c
	PURPLE - rgba(88,55,116,1)   - #583774
	TAN    - rgba(223,218,206,1) - #dfdace
	BLACK  - rgba(73,76,79,1)    - #494c4f
========================================================================== */

/* ==========================================================================
	General
========================================================================== */

* {
	box-sizing: border-box; }
body {
	background: #fff;
	color: #494c4f; }
a {
	transition: all 0.25s ease-out; }
a:link {
	color: #06c; }
a:visited {
	color: #494c4f; }
a:hover, a:focus {
	color: #00cca6; }
main a:active {
	position: relative;
	top: 1px; }
strong, bold {
	font-weight: bold; }
em, i {
	font-style: italic; }
code, pre {
	font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', 'Inconsolata', Monaco, Consolas, monospace; }
code {
	background: rgba(150,150,150,0.25);
	border-radius: 4px;
	display: inline-block;
	font-size: 0.875em;
	line-height: 1.5em;
	overflow-wrap: normal;
	padding: 0 0.25em;
	white-space: pre; }
pre {
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
	overflow-x: auto; }
pre code {
	padding: 0.75em; }
section pre:last-child {
	margin: 0; }
.clearfix:after, .clear:after {
	clear: both;
	content: '';
	display: table; }
table {
	display: table;
	width: 100%; }
thead {
	border-bottom: 1px solid rgba(73,76,79,0.25);
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1.714; }
td {
	line-height: 1.5;
	padding: 0.75em 0;
	text-align: center; }
th:first-child, td:first-child {
	padding-left: 0.5em;
	text-align: left; }
th:last-child, td:last-child {
	padding-right: 0.5em;
	text-align: right; }
tbody tr:nth-child(2n+1) {
	background: rgba(223,218,206,0.33); }
tbody tr:hover {
	background: rgba(0,205,166,0.25); }

/* ==========================================================================
	Button Styles
========================================================================== */

.button {
	border: 4px solid #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.33);
	color: #fff;
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 1.5em 1.5em 0;
	padding: 0.75em 1.5em;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
	transition: none;
	transition: color 0.1s ease-in-out, background 0.1s ease-in-out, transform 0.1s ease-in-out; }
.button:link, .button:visited {
	color: #fff !important; }
.button.expand {
	display: block;
	margin-right: 0; }
.button.centered {
	margin: 0 auto 1.5em; }
.button.primary {
	background: #06c; }
.button.secondary {
	background: #00cca6; }
.button.tertiary {
	background: #583774; }
.button.inactive {
	background: rgba(255,255,255,0.15);
	border-color: rgba(255,255,255,0.2);
	box-shadow: none;
	color: #999 !important;
	text-shadow: none; }
.button:hover, .button:focus {
	background: #f1ce2e !important;
	border-width: 6px;
	box-shadow: 0 0 25px rgba(0,0,0,0.5);
	color: #fff;
	cursor: pointer;
	padding: 0.625em 1.375em;
	transform: scale(1.1); }
.button.inactive:hover, .button.inactive:focus {
	background: rgba(255,255,255,0.15) !important;
	border-color: rgba(255,255,255,0.2);
	border-width: 4px;
	box-shadow: none;
	cursor: default;
	padding: 0.75em 1.5em;
	transform: scale(1); }
.button:active {
	box-shadow: none;
	opacity: 0.67;
	transform: scale(1); }
.button i[class^="pta-"]:before, .button i[class*=" pta-"]:before {
	font-size: 1.5em;
	line-height: 0;
	margin-right: 0.25em;
	position: relative;
	top: 6px; }

/* ==========================================================================
	Grid
========================================================================== */

.row {
	width: 100%; }
.row:before, .row:after {
	clear: both;
	content: '';
	display: table; }
.column, .columns {
	float: left;
	margin-right: 4%;
	position: relative;
	width: 100%; }
.column:last-child, .columns:last-child {
	margin-right: 0; }
.column.centered, .columns.centered {
	float: none;
	margin: 0 auto; }

/* ==========================================================================
	Header
========================================================================== */

header .brand {
	background: -moz-linear-gradient(top,  #00cca6 0%, #0066cc 100%);
	background: -webkit-linear-gradient(top,  #00cca6 0%,#0066cc 100%);
	background: linear-gradient(to bottom,  #00cca6 0%,#0066cc 100%);
	padding: 1em 0; }
header .logo {
	display: block;
	background-image: url(../img/logo.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap; }
header .logo h1 {
	line-height: 0;
	margin: 0; }
header .logo:focus {
	background-color: rgba(255,255,255,0.2);
	border-radius: 1em; }
header .site-nav {
	padding: 0.75em 0;
	margin: 0 auto;
	max-width: 40rem;
	width: 90%; }
.search button:hover, .search button:focus {
	color: #f1ce2e; }
.search {
	position: relative; }
.search button {
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 1.5em;
	line-height: 1;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 10%; }
.search input {
	background: none;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,0.25);
	color: #fff;
	font-size: 1em;
	line-height: 1;
	margin: 0 10% 0 0;
	padding: 0.25em;
	text-shadow: 0 0 2px rgba(0,70,140,0.75);
	width: 90%; }
.search input:focus {
	background: rgba(255,255,255,0.25);
	border-bottom: 1px solid transparent;
	box-shadow: 0 0 10px rgba(0,0,0,0.33); }
.search input::-webkit-input-placeholder { color: rgba(255,255,255,0.67); }
.search input:-moz-placeholder { color: rgba(255,255,255,0.67); }
.search input::-moz-placeholder { color: rgba(255,255,255,0.67); }
.search input:-ms-input-placeholder { color: rgba(255,255,255,0.67); }
header nav {
	background: #dfdace;
	color: #494c4f; }
header nav ul {
	list-style: none;
	margin: 0 auto;
	max-width: 60rem;
	width: 100%; }
header nav a {
	display: block;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	text-decoration: none; }
header nav li a:link, header nav li a:visited {
	color: #494c4f; }
header nav a:hover, header nav a:focus, header nav li a:hover,
header nav li a:focus, header nav .active a:link, header nav .active a:visited {
	color: #fff;
	text-shadow: none; }
header nav li i {
	display: block;
	font-size: 2rem; }

/* ==========================================================================
	Section Styles
========================================================================== */

section {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 1.5em 0;
	width: 100%; }
section:last-of-type {
	margin-bottom: 0 !important; }
section h2:last-child:first-of-type {
	margin-bottom: 0; }
section.centered {
	text-align: center; }
.pagewrap, .footer-wrap {
	margin: 0 auto;
	max-width: 60rem;
	width: 90%; }

section.ocean-gradient {
	background: #00cca6;
	background: -moz-linear-gradient(top,  #00cca6 0%, #0066cc 100%);
	background: -webkit-linear-gradient(top,  #00cca6 0%,#0066cc 100%);
	background: linear-gradient(to bottom,  #00cca6 0%,#0066cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cca6', endColorstr='#0066cc',GradientType=0 );
	overflow: hidden;
	padding: 0; }
section.tan-fade {
	background: -moz-linear-gradient(top,  rgba(223,218,206,0.75) 0%, rgba(223,218,206,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(223,218,206,0.75) 0%, rgba(223,218,206,0) 100%);
	background: linear-gradient(to bottom,  rgba(223,218,206,0.75) 0%, rgba(223,218,206,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80dfdace', endColorstr='#00dfdace',GradientType=0 );
	border-top: 1px solid rgba(223,218,206,1); }
section.grey-fade {
	background: -moz-linear-gradient(top,  rgba(73,76,79,0.25) 0%, rgba(73,76,79,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(73,76,79,0.25) 0%,rgba(73,76,79,0) 100%);
	background: linear-gradient(to bottom,  rgba(73,76,79,0.25) 0%,rgba(73,76,79,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80494c4f', endColorstr='#00000000',GradientType=0 );
	border-top: 1px solid rgba(73,76,79,0.33); }
section.teal-fade {
	background: -moz-linear-gradient(top,  rgba(0,204,166,0.25) 0%, rgba(0,204,166,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,204,166,0.25) 0%,rgba(0,204,166,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,204,166,0.25) 0%,rgba(0,204,166,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4000cca6', endColorstr='#0000cca6',GradientType=0 );
	border-top: 1px solid rgba(0,205,166,0.5); }
section.blue-fade {
	background: -moz-linear-gradient(top,  rgba(0,102,204,0.25) 0%, rgba(0,102,204,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,102,204,0.25) 0%,rgba(0,102,204,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,102,204,0.25) 0%,rgba(0,102,204,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#400066cc', endColorstr='#000066cc',GradientType=0 );
	border-top: 1px solid rgba(0,102,204,0.33); }
section.purple-fade {
	background: -moz-linear-gradient(top,  rgba(88,55,116,0.25) 0%, rgba(88,55,116,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(88,55,116,0.25) 0%,rgba(88,55,116,0) 100%);
	background: linear-gradient(to bottom,  rgba(88,55,116,0.25) 0%,rgba(88,55,116,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40583774', endColorstr='#00583774',GradientType=0 );
	border-top: 1px solid rgba(88,55,116,0.33); }
section.tan {
	background: #dfdace; }
section.black {
	background: #202020; }
section.grey {
	background: #494c4f; }
section.light-blue {
	background: #c0d9f3; }
section.yellow {
	background: #f1ce2e; }
section.teal {
	background: rgba(0,205,166,0.5); }
section.blue {
	background: rgba(0,102,204,1); }
section.purple {
	background: rgba(88,55,116,1); }
section.dark-blue {
	background: rgba(0,70,140,0.95); }
section.black, section.grey, section.blue, section.purple, section.dark-blue {
	color: #fff;
	text-shadow: 0 0 2px rgba(0,0,0,0.5); }
section.ocean-gradient a:hover, section.ocean-gradient a:focus, section.teal a:hover, section.teal a:focus,
section.light-blue a:hover, section.light-blue a:focus {
	color: #583774; }
section.black a:link, section.grey a:link, section.blue a:link, section.purple a:link,
section.dark-blue a:link {
	color: #f1ce2e; }
section.black a:visited, section.grey a:visited, section.blue a:visited, section.purple a:visited,
section.dark-blue a:visited {
	color: #dfdace; }
section.black a:hover, section.black a:focus, section.grey a:hover, section.grey a:focus,
section.blue a:hover, section.blue a:focus, section.purple a:hover, section.purple a:focus,
section.dark-blue a:hover, section.dark-blue a:focus {
	color: #00cca6; }
.light-blue + .blue-fade {
	border-top: none; }
section.ocean-gradient .pagewrap {
	background: rgba(255,255,255,0.67);
	box-shadow: 0 0 15px rgba(0,102,204,0.5);
	max-width: 63rem;
	padding: 1.5em 1.5em;
	width: 94%; }

.ctaImg {
	display: block;
	margin: 0 auto; }

/* ==========================================================================
	Events / News Styles
========================================================================== */

.slides {
	list-style: none;
	margin: 0; }
.feature, .slide {
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	padding: 56.25% 0 0;
	position: relative;
	width: 100%; }
.feature {
	background-size: cover;
	border-radius: 0.5em; }
.slide {
	background-size: contain; }
.feature:after {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.85) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,50) 0%,rgba(0,0,0,0.85) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.85) 100%);
	content: '';
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00494c4f', endColorstr='#ab494c4f',GradientType=0 );
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3; }
.feature .details {
	bottom: 0;
	color: #fff;
	padding: 0 1.5em 1.5em;
	position: absolute;
	width: 100%;
	z-index: 4; }
.feature h2, .feature p {
	margin-bottom: 0;
	text-shadow: 0 5px 10px rgba(0,0,0,0.33); }

ul.news, ul.events {
	list-style: none;
	margin-left: 0;
	margin-top: -0.75em; }
ul.news a, ul.events a {
	border-radius: 0.5em;
	color: #494c4f;
	display: block;
	margin: 0 -0.75em;
	padding: 0.75em;
	text-decoration: none; }
ul.news strong, ul.events strong {
	color: #06c;
	display: block; }
.events .date {
	background: #00cca6;
	border-radius: 0.25em;
	float: left;
	margin-right: 5%;
	overflow: hidden;
	text-align: center;
	transition: all 0.25s ease-in-out;
	width: 20%; }
.date .day {
	color: #fff;
	display: block;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1;
	padding: 0.25em 0;
	text-shadow: 0 0 3px rgba(0,0,0,0.33); }
.date .month {
	background: rgba(255,255,255,0.67);
	color: #494c4f;
	display: block;
	font-size: 0.75em;
	line-height: 2; }
.events .details {
	margin-left: 25%; }
ul.events a:after, .events article a:after {
	clear: both;
	content: '';
	display: table; }
ul.news a:hover, ul.news a:focus, ul.events a:hover, ul.events a:focus {
	background: rgba(255,255,255,0.5);
	box-shadow: 0 0 0.5em rgba(0,0,0,0.125); }
ul.events a:hover .date, .events article a:hover .date, ul.events a:focus .date, .events article a:focus .date {
	background: #06c; }
ul.events a:hover strong, ul.events a:focus strong {
	color: #00cca6; }

.event {
	background: #fff;
	border-top: 0.25em solid #7fb2e5;
	border-bottom: 0.25em solid #7fb2e5;
	box-shadow: 0 0.5em 2em rgba(0,102,204,0.125);
	line-height: 1.5em;
	padding: 1.25em; }

.news article, .events article {
	margin-bottom: 1.5em; }
.news article h4 {
	line-height: 1; }
.news article h4, .events article h4, .events article p {
	margin-bottom: 0; }
.news article p.mute {
	margin-bottom: 0; }
.events article p {
	color: #494c4f; }
.news article h4 a:link, .news article h4 a:visited, .events article a:link,
.events article a:visited {
	border-radius: 0.25em;
	color: #06c;
	display: block;
	text-decoration: none; }
.news article h4 a:link, .news article h4 a:visited {
	margin: 0 -0.5em;
	padding: 0.167em 0.5em; }
.events article a:link, .events article a:visited {
	margin: 0 -0.75em;
	padding: 0.75em; }
.news article h4 a:hover, .news article h4 a:focus, .events article a:hover, .events article a:focus {
	background: rgba(255,255,255,0.5);
	box-shadow: 0 0 0.5em rgba(0,0,0,0.125); }
.news article h4 a:hover, .news article h4 a:focus, .events article a:hover h4, .events article a:focus h4 {
	color: #00cca6; }
.breadcrumb {
	font-size: 0.75em;
	line-height: 2; }
.breadcrumb a {
	text-decoration: none; }
.headline h2 {
	margin-bottom: 0; }
.headline .mute {
	text-transform: uppercase; }
.location, .datetime {
	padding-left: 20%;
	position: relative; }
.location {
	margin-top: 1.5em; }
.location i, .datetime i {
	color: #00cca6;
	font-size: 2em;
	left: 0;
	position: absolute;
	top: 0;
	width: 12.5%; }

/* ==========================================================================
	Program Styles
========================================================================== */

.programs, .volunteers {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin: 0 0 1.5em; }
.programs li, .volunteers li {
	margin: 0 0 1.5em; }
.programs li a {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	display: block;
	height: 100%;
	padding: 3em 0.75em;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 0 8px rgba(0,0,0,0.67); }
.programs li a:after {
	background: rgba(88,55,116,0.99);
	content: '';
	height: 100%;
	left: 0;
	opacity: 0.85;
	position: absolute;
	top: 0;
	width: 100%; }
.volunteers li {
	background: rgba(255,255,255,0.25);
	box-shadow: 0 0 1em rgba(0,102,204,0.08);
	padding: 0.75em 0.75em 4.5em;
	position: relative; }
.volunteers li a {
	bottom: 0;
	left: 1em;
	position: absolute;
	right: 1em; }
.programs a h5, .programs a p {
	margin: 0;
	position: relative;
	z-index: 50; }
.programs li a:hover::after {
	opacity: 0.99; }

/* ==========================================================================
	Search Styles
========================================================================== */

.results {
	list-style: none;
	margin-left: 0;
	margin-top: -0.75em; }
.results a {
	border-radius: 0.5em;
	display: block;
	margin: 0 -0.75em;
	padding: 0.75em;
	text-decoration: none; }
.results h5, .results p {
	margin-bottom: 0; }
.results a h5 {
	color: #06c; }
.results p {
	color: #494c4f; }
.results .mute {
	color: rgba(73,76,79,0.5); }
.results a:hover, .results a:focus {
	background: rgba(255,255,255,0.5);
	box-shadow: 0 0 0.5em rgba(0,0,0,0.125); }
.results a:hover h5, .results a:focus h5 {
	color: #00cca6; }
.results a:hover .mute, .results a:focus .mute {
	color: #06c; }

/* ==========================================================================
	Footer
========================================================================== */

footer {
	background: #00468c;
	background: -moz-linear-gradient(top,  #00468c 0%, #292c2f 100%);
	background: -webkit-linear-gradient(top,  #00468c 0%,#292c2f 100%);
	background: linear-gradient(to bottom,  #00468c 0%,#292c2f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00468c', endColorstr='#292c2f',GradientType=0 );
	color: #fff;
	width: 100%; }
footer a {
	border-radius: 0.5em;
	display: inline-block;
	margin: 0 0 0 -0.75em;
	padding: 0.25em 0.75em;
	text-decoration: none; }
footer a:link, footer a:visited {
	color: #fff; }
footer a:hover, footer a:focus {
	background: rgba(255,255,255,0.25);
	box-shadow: 0 0 0.5em rgba(0,0,0,0.25);
	color: #f1ce2e;
	text-decoration: none; }
footer {
	line-height: 1.5em; }
.footer-wrap {
	padding: 1.5em 0; }
.meta {
	font-size: 0.75em;
	padding: 2em;
	text-align: center; }
.meta a {
	margin-right: 0.5em; }
.meta a i {
	font-size: 1.333em;
	line-height: 1;
	margin: 0 0.25em 0 0;
	position: relative;
	top: 2px; }
footer .school h6 {
	margin-bottom: 0; }

/* ==========================================================================
	Media Queries
========================================================================== */

@media screen and (max-width: 39.9375rem) {
	h1 { font-size: 3.375rem; line-height: 1.34; margin: 0 0 0.444em; }
	h2, h3 { font-size: 2.25rem; line-height: 1.334; margin: 0 0 0.667em; }
	h4, h5, blockquote, blockquote p { font-size: 1.5rem; line-height: 1; margin: 0 0 1em; }
	h6 { font-size: 1rem; line-height: 1.5; margin: 0 0 1.5em; }
	
	header .logo { padding: 39.65% 0 0; width: 75%; }
	header nav .mobile-only { background: #494c4f; color: #fff; }
	header nav .mobile-only i { position: relative; top: 2px; }
	header nav .mobile-only i:before { display: inline-block; transition: all 0.25s ease-in-out; }
	header nav .mobile-only:hover, header nav .mobile-only:focus { background: #583774; }
	header nav li { float: left; width: 50%; }
	header nav ul:after { clear: both; content: ''; display: table; }
	header nav a { padding: 0.75em 0; }
	header nav li a { border-radius: none; }
	header nav li a:hover, header nav li a:focus, header nav .active a { background: #00cca6; }
	header nav.open .mobile-only i:before { transform: rotate(45deg); }
	
	.button { display: block; margin-right: 0; }
	section.ocean-gradient .pagewrap { padding: 1.5em 2%; }
	.feature .details { padding: 0 0.75em 0.75em; }
	.feature .details h2 { font-size: 2.25rem; line-height: 1; }
	.feature .details p { display: none; }
	table td { font-size: 0.75em; line-height: 2; }
	.programs li, .volunteers li { width: 100%; }
	.ctaImg { margin: 0 auto 1.5em; }
	
	#next, #previous { display: none; }
	
	footer nav { border-top: 1px solid rgba(255,255,255,0.1); margin-bottom: 1.5em; }
	footer nav li { border-bottom: 1px solid rgba(255,255,255,0.1); }
	footer nav a { display: block; }
	footer .meta { text-align: left; }
	
/* SMALL GRID RULES -------------------------------------------------------*/
	.sm-one.column, .sm-one.columns { width: 22%; }
	.sm-two.columns { width: 48%; }
	.sm-three.columns { width: 74%; }
	.sm-four.columns { width: 100%; margin-right: 0; }
}

@media screen and (min-width: 40rem) {
	.mobile-only { display: none; }
	header .logo { padding: 21.15% 0 0; width: 40%; }
	header nav ul:after { clear: both; content: ''; display: table; }
	header nav li { display: inline-block; float: left; width: 16.667%; }
	header nav a { border-left: 1px solid rgba(255,255,255,0.33); border-right: 1px solid rgba(50,50,50,0.1);
		padding: 1.5em 0; position: relative; }
	header nav a span, header nav a i { position: relative; z-index: 10; }
	header nav a:after { bottom: 0; content: ''; height: 0.5em; left: 0; position: absolute;
		transition: all 0.2s ease-in-out; width: 100%; z-index: 1; }
	header nav a:hover::after, header nav a:focus::after,
		header nav .active a::after { height: 100%; }
	header nav li:nth-child(1) a:after { background: #583774; }
	header nav li:nth-child(2) a:after { background: #00468c; }
	header nav li:nth-child(3) a:after { background: #06c; }
	header nav li:nth-child(4) a:after { background: #00cca6; }
	header nav li:nth-child(5) a:after { background: #7fb2e5/*#c0d9f3*/; }
	header nav li:nth-child(6) a:after { background: #f1ce2e; }
	header nav li:nth-child(6) a:hover, header nav li:nth-child(6) a:focus { color: #494c4f; }

	.programs li, .volunteers li { width: 48%; }
	.ctaImg.bleed { margin: -1.5em auto; }
	
	.slideshow { margin: 0 -5em; padding: 0 5em; position: relative; }
	#next, #previous { color: #fff; font-size: 5em; opacity: 0.1; position: absolute; top: 50%; transform: translateY(-50%); }
	#next a, #previous a { text-decoration: none; }
	#next { right: 0; text-align: right; }
	#previous { left: 0; text-align: left; }
	#next:hover, #previous:hover { cursor: pointer; opacity: 0.85; }
	
	footer nav, footer .school { width: 47.5%; float: left; }
	footer .school { border-left: 1px dotted rgba(255,255,255,0.25); margin-left: 2.5%; padding-left: 2.5%; }
	.footer-wrap:after { clear: both; content: ''; display: table; }
	footer nav li { float: left; margin-right: 5%; width: 47.5%; }
	footer nav li a { display: block; padding: 0.75em; text-align: center; text-decoration: none; }
	footer nav a i { display: block; font-size: 2rem; }
	
/* DEFAULT GRID RULES -----------------------------------------------------*/
	.one.column, .one.columns { width: 4.66666666667%; }
  .two.columns              { width: 13.3333333333%; }
  .three.columns            { width: 22%; }
  .four.columns             { width: 30.6666666667%; }
  .five.columns             { width: 39.3333333333%; }
  .six.columns              { width: 48%; }
  .seven.columns            { width: 56.6666666667%; }
  .eight.columns            { width: 65.3333333333%; }
  .nine.columns             { width: 74%; }
  .ten.columns              { width: 82.6666666667%; }
  .eleven.columns           { width: 91.3333333333%; }
  .twelve.columns           { width: 100%; margin-right: 0; }

  /* Offsets */
  .offset-one.column, .offset-one.columns       { margin-left: 8.66666666667%; }
  .offset-two.column, .offset-two.columns       { margin-left: 17.3333333333%; }
  .offset-three.column, .offset-three.columns   { margin-left: 26%; }
  .offset-four.column, .offset-four.columns     { margin-left: 34.6666666667%; }
  .offset-five.column, .offset-five.columns     { margin-left: 43.3333333333%; }
  .offset-six.column, .offset-six.columns       { margin-left: 52%; }
  .offset-seven.column, .offset-seven.columns   { margin-left: 60.6666666667%; }
  .offset-eight.column, .offset-eight.columns   { margin-left: 69.3333333333%; }
  .offset-nine.column, .offset-nine.columns     { margin-left: 78.0%; }
  .offset-ten.column, .offset-ten.columns       { margin-left: 86.6666666667%; }
  .offset-eleven.column, .offset-eleven.columns { margin-left: 95.3333333333%; }
  
  /* Push and pull for better source ordering */
  .push-one.column, .push-one.columns       { left: 8.66666666667%; right: auto; }
  .push-two.column, .push-two.columns       { left: 17.3333333333%; right: auto; }
  .push-three.column, .push-three.columns   { left: 26%; right: auto; }
  .push-four.column, .push-four.columns     { left: 34.6666666667%; right: auto; }
  .push-five.column, .push-five.columns     { left: 43.3333333333%; right: auto; }
  .push-six.column, .push-six.columns       { left: 52%; right: auto; }
  .push-seven.column, .push-seven.columns   { left: 60.6666666667%; right: auto; }
  .push-eight.column, .push-eight.columns   { left: 69.3333333333%; right: auto; }
  .push-nine.column, .push-nine.columns     { left: 78.0%; right: auto; }
  .push-ten.column, .push-ten.columns       { left: 86.6666666667%; right: auto; }
  .push-eleven.column, .push-eleven.columns { left: 95.3333333333%; right: auto; }
  .pull-one.column, .pull-one.columns       { right: 8.66666666667%; left: auto; }
  .pull-two.column, .pull-two.columns       { right: 17.3333333333%; left: auto; }
  .pull-three.column, .pull-three.columns   { right: 26%; left: auto; }
  .pull-four.column, .pull-four.columns     { right: 34.6666666667%; left: auto; }
  .pull-five.column, .pull-five.columns     { right: 43.3333333333%; left: auto; }
  .pull-six.column, .pull-six.columns       { right: 52%; left: auto; }
  .pull-seven.column, .pull-seven.columns   { right: 60.6666666667%; left: auto; }
  .pull-eight.column, .pull-eight.columns   { right: 69.3333333333%; left: auto; }
  .pull-nine.column, .pull-nine.columns     { right: 78.0%; left: auto; }
  .pull-ten.column, .pull-ten.columns       { right: 86.6666666667%; left: auto; }
  .pull-eleven.column, .pull-eleven.columns { right: 95.3333333333%; left: auto; }
}

@media screen and (min-width: 40rem) and (max-width: 56.1875rem) {
	.event { padding: 1.25em 0.75em; }
	.location i, .datetime i { font-size: 1.5em; }
	
/* MEDIUM GRID RULES ------------------------------------------------------*/
	.md-one.column, .md-one.columns { width: 4.66666666667%; }
  .md-two.columns              { width: 13.3333333333%; }
  .md-three.columns            { width: 22%; }
  .md-four.columns             { width: 30.6666666667%; }
  .md-five.columns             { width: 39.3333333333%; }
  .md-six.columns              { width: 48%; }
  .md-seven.columns            { width: 56.6666666667%; }
  .md-eight.columns            { width: 65.3333333333%; }
  .md-nine.columns             { width: 74%; }
  .md-ten.columns              { width: 82.6666666667%; }
  .md-eleven.columns           { width: 91.3333333333%; }
  .md-twelve.columns           { width: 100%; margin-right: 0; }
  .md-one:first-child + .md-eleven, 
  .md-two:first-child + .md-ten,
  .md-three:first-child + .md-nine,
  .md-four:first-child + .md-eight,
  .md-five:first-child + .md-seven,
  .md-six:first-child + .md-six,
  .md-seven:first-child + .md-five,
  .md-eight:first-child + .md-four,
  .md-nine:first-child + .md-three,
  .md-ten:first-child + .md-two,
  .md-eleven:first-child + .md-one { margin-right: 0; }

  /* Offsets */
  .md-offset-one.column, .md-offset-one.columns       { margin-left: 8.66666666667%; }
  .md-offset-two.column, .md-offset-two.columns       { margin-left: 17.3333333333%; }
  .md-offset-three.column, .md-offset-three.columns   { margin-left: 26%; }
  .md-offset-four.column, .md-offset-four.columns     { margin-left: 34.6666666667%; }
  .md-offset-five.column, .md-offset-five.columns     { margin-left: 43.3333333333%; }
  .md-offset-six.column, .md-offset-six.columns       { margin-left: 52%; }
  .md-offset-seven.column, .md-offset-seven.columns   { margin-left: 60.6666666667%; }
  .md-offset-eight.column, .md-offset-eight.columns   { margin-left: 69.3333333333%; }
  .md-offset-nine.column, .md-offset-nine.columns     { margin-left: 78.0%; }
  .md-offset-ten.column, .md-offset-ten.columns       { margin-left: 86.6666666667%; }
  .md-offset-eleven.column, .md-offset-eleven.columns { margin-left: 95.3333333333%; }
  
  /* Push and pull for better source ordering */
  .md-push-one.column, .md-push-one.columns       { left: 8.66666666667%; right: auto; }
  .md-push-two.column, .md-push-two.columns       { left: 17.3333333333%; right: auto; }
  .md-push-three.column, .md-push-three.columns   { left: 26%; right: auto; }
  .md-push-four.column, .md-push-four.columns     { left: 34.6666666667%; right: auto; }
  .md-push-five.column, .md-push-five.columns     { left: 43.3333333333%; right: auto; }
  .md-push-six.column, .md-push-six.columns       { left: 52%; right: auto; }
  .md-push-seven.column, .md-push-seven.columns   { left: 60.6666666667%; right: auto; }
  .md-push-eight.column, .md-push-eight.columns   { left: 69.3333333333%; right: auto; }
  .md-push-nine.column, .md-push-nine.columns     { left: 78.0%; right: auto; }
  .md-push-ten.column, .md-push-ten.columns       { left: 86.6666666667%; right: auto; }
  .md-push-eleven.column, .md-push-eleven.columns { left: 95.3333333333%; right: auto; }
  .md-pull-one.column, .md-pull-one.columns       { right: 8.66666666667%; left: auto; }
  .md-pull-two.column, .md-pull-two.columns       { right: 17.3333333333%; left: auto; }
  .md-pull-three.column, .md-pull-three.columns   { right: 26%; left: auto; }
  .md-pull-four.column, .md-pull-four.columns     { right: 34.6666666667%; left: auto; }
  .md-pull-five.column, .md-pull-five.columns     { right: 43.3333333333%; left: auto; }
  .md-pull-six.column, .md-pull-six.columns       { right: 52%; left: auto; }
  .md-pull-seven.column, .md-pull-seven.columns   { right: 60.6666666667%; left: auto; }
  .md-pull-eight.column, .md-pull-eight.columns   { right: 69.3333333333%; left: auto; }
  .md-pull-nine.column, .md-pull-nine.columns     { right: 78.0%; left: auto; }
  .md-pull-ten.column, .md-pull-ten.columns       { right: 86.6666666667%; left: auto; }
  .md-pull-eleven.column, .md-pull-eleven.columns { right: 95.3333333333%; left: auto; }
}

@media screen and (min-width: 40rem) and (max-width: 49.9375rem) {
	footer nav li:nth-child(2n+2) { margin-right: 0; }
}

@media screen and (min-width: 50rem) {
	html, body { height: 100%; }
	.page { min-height: 100%; position: relative; }
	main { padding-bottom: 20em; }
	.events article .date { width: 15%; }
	.events article .date .day { font-size: 2.25rem; line-height: 1.334; }
	.events article .date .month { font-size: 1rem; line-height: 1.5; padding: 0.25em 0; }
	.events article .details { margin-left: 20%; }
	footer { bottom: 0; height: 20em; left: 0; position: absolute; }
	footer .meta { bottom: 0; position: absolute; width: 100%; }
	footer nav li { float: left; margin-right: 5%; width: 30%; }
	footer nav li:nth-child(3n+3) { margin-right: 0; }
}

@media screen and (min-width: 56.25rem) {
	.programs li, .volunteers li { width: 31%; }
	section p:last-of-type:last-child {
	margin-bottom: 0; }
	
/* LARGE GRID RULES -------------------------------------------------------*/
	.lg-one.column, .lg-one.columns { width: 4.66666666667%; }
  .lg-two.columns              { width: 13.3333333333%; }
  .lg-three.columns            { width: 22%; }
  .lg-four.columns             { width: 30.6666666667%; }
  .lg-five.columns             { width: 39.3333333333%; }
  .lg-six.columns              { width: 48%; }
  .lg-seven.columns            { width: 56.6666666667%; }
  .lg-eight.columns            { width: 65.3333333333%; }
  .lg-nine.columns             { width: 74%; }
  .lg-ten.columns              { width: 82.6666666667%; }
  .lg-eleven.columns           { width: 91.3333333333%; }
  .lg-twelve.columns           { width: 100%; margin-right: 0; }

  /* Offsets */
  .lg-offset-one.column, .lg-offset-one.columns       { margin-left: 8.66666666667%; }
  .lg-offset-two.column, .lg-offset-two.columns       { margin-left: 17.3333333333%; }
  .lg-offset-three.column, .lg-offset-three.columns   { margin-left: 26%; }
  .lg-offset-four.column, .lg-offset-four.columns     { margin-left: 34.6666666667%; }
  .lg-offset-five.column, .lg-offset-five.columns     { margin-left: 43.3333333333%; }
  .lg-offset-six.column, .lg-offset-six.columns       { margin-left: 52%; }
  .lg-offset-seven.column, .lg-offset-seven.columns   { margin-left: 60.6666666667%; }
  .lg-offset-eight.column, .lg-offset-eight.columns   { margin-left: 69.3333333333%; }
  .lg-offset-nine.column, .lg-offset-nine.columns     { margin-left: 78.0%; }
  .lg-offset-ten.column, .lg-offset-ten.columns       { margin-left: 86.6666666667%; }
  .lg-offset-eleven.column, .lg-offset-eleven.columns { margin-left: 95.3333333333%; }
  
  /* Push and pull for better source ordering */
  .lg-push-one.column, .lg-push-one.columns       { left: 8.66666666667%; right: auto; }
  .lg-push-two.column, .lg-push-two.columns       { left: 17.3333333333%; right: auto; }
  .lg-push-three.column, .lg-push-three.columns   { left: 26%; right: auto; }
  .lg-push-four.column, .lg-push-four.columns     { left: 34.6666666667%; right: auto; }
  .lg-push-five.column, .lg-push-five.columns     { left: 43.3333333333%; right: auto; }
  .lg-push-six.column, .lg-push-six.columns       { left: 52%; right: auto; }
  .lg-push-seven.column, .lg-push-seven.columns   { left: 60.6666666667%; right: auto; }
  .lg-push-eight.column, .lg-push-eight.columns   { left: 69.3333333333%; right: auto; }
  .lg-push-nine.column, .lg-push-nine.columns     { left: 78.0%; right: auto; }
  .lg-push-ten.column, .lg-push-ten.columns       { left: 86.6666666667%; right: auto; }
  .lg-push-eleven.column, .lg-push-eleven.columns { left: 95.3333333333%; right: auto; }
  .lg-pull-one.column, .lg-pull-one.columns       { right: 8.66666666667%; left: auto; }
  .lg-pull-two.column, .lg-pull-two.columns       { right: 17.3333333333%; left: auto; }
  .lg-pull-three.column, .lg-pull-three.columns   { right: 26%; left: auto; }
  .lg-pull-four.column, .lg-pull-four.columns     { right: 34.6666666667%; left: auto; }
  .lg-pull-five.column, .lg-pull-five.columns     { right: 43.3333333333%; left: auto; }
  .lg-pull-six.column, .lg-pull-six.columns       { right: 52%; left: auto; }
  .lg-pull-seven.column, .lg-pull-seven.columns   { right: 60.6666666667%; left: auto; }
  .lg-pull-eight.column, .lg-pull-eight.columns   { right: 69.3333333333%; left: auto; }
  .lg-pull-nine.column, .lg-pull-nine.columns     { right: 78.0%; left: auto; }
  .lg-pull-ten.column, .lg-pull-ten.columns       { right: 86.6666666667%; left: auto; }
  .lg-pull-eleven.column, .lg-pull-eleven.columns { right: 95.3333333333%; left: auto; }
}