/* RESET */
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;
}

*, *:after, *:before { /* preserve element dimensions regardless of padding, borders or margins */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* General Typography ------------------------------------------------------- */
@font-face {
    font-family: "GillSans";
	src: url("https://couse-sharp.org/assets/css/fonts/GillSans.ttf") format("truetype");
}

@font-face {
    font-family: "GillSans-Light";
	src: url("https://couse-sharp.org/assets/css/fonts/GillSans-Light.ttf") format("truetype");
}


body {
	font: normal 100% 'GillSans-Light', arial, sans-serif;
	color: #496165;
	background: #fff;
	
	padding-top: 1%;
	
}

p {
	font-size: 1.063em; 
	margin: 0 0 1.5em 0;
	line-height: 1.333em;
}
	
.content .copy ul, .content .copy ol {
	font-size: 1.063em; 
	margin: 0 0 1.5em 0;
	padding: 0 0 0 1em; 
	line-height: 1.333em;
	list-style: disc outside;
}

	.content .copy ol {
		list-style-type: decimal;
	}

a {
	color: #aa593e;
	text-decoration: none;
}

h1 {
	color: #6d6e71;
	font-weight: 0;
	padding: 0;
	font-size: 1.063em;
	margin: 0 0 0.333em 0;
	letter-spacing: 0.025em;
	font-family: 'GillSans-Light', arial, sans-serif;
	font-weight: bold;
}

	.primary-content.home-page h1 {
		display: none;
	}

h2 {
	color: #6D6E71;
	/* font-size: 1.25em; */
	margin: 0 0 0.25em 0;
	font-weight: bold;
	
	font-family: 'GillSans', arial, sans-serif;
	font-size: 1em;
	
}

	.home-page h2 {
		color: #AA593E;
		text-transform: uppercase;
		font-family: 'GillSans', arial, sans-serif;
		letter-spacing: 0.0333em;
		margin-bottom: 0.5em;
		font-size: 1.333em;
		font-weight: normal;
	}
	
	.home-page .copy h2 {
		color: #6d6e71;
		text-transform: none;
		margin-bottom: 0.5em;
		letter-spacing: 0;
		font-weight: bold;
		font-size: 1.125em;
	}

h3 {
	font-size: 0.875em;
	font-weight: normal;
	margin: 0 0 1em 0;
}

/* Form Elements ------------------------------------------------------------ */
form {
	margin: 0 0 1em 0;
}

fieldset {
	border: solid 1px #D8D3D5;
	border-radius: 3px;
	padding: 2%;
	margin: 0 0 1em 0;
	background-color: rgba(255, 255, 255, 0.5);
}

legend {
	font-weight: bold;
}

.field-group {
	margin: 0 0 1em 0;
}

label {
	font-size: 1em;
	display: inline-block;
	width: 8em;
}

input {
	width: 20em;
	border: solid 1px #D8D3D5;
	padding: 2px;
}

.instruction {
	padding-left: 0.5em;
	font-size: 0.875em;
	font-style: italic;
}

.instruction-top {
	padding-left: 0;
	font-size: 1em;
	font-style: italic;
	margin-bottom: 1em;
}

.instruction-top-flat {
	padding-left: 0;
	font-size: 1em;
	font-style: italic;
	margin-bottom: 0;
}

.donation-amount-field {
	width: 60px;
}


textarea {
	width: 20em;
	max-width: 100%;
}

form p {
	font-size: 1em;
	margin: 0 0 1em 0;
}

.twrap, 
.date-field label {
	float: left;
}

	.twrap table {
		width: 15%;
	}

	.twrap table input {
		width: 2em;
	}

		.twrap table td.year-cell {
			white-space: nowrap;
		}	

		.twrap table input.year-field {
			width: 3.5em;
		
		}
	
.date-field {
	clear: left;
	margin: 0;
	height: 3em;
}

.date-prompts {
	font-size: 0.75em;
}

.clear-left {
	clear: left;
}

.req {
	color: #AA593E;
}

.error-msg {
	color: #cc0000;
	border: solid 1px #cc0000;
	font-weight: bold;
	padding: 1em;
	margin: 0 0 1em 0;
}
	
.tour-reservation-form {
	border-top: 1px solid #D8D3D5;
	padding-top: 1em;
}
	
/* Structural Layout -------------------------------------------------------- */
.container {
	position: relative;
}

.content {
	position: relative;
	z-index: 0;
	padding: 1% 2% 2% 2%;
}
	
	.content:after { /* clearfix */
		content: "";
		display: table;
		clear: both;
	}
	
	.copy {
		padding: 0 1% 2% 1%;
	}
	
/* Header ------------------------------------------------------------------- */
.cs-header {
	position: relative;
	z-index: 1001;
	padding: 1%;
}

.logo {
	margin: 0;
	text-decoration: none;
	display: inline-block;	 
	width: 60%; /* 360px / 1300px */
	transition: 0;
}

.hero {
	margin-bottom: 1em;
}

	.home-page .hero.flexslider {
		margin-bottom: 1em;
	}

.slideshow-caption {
	display: inline-block;
	margin: 0 0 0.5em 0;
	color: #949496;
	height: auto;
	line-height: auto;
	white-space: normal;
}

	li .slideshow-caption {
		font-size: 1.125em;
		line-height: 1.125em;
		margin: 0 0 0.5em 0;
	} 

	.home-page li .slideshow-caption {
		color: #496165;
		font-size: 1.25em;
		line-height: 1.125em;
		color: #949496;
		margin-left: 0;
		margin-bottom: 0;
		text-align: left;
		white-space: normal;
	}
	
	
/* Navigation --------------------------------------------------------------- */
#primary-nav {
	padding: 0 2%;
	border-top: solid 1px #a4b0b2;
}

.menu {
	margin: 0;
	padding: 0;
	background-color: transparent;
}

	.menu a, .navjump {
		font-size: 0.875em;
		text-decoration: none;
	}
	
		.menu .ni.l1 {
			margin: 0 0 1em 0;
			/* font-size: 1.333em; */ /* 18px / 16px */
			font-size: 1.4em; 
			letter-spacing: 0.0333em;
			text-transform: uppercase;		
		}
		
		.menu.nl.l1 > .ni.l1 {
			font-family: 'GillSans', arial, sans-serif;
		}
		
		.menu a {
			text-transform: none;
			display: inline-block;
			font-family: 'GillSans-Light', arial, sans-serif;
			font-size: 0.889em; /* 16px / 18px */
			letter-spacing: -0.0125em;
			width: auto;
			transition: 0s;
		}
		
			.menu .ni.l1 a:hover, 
			.menu .ni.l1 a.on {
				color: #808285;
			}
		
		.menu .nl.l2 {
			margin: 0.25em 0 0 0;
		}
			
			.menu .ni.l2 {
				position: relative;
			}	
			
				.menu .ni.l2 a {
					padding: 0.25em 0;
				}
				
		.nl.l3 {
			margin-bottom: 1em;
		}
		
		
		.menu .ni.l3 {
			font-size: 1em;
			margin: 0.25em 0 0.25em 0;
		}
		
			.menu .ni.l3 a:hover, 
			.menu .ni.l3 a.on {
				color: #496165;
				font-weight: 400;
			}
	
	.navjump {
		position: absolute;
		top: 0.5em;
		right: 2%;
		z-index: 200;
		font-size: 1.25em;
	}
	
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #AA593E;
	display: inline-block;
	margin-left: 0.5em;
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #AA593E;
	display: inline-block;
	margin-left: 0.5em;
}

.gala-nav-button {
   padding: 15px 20px 10px 20px;
   background-color: #aa593e;
   color: #ffffff;
}

.gala-nav-button:hover {
   background-color: #496165;
}

.gala-nav-button-2 {
   padding: 15px 20px 10px 20px;
   background-color: #aa593e;
   color: #ffffff;
}

.gala-nav-button-2:hover {
   background-color: #496165;
}


/* CTA ---------------------------------------------------------------------- */
.cta {
	margin: 1em 0 2em 0;
	text-transform: uppercase;
}

	.cta li {
		margin: 0 0 1em 0;
	}
	
		.cta li a {
			transition: 0.2s;
			font-size: 1.25em; /* 18 / 16 */
			font-family: 'GillSans', arial, sans-serif;
			letter-spacing: 0.0333em;
		}
		
			.cta li a:hover {
				color: #496165;
			}



/* partner logos footer div ------------ */			
#partner_logos {
	width: 93.57%;
	margin-left: 6.25%;
	margin-bottom: 5%;
	border: 0px solid green;
}	

#partner_logos img {
	margin-right: 1%;
}	


			
/* Footer ------------------------------------------------------------------- */
.cs-footer {
	clear: both;
	background-color: transparent;
	padding: 0 2%;
	border: 0px solid red;
}

	.menu-footer {
		margin-top: 2em;
	}
	
		.menu-footer a {			
			color: #AA593E;
			display: inline-block;
			font-size: 1em;
			text-decoration: none;
		}
		
			.menu-footer a.footer-hook {
				font-family: 'GillSans', arial, sans-serif;
				color: #496165;
				text-transform: uppercase;
				font-size: 1em;
			}
		
			.menu-footer a:hover {
				text-decoration: underline;
			}
			
				.menu-footer .ni.l1 a.footer-hook:hover {
					text-decoration: none;
					color: #496165;
				}
	
	.menu-footer.nl.l1 > .ni.l1 {
		font-family: 'GillSans', arial, sans-serif;
	}		
	
	.menu-footer .ni.l1 {
		color: #496165;
		text-transform: uppercase;
		font-size: 1em;
		float: left;
		padding-bottom: 1em;
		clear: left;
	}
	
		.menu-footer .ni.l1:first-child {
			width: auto;
			margin-right: 0;
		}
		
		.menu-footer .ni.l1:first-child .ni.l2 {
			margin-bottom: 0.5em;
		}

	
	.menu-footer .nl.l2 {
		margin-top: 0.75em;
		font-family: 'GillSans-Light', arial, sans-serif;
	}	
	
		.menu-footer .ni.l2 {
			text-transform: none;
		}
	
			.menu-footer .ni.l2 a {
				margin: 0 0 0.5em 0;
			}
			
			.menu-footer .ni.l2.logo-hahs {
				display: inline-block;
				vertical-align: bottom;
				clear: none;
				margin-right: 0;
				clear: left;
			}
			
.sm-icon a, 
.sprite a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("https://couse-sharp.brownrice.com/assets/gfx/layout/sprite.png") no-repeat;
	display: inline-block;
}

	.sm-fb.sm-icon a {
		width: 32px;
		height: 32px;
		background-position: -30px 0;
		margin-right: 4px;
	}
	
	.sm-pn.sm-icon a {
		width: 30px;
		height: 30px;
		background-position: 0 0;
	}
	
	/*
	.logo-hahs.sprite a {
		width: 227px;
		height: 57px;
		background-position: -62px 0;
	}
	*/
	
	.menu .ni.l1 .logo-hahs a {
		width: 227px;
		height: 57px;
		background-position: -62px 0;
	}
	
	.menu .ni.l1 .logo-hahs2 a {
		width: 227px;
		height: 47px;
		background-position: -289px 0;
		display: inline-block;
		vertical-align: bottom;
	}
	

	
/* Supporting Content ------------------------------------------------------- */

.supporting-content {
		border-top: solid 0px #d8d3d5;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	
		.supporting-content p {
			text-align: left;
			margin: 0;
			font-size: 1em;
			line-height: 1.25em;
			padding-right: 1%;
		}
		
		.supporting-content img {
			max-width: 100%;
			margin-bottom: 1em;
		}
		
		.supporting-h2 {
			text-transform: uppercase;
			color: #99cccc;
			font-size: 1em;
			font-weight: normal;
			margin: 0 0 0.75em 2%;
			padding-top: 0.5em;
			text-align: left;
		}


							
/* Specific Pages ----------------------------------------------------------- */

/* Calendar */
.calendar-listings {
	padding-bottom: 4em;
}

.listing-slot {
	margin: 0 0 2em 0;
	clear: left;
}

.calentry-info {
	font-weight: bold;
	margin: 0 0 0.25em 0;
	font-size: 1.063em;
}

	 h2.calentry-info {
		color: #496165;
		font-size: 1.063em;
	}
	
	h3.calentry-info {
		font-family: 'GillSans', arial, sans-serif;
		font-size: 1.125em;
	}
	
	.feature-event .calentry-info {
		font-weight: normal;
	}
	
	.feature-event .listing-slot {
		margin-bottom: 1em;
	}
	
	.img-cal {
		margin: 0 2% 0.5em 0;
		float: left;
	}

	.more-cal {
		color: #496165;
		font-style: italic;
		margin: 0 0 1em 0;
		display: inline-block;
		font-size: 1.063em;
	}

	.desc-cal {
		margin: 0.5em 0 0 0;
	}

		.desc-cal p {
			margin: 0 0 0.25em 0;
			line-height: 1.25em;
			font-size: 1.125em;
		}

.highslide-container {
	z-index: 999;
}

	.highslide-container div {
		font: normal 100% 'GillSans-Light', arial, sans-serif;
	}

	.highslide-container .calentry-info {
		font-weight: bold;
		font-size: 1.063em;
		color: #496165;
	}
	
	.highslide-container .desc-cal-detail p  {
		font-weight: normal;
		font-size: 1.063em;
		line-height: 1.5em;
		padding-right: 5%;
	}
	
	.highslide-container .img-cal-detail {
		margin: 0.5em 0;
		max-width: 100%;
	}
	
	.titlebar .highslide-header {
		height: 28px;
	}

/* Gallery */
.gallery-grid {
	clear: both;
	margin-bottom: 3em;
	
}

	.grid-thumb {
		display: inline-block;
		/* margin: 0 1.5em 0 0; */
		margin: 0 5px;
	}

.captions {
	color: #a1a2a5;
	border-top: solid 1px #d1d7d8;
	padding: 1em 0 0 0;
}

	.captions p {
		margin-bottom: 1em;
		font-size: 1em;
	}
	

/* Home Page */
.home-page .store-slot {
	margin: 0 0 2em 0;
	float: left;
	margin-right: 2%;
	width: 30%;
}

	.home-page .store-slot img {
		max-width: 100%;
	}


.home-page .hero.flexslider {
	border-top: solid 1px #fff; /* fixes top space anomaly in FF */
	margin-bottom: 2em;
}	

.supporting-content.home-page {
	border-top: 0;
}

.feature-home {
	clear: left;
}

/* Text Pages */
.text-page .copy img {
	max-width: 100%;
}

/* Tour */
.tour-video {
	width: 300px !important;
	height: 169px !important;
}
	
/* General ------------------------------------------------------------------ */
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

a {
	outline: 0;
}

strong, b, .bold {
	font-weight: bold;
}

em {
	font-style: italic;
}

.fleximg, .flexframe {
	max-width: 100%;
}

.img-left {
	float: left;
	margin: 0 1em 1em 0;
}

.img-right {
	float: right;
	margin: 0 2% 1em 1em;
}

.img-center {
	margin: 0 auto;
}

.img-letter {
	margin: 0;
}

.nowrap {
	white-space: nowrap;
}

.old-ie-warning {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	padding: 2%;
}

.lightblue {
	color: #99CCCC;
}

.display-none {
	display: none;
}

/* IE ----------------------------------------------------------------------- */

	
/* Media queries ------------------------------------------------------------- */
@media only screen and (min-width: 20em) { /* Portrait mobile (320px+ / 16px) */
	
	/* blank, these styles are native (MOBILE FIRST) */
	
}

@media only screen and (min-width: 30em) { /* Landscape mobile (480px+ / 16px) */

	html {
		-webkit-text-size-adjust: none; /* Prevent font scaling in iphone landscape */
	}
	
	/* Header ------------ */
	.logo {
		width: 40%;
	}
	
	/* Tour */
	.tour-video {
		width: 400px !important;
		height: 225px !important;
	}
		
		
}

@media only screen and (min-width: 48em) { /* Tablets/netbooks (768px+ / 16px) */

	/* Layout ------------ */	
	.page {
		background: url("https://couse-sharp.brownrice.com/assets/gfx/layout/bg-page-mq.jpg") no-repeat 50px -280px;
	}
	
	h1 {
		font-size: 1.333em;
		margin: 0 0 0.5em 0;
	}
	
	h2 {
		font-size: 1.25em;
	}
			
	.container {
		margin: 0 auto;
	}
		
	.content { 
		padding: 0;
		position: relative;
		background-color: transparent;
		padding: 3.75em 2% 0 37%;
		overflow: hidden;
		min-height: 90em;
	}
	
		.copy {
			padding: 0;
			
		}
		
			.home-page .copy {
				min-height: 0;
			}
			
		
	/* Header ------------ */
	.cs-header {
		background: transparent;
		text-align: left;
		height: auto;
		border-bottom: 0;
		padding: 0 1%;
	}
	
	.logo {
		width: 27.692%; /* 360px / 1300px */
		height: 13.563em;/* 217px / 16px */
		position: absolute;
		z-index: 10000;
	}
	
	/* Navigation -------- */	
	.navjump {
		display: none;
	}
	
	#primary-nav {
		position: absolute;
		transition: 0;
		padding: 0;
		border-top: 0;
		z-index: 100;	
		width: 93.923%;
		top: 11.5em;
		left: 2%;
	}
	
	.menu {
		position: absolute;
		width: 100%;
		background-color: transparent;
		top: 0;
		left: 0;
		width: 32%; 
	}
	
		.menu.menu-footer {
			top: auto;
			left: auto;
			width: 96%;
		}
		
	.ni.l1 {
		display: block;
		border: 0;
	}
	
		.menu .ni.l1 {
			border-bottom: 0;
		}
	
		.menu .ni.l1 a {
			width: auto;
			white-space: nowrap;
		}
		
		.menu .nl.l2,
		.menu .ni.l2,  {
			width: auto;
		}
		
		.menu .ni.l2 a {
			padding: 0;
		}
	
	/* begin dropdown */
	.nl.l3 { /* this hides the level-2 nav-list elements (dropdowns) */
		position: absolute;
		left: -999em;
		z-index: 10000;
		opacity : 0;
		#transition : opacity 0.7s; /* fade-out */
		margin-left: 9em;
		margin-bottom: 0;
		background-color: rgba(255, 255, 255, 0.9);
		padding: 0em 1em 0.25em 0.25em;
		border-radius: 5px;
		border: 0px solid #aa593e;
	}
	
		.ni.l1:nth-child(2) .nl.l3 {
			margin-left: 6.5em;
		}
	
		.ni.l2:hover .nl.l3 { /* this makes the dropdowns visible */
			left: auto;
			top: 0.063em;
			opacity : 1;
			transition : opacity 0.5s; /* fade-in */
		}
	/* end dropdown */
	
	.menu .ni.l3 {
		margin: 0;
		border: 0px solid red;
	}	
	
		.menu .ni.l3 a{
			padding: 0 0 0.5em 0.5em;
		}	
		
	.ni.l1.nav-top, .ni.l1.nav-res {
		display: none;
	}
	
	.arrow-down, .arrow-right {
		display: none;
	}
		
	/* CTA --------------- */
	.cta {
		position: absolute;
		margin: 0;
		padding: 0;
		/* top: -4.75em; */
		top: -10.5em;
		left: 37%;
		width: auto;
		right: auto;
		white-space: nowrap;
	}
	
		.cta li.ni.l1 {
			display: inline-block;
		}
		
		.cta li a {
			font-size: 1em;
			letter-spacing: 0.0125em;
			padding-right: 1.25em;
		}
		
			.cta li:last-child a {
				padding-right: 0;
			}
		
	/* Footer ------------ */
	.cs-footer {
		background: transparent;
		clear: both;
		border-top: solid 1px #a4b0b2;
		padding: 0;
		margin-left: 2%;
		margin-top: 10em;
		width: 96%;
		height: 13em;
		position: relative;
	}
	
	.sm-icons {
		position: absolute;
		top: -3em;
		left: 0;
	}
	
		.sm-icons span {
			display: inline-block;
			vertical-align: top;
		}
		
	.menu-footer {
		margin-top: 1em;
		padding-left: 0;
	}
	
		.menu-footer .ni.l1.nav-home {
			display: none;
		}
	
			.menu-footer .ni.l1 {
				clear: none;
				font-size: 0.875em;
				cursor: pointer;
			}
	
				.menu-footer .ni.l1:first-child {
					/* width: 33%; */
					width: 35%;
					padding-right: 3%;
					margin-right: 3%;
				}
				
				.menu-footer .ni.l1:nth-child(2),
				.menu-footer .ni.l1:nth-child(3) {
					/* width: 22%; */
					width: 21%;
					padding-right: 3%;
				}
				
			.menu-footer .nl.l2 {
				margin: 0.75em 0 0 0;
			}
			
				.menu-footer .ni.l1:first-child .ni.l2 {
					margin-bottom: 0.75em;
				}
				
			.menu-footer .ni.l2.logo-hahs {
				margin-right: 1em;
				clear: none;
			}
				
	/* begin footer dropdown */
	.menu-footer .nl.l2 { /* this hides the level-2 nav-list elements (dropdowns) */
		position: absolute;
		left: -999em;
		z-index: 10000;
		opacity : 0;
		transition : opacity 0.7s; /* fade-out */
		margin-bottom: 0;
	}
	
		.menu-footer .ni.l1:hover .nl.l2,
		.menu-footer .ni.l1:first-child .nl.l2 { /* this makes the dropdowns visible */
			left: auto;
			opacity : 1;
			transition : opacity 0.5s; /* fade-in */
		}
	/* end footer dropdown */
		
	/* Supporting Content ------------ */			
	.supporting-content {
		position: absolute;
		bottom: auto;
		right: auto;
		background: transparent;
		min-height: 1em;
		top: 47.5em; 
		left: 2%;
		width: 26%;
		padding-top: 2em;
		padding-bottom: 0;	
		border: 0px solid red;
	}
	
		.supporting-content img {
			margin-bottom: 2em;
		}
	
		.supporting-h2 {
			padding-top: 1.75em;
			padding-top: 0.75em;
			margin: 0;
		}
		
		.supporting-content p {
			font-size: 1.125em;
			line-height: 1.75em;
			padding-right: 6%;
			margin: 0;
		}				
	
	
	/* Specific Pages ------------ */	
	
	/* Gallery */
	.primary-content.gallery-main {
		min-height: 62em;
	}
	
	.slideshow-caption {
		white-space: normal;
	}
	
	/* Home */
	.primary-content.home-page {
		min-height: 57em;
	}
	
	.supporting-content.home-page {
		border-top: solid 0px #d8d3d5;
	}
	
	li .slideshow-caption {
		font-size: 1.25em;
	} 
	
	/* Home Page */
	.home-page .store-slot {
		margin-right: 5%;
		width: 28%;
	}
	
	.home-page .slideshow-caption {
		font-size: 1.5em;
	}

	.home-page .content {
		background: transparent;
	}

	.primary-content-home {
		position: relative;
	}

	.home-page h2 {
		margin-bottom: 1.5em;
	}

	.home-page .copy h2 {
		font-size: 1.333em;
	}

	h3.calentry-info {
		clear: left;
	}	

	/* Text Pages */
	.captions {
		padding-bottom: 1em;
	}
	
}

@media only screen and (min-width: 64em) { /* Desktops (1024px+ / 16px) */

	
	/* Layout ------------ */
	html {
		background-position: 0 top;
	}
	
	.page {
		background-position: 360px -400px;
	}
	
	.content {
		/* padding-top: 14.75em; */
		padding-top: 5em;
	}
	
	/*
	h2 {
		font-size: 1.333em;
	}
	*/
	
	p {
		font-size: 1.25em;
		margin: 0 0 2em 0;
		line-height: 2em;
	}
	
	.content .copy ul, .content .copy ol {
		font-size: 1.25em;
		margin: 0 0 2em 0;
		line-height: 2em;
	}

	
	/* Header ------------ */
	.hero {
		margin-bottom: 2em;
		text-align: center;
	}
	
	/* Navigation -------- */
	.menu {
		width: 23.077%; /* 300px / 1300px */
	}

	
	#primary-nav {
		left: 6.077%; /* 79px / 1300px */
		/* top: 15em; */
		top: 14em;
	}
	
		.ni.l1:nth-child(2) .nl.l3 {
			margin-left: 7.5em;
		}
		
	/* CTA -------- */	
	.cta {
		/* top: -6.25em; */
		top: -12.25em;
		left: 33%; /* visual */
		right: auto;
	}
	
		.cta li a {
			font-size: 1.25em;
			letter-spacing: 0.025em;
		}
		
	/* Footer -------- */
	.cs-footer {
		margin-left: 6.25%;
		width: 91.75%;
		height: 15em;
	}
	
	
	.menu.menu-footer {
		width: 92%;
	}
	
	.menu-footer .ni.l1 {
		font-size: 1em;
	}
	
		.menu-footer .ni.l1:first-child {
			margin-right: 0;
			width: 36%;
		}
	
		.menu-footer .ni.l1:nth-child(2),
		.menu-footer .ni.l1:nth-child(3) {
			width: 22%;
		}
	
		
	/* Supporting Content Panel ---- */
	.supporting-content {
		top: 51em;
		width: 25%;
		left: 6.077%;
		border: 0px solid red;
	}
	
		.supporting-h2 {
			padding-top: 1.25em;
			margin: 0;
		}

		.supporting-content p {
			margin: 0 0 1em 0;
		}
	
	/* Specific Pages ---- */
	
	/* Calendar */
	.desc-cal p {
		padding-right: 30%;
	}
	
	/* Home */	
	.home-page .slideshow-caption {
		font-size: 1.75em;
		line-height: 1.25em;
		margin-top: 1em;
	}
	
	/* Text Pages */
	.captions p {
		margin-bottom: 0.5em;
	}
	
	/* Tour Video */
	.tour-video {
		width: 560px !important;
		height: 315px !important;
	}
		
}


@media only screen and (min-width: 77.5em) { /* Desktops (1240px+ / 16px) */

	/* Navigation */
	#primary-nav {
    	top: 15em;
	}
	
	.cta {
    	top: -13.25em;
	}
	
	/* Home Page */
	.primary-content.home-page {
		min-height: 75em;
	}
	
	.supporting-content.home-page {
		top: 52em;
	}

}

@media only screen and (min-width: 83.75em) { /* WIDESCREEN (1340px+ / 16px) */

	/* Layout ------------ */
	.page {
		background-position: 140% -400px;
	}	
	
	.container {
		width: 81.25em; /* 1300px / 16px */
	}
	
	.content {
		padding: 11.125em 0 0 37%;  /* 178 / 16 */
	}
	
	/* Header ------------ */
	.cs-header {
		padding: 0;
	}
	
	.logo {
		top: 4.875em; /* 78px / 16px */
		left: 0.615%; /* 8px / 1300px */
	}
	
	.hero {
		margin-bottom: 1em; /* adjusted for caption */
	}
	
		.home-page .hero {
			margin-bottom: 2.35em;
		}
	
	/* Navigation -------- */	
	#primary-nav {
		left: 6.077%; /* 79px / 1300px */
		/* top: 20em; */
		top: 21.813em; /* 349px / 16px */
		width: 93.923%;
	}
	
	.menu {
		top: 0;
		left: 0;
		width: 23.077%; /* 300px / 1300px */
	}
	
		.menu.menu-footer {
			top: auto;
			left: auto;
			width: 93%;
		}
		
		.menu .ni.l1 {
			/* margin-bottom: 2em; */
			margin-bottom: 1.25em;
		}
		
		.menu .nl.l2:first-child {
			margin-top: 0.25em;
		}
	
	/* CTA -------- */	
	.cta {
		top: -16.686em; /* 267 / 16 */
		right: auto;
		width: auto;
		
	}
	
		.cta li a {
			/* padding-left: 3.333em; */ /* 56px / 18px */
			padding-left: 0;
			padding-right: 2.5em;
			font-size: 1.25em;
			letter-spacing: 0.0333em;
		}
	
	.cs-footer {
		width: 93.75%;
	}
	
	/* Footer ------------ */
	.menu-footer .ni.l1:first-child {
		width: 35%;
	}

	.menu-footer .ni.l1:nth-child(2),
	.menu-footer .ni.l1:nth-child(3) {
		width: 23%;
	}
	
	/* Supporting Content */
	.supporting-content {
		top: 59.125em;
		width: 24%;
		padding-top: 4em;
		border-top: 0px;
	}
	
		.supporting-content img {
			margin-bottom: 1.25em;
		}
	
	/* Captions ------------ */
	.captions p {
		margin-bottom: 0.125em;
	}
	
	/* Home Page ------------ */
	.feature-event {
		margin-top: 5em;
	}

	.home-page .store-slot {
		width: 30%;
		margin-right: 5%;
		margin-bottom: 5em;
	}
	
		.home-page .store-slot:last-child {
			margin-right: 0;
		}
			
	.primary-content.home-page {
		min-height: 74em;
	}
		
	.supporting-content.home-page {
		/* top: 46.75em; */ /* 744px / 16px */
		top: 55.125em;
		margin-top: 0;
		padding-top: 0;
		border-top: 0px;
	}
	
	/* Event Listings ------------ */
	.calendar-listings {
		min-height: 65em;
	}
	
	.listing-slot {
		min-height: 200px;
		margin: 0 0 3em 0;
	}
	
	
}

@media only screen and (min-width: 104.375em) { /* extra-WIDESCREEN (1340px+ / 16px) */

	.page {
		background-position: 144% -360px;
	}
	
}