@import url('fonts.css');

/* 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

CSS Document - All pages within the site

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧

Color key
---------
dkteal: 		#006666	(header)
teal: 			#338585
bright teal: 	#6df7ae

dkbrown: 		#4d463e
medbrown:		#A27C4A
ltbrown: 		#ba9769
other brown: 	#584636


dkgray			#312C27
gray			#d6d6d3
lt gray			#e9e9e8

▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧▧
*/

/* =====================================================
CSS 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;
	font-family: "mw", Helvetica, sans-serif;
	color: #000;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
nav ol, nav 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;
}

/* =====================================================
Basic Page Attributes 
===================================================== */

/* Uncomment and add values to customize the text-selection styles */
/*::selection {
}
::-moz-selection {
}
*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'rw-b';
	color: #25211F;
}
	h1 {
		font-family: 'mw-i';
		font-size: 3.8em;
		line-height: 1.3em;
		margin-bottom: 34px;
		font-variant-numeric: lining-nums;  
		-moz-font-feature-settings: "lnum";  
		-webkit-font-feature-settings: "lnum";  
		font-feature-settings: "lnum";
	}
	.bodyContent h1 {
		font-size: 2.6em;
	}
	h2 {
		font-size: 2.2em;
		margin-bottom: 20px;
	}
	h3 {
		font-size: 1.2em;
		margin-bottom: 20px;
		line-height: 1.2em;
	}
p {
	margin-bottom: 20px;
	line-height: 1.5em;
	color: #444444;
}
.bodyContent ul,
.bodyContent ol {
	margin-left: 20px;
	margin-bottom: 20px;
}
	.bodyContent nav ul ,
	.bodyContent .exhibitContent ul {
		margin: 0;
	}
	.bodyContent li {
		line-height: 1.5em;
		color: #444444;
		margin-bottom: 4px;
	}
	.bodyContent ul ul {
		margin-left: 20px;
		margin-top: 4px;
	}
em {
	font-family: 'mw-i';
	color: inherit;
}
strong {
	font-family: 'mw-b';
	color: inherit;
}
	em strong, 
	strong em {
		font-family: 'mw-bi';
		color: inherit;
	}
small {
}
.icon {
	font-style: none;
	font-family: 'jaha';
}

a {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.bx-wrapper .bx-controls-direction a {
	-webkit-transition: none;
	transition: none;
}

.bodyContent a {
	color: #338585;
}
	.bodyContent a:hover,
	.bodyContent a:active {
		color: #006666;
	}

input, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="submit"], button {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input::-moz-focus-inner, button::-moz-focus-inner { 
	border: 0;
	padding: 0;
}

nav a {
	text-decoration: none;
}

.aligncenter {
	text-align: center;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
img.aligncenter {
	float: none;
	margin: 0 auto 20px;
	display: block;
}
img.alignleft {
	float: left;
	margin: 6px 20px 20px 0;
}
img.alignright {
	float: right;
	margin: 6px 0 20px 20px;
}


.bodyContent .wrapper .videoWrapper {
    height: 0;
    margin-bottom: 40px;
    padding-bottom: 56.25% !important;
    padding-top: 25px !important;
    position: relative;
}
	
.bodyContent .wrapper .videoWrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.printonly {
	display: none !important;
}

.em-pagination a {
	text-decoration: none;
}

/* =====================================================
alert banner
===================================================== */


.alertbanner {
	background-color: #ffc643;
	padding-top: 10px;
	padding-bottom: 10px;
}
.alertbanner .wrapper {
    padding-left: 5%;
    padding-right: 5%;
}
	.alertbanner h2,
	.alertbanner label,
	.alertbanner p {
		color: #000;
		font-family: "rw-bk";
	}
	.alertbanner label {
		text-align: center;
		display: block;
		/* font-family: Montserrat; */
		font-family: "rw-b";
		text-transform: uppercase;
		/* font-size: 1.2rem; */
		font-size: 1rem;
		cursor: pointer;
	}
	.alertbanner label:after {
		display: block;
		content: "\203A";
		border-bottom: 2px solid transparent;
		font-style: normal;
		transform: rotate(90deg);
		width: 20px;
		height: 20px;
		margin-right: auto;
		margin-left: auto;
		clear: left;
		font-size: 1.5rem;
		margin-top: 4px;
	}
	.alertmessage {
		box-sizing: border-box;
		overflow: hidden;
		-webkit-transition: max-height .3s;
		-moz-transition: max-height .3s;
		-ms-transition: max-height .3s;
		-o-transition: max-height .3s;
		transition: max-height .3s;
		height: 1px;
		max-height: 1px;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	    .alertmessage > p{
	        font-size: 1rem;
			font-family: "mw", Helvetica, sans-serif;
	    }
		.alertmessage > p:last-child {
			margin-bottom:16px;
		}
		.alertmessage a
		.alertmessage a:visited,
		.alertmessage a:hover,
		.alertmessage a:active{
		    color: #000 !important;
		    text-decoration: underline !important;
		}
	#alertbannertoggle {
		display: none;
	}
	#alertbannertoggle:checked + .alertmessage {
		height: auto;
		max-height: 600px;
	}


/* =====================================================
Forms
===================================================== */
label {
	color: #312C27;
	font-family: 'rw-b';
	font-size: .9em;
}
select,
input, textarea{
	font-size: 1em;
	border: 0;
	border-radius: 3px;
	margin-bottom: 20px;
	padding: 10px 12px;
	font-family: 'mw';
	width: 100%;
	display: block;
	box-sizing: border-box;
}

.oneHalf.left input {
	margin-right: 20px;
	width: calc(100% - 20px);
}

.oneHalf.right .wpcf7-not-valid-tip,
.oneHalf.right label,
.oneHalf.right input {
	margin-left: 20px;
	width: calc(100% - 20px);
}

select,
textarea,
input[type="text"],
input[type="email"],
input[type="tel"] {
	background-color: #fff;
	color: #312C27;
	border: 1px solid #D6D6D3;
	margin-top: 8px;
}
	input[type="text"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	textarea:focus {
		background-color: #E9E9E8;
	}
	
input[type="submit"] {
	background-color: #ba9769;
	border: 3px solid #a27c4a;
	color: #fff;
	display: block;
	padding: 18px 40px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'rw-bk';
	width: auto;
	margin-top: 18px;
}

.donationSubmit input[type="submit"] {
	margin-left: auto;
	margin-right: auto;
}

.screen-reader-response {
	position: fixed;
	right: -1000000px;
}

.wpcf7 .ajax-loader {
	display: block;
	margin: 30px auto;
}

.wpcf7-response-output {
	text-align: center;
	margin: 0 0 60px 0;
	font-size: 1.3em;
	font-family: 'mw-bi';
}

.wpcf7-not-valid-tip,
.wpcf7-validation-errors {
	color: #338585;
}

.wpcf7-not-valid-tip {
	font-family: 'mw-i';
	margin-top: -12px;
	margin-bottom: 12px;
	display: block;	
}

.mc4wp-form-fields label,
.mc4wp-form-fields label span {
	color: #fff;
	line-height: 1.5em;
}

.mc4wp-form-fields label.headingLabel {
	display: block;
	margin-bottom: 10px;
}

.mc4wp-form-fields input[type="text"],
.mc4wp-form-fields input[type="email"],
.mc4wp-form-fields input[type="tel"] {
	font-family: 'rw-m';
	border: 0;
	margin-bottom: 12px;
	width: auto;
	display: inline-block;
}

.mc4wp-form-fields input[type="text"] {
	margin-right: 8px;
}

	.mc4wp-form-fields .areasOfInterest {
		text-align: left;
	}
	
	.mc4wp-form-fields .box {
		display: inline-block;
		cursor: pointer;
		font-size: 13px; margin-right:10px; line-height:18px;
	}
	.mc4wp-form-fields input[type=checkbox] {
		display:none; 
	}
	.mc4wp-form-fields .box:before {
		content: "";
		display: inline-block;
		height: 20px;
		width: 20px;
		vertical-align:middle;
		background-color: #fff;
		color: #000;
		text-align: center;
		border-radius: 3px;
	}
	.mc4wp-form-fields input[type=checkbox]:checked + .box:before {
		content: "\2713";
		font-size: 15px;
	}

.mc4wp-form-fields input[type="submit"] {
	font-family: 'rw-m';
	background-color: #338585;
	color: #fff;
	display: block;
	padding: 10px 24px;
	border: 0;
	width: auto;
	letter-spacing: 0;
	text-transform: none;
}

.mc4wp-alert p {
	font-family: 'mw-i';
}


/* =====================================================
Search & Overlay
===================================================== */

.searchBar {
	height: 60px;
	position: relative;
	margin-top: -60px;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	background-color: #338585;
}
	.searchBar label {
		display: none;
	}
	.searchBar input {
		display: inline-block;
		box-sizing: border-box;
		vertical-align: bottom;
		margin: 0;
		border: 0;
		background-color: #338585;
		color: #fff;
		margin-top: 10px;
		height: 40px;
		line-height: 40px;
	}
	.searchBar input[type="text"] {
		width: calc(100% - 45px);
		border-radius: 3px 0 0 3px;
	}
		.searchBar input[type="text"]:focus {
			background-color: #338585;
		}
	.searchBar input[type="submit"] {
		border-radius: 0 3px 3px 0;
		width: 40px;
		padding: 0;
		font-family: 'jaha';
		background-color: #338585;
		margin-left: -4px;
	}

.searchOn header {
}
.searchOn .searchBar {
	margin-top: 0;
}

/* =====================================================
Container/Column Divs
===================================================== */

section {
	overflow: auto;
	clear: both;
}

.wrapper {
	width: 1230px;
	margin: 0 auto;
}
	.wrapper > * {
		padding-left: 14px;
		padding-right: 14px;
		box-sizing: border-box;
	}
	
.nopadding {
	padding-left: 0;
	padding-right: 0;
}

.justpadding {
	padding-left: 14px;
	padding-right: 14px;
	box-sizing: border-box;
}

.biggerGutter.right {
	padding-left: 18px;
	padding-left: 42px;
}
.biggerGutter.left {
	padding-right: 64px;
	padding-right: 42px;
}
	
.right {
	float: right;
}

.left {
	float: left;
}

.singleCol {
	width: 860px;
	margin: 0 auto;
}

.oneHalf {
	width: 50%;
}

.twoThirds {
	width: 66%;
}

.oneThird {
	width: 33%;
}
.oneFourth {
	width: 25%;
}
.threeFourths {
	width: 75%;
}

.button {
	display: block;
	padding: 10px 16px;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
	font-family: 'rw-b';
	color: inherit;
}
	.buttonType1 {
		background-color: #6df7ae;
		color: #006666;
		border-radius: 3px;
		
	}
		.buttonType1:active,
		.buttonType1:hover {
			background-color: #006666;
			background-color: #fff;
		}	
	
	.buttonTypewys {
		background-color: #6df7ae;
		border: 3px solid #6df7ae;
		color: #006666;
		border-radius: 3px;
	}
		.buttonTypewys:active,
		.buttonTypewys:hover {
			background-color: #fff;
			border: 3px solid #006666;
		}	
	.buttonType2 {
		background-color: #338585;
		color: #fff;
		border-radius: 3px;
	}
		.buttonType2:active,
		.buttonType2:hover {
			color: #006666;
			background-color: #fff;
		}	
	.buttonType4 {
		background-color: #E9E9E8;
		color: #312D28;
		border-radius: 3px;
		display: inline-block;
	}
		.buttonType4:active,
		.buttonType4:hover {
			color: #312D28;
			background-color: #fff;
		}
		
	.buttonTypeOutline {
		color: #fff;
		border-radius: 3px;
		font-family: 'rw-bk';
		letter-spacing: 3px;
		text-transform: uppercase;
		display: inline-block;
		padding: 20px 40px;
	}
	.button.buttonBrown {
		background-color: #ba9769;
		border: 3px solid #a27c4a;
		color: #fff;
	}
		.button.buttonBrown:active,
		.button.buttonBrown:hover {
			color: #fff;
			background-color: #a27c4a;
		}
	.button.buttonTeal {
		color: #fff;
		background-color: #338585;
		border: 3px solid #2c7272;
	}
		.button.buttonTeal:active,
		.button.buttonTeal:hover {
			color: #fff;
			background-color: #2c7272;
		}
	.buttonTypeGray {
		padding: 12px 14px;
		background-color: #D6D6D3;
		color: #524e49;
		display: inline-block;
		border-radius: 3px;
		letter-spacing: 1px;
	}
		.buttonTypeGray:hover {
			background-color: #bdbdb9;
		}
		
				
	header .mainNav .megaDropdown .button {
		display: inline-block;
		margin-top: 15px;
		border-radius: 3px;
		color: #338585;
	}
		header .mainNav .megaDropdown .button:hover {
			background-color: #006666;
		}
		

/* =====================================================
Header and Top Navigation
===================================================== */

header {
	background-color: #006666;
	text-align: center;
	overflow: hidden;
	height: 124px;
	box-sizing: border-box;
}

header .logo {
	display: block;
	float: left;
	margin-top: 28px
}
header .logo img {
	width: 178px;
	height: auto;
}

header .buttons {
	width: 166px;
	float: right;
	display: inline-block;
	margin-top: 20px;
}

header .mainNav > ul {
	margin: 0;
	padding: 0;
}

header .mainNav > ul > li {
	display: inline-block;
	margin-left: -4px;
	vertical-align: top;
}
	header .mainNav > ul > li > a {
		color: #fff;
		display: inline-block;
		font-family: "rw-bk";
		height: 124px;
		letter-spacing: 3px;
		padding: 42px 16px 16px;
		text-align: center;
		text-transform: uppercase;
		vertical-align: top;
		box-sizing: border-box;
	}
		header .mainNav > ul > li > a > span span {
			color: #6df7ae;
			display: block;
			font-family: 'mw-bi';
			font-size: .9em;
			text-transform: none;
			letter-spacing: 0;
			margin-top: 4px;
		}
			header .mainNav > ul > li.menu-item-has-children > a:after {
				content: '\e900';
				display: block;
				margin: 0 auto;
				position: relative;
				color: #338585;
				font-family: 'jaha';
				margin-top: 14px;
			}
		header .mainNav > ul > li.current-menu-item > a,
		header .mainNav > ul > li.current-page-ancestor > a,
		header .mainNav > ul > li:hover > a,
		header .mainNav > ul > li > a.current-menu-item {
			background-color: #338585;
		}
			header .mainNav > ul > li.current-menu-item > a:after,
			header .mainNav > ul > li.current-page-ancestor > a:after,
			header .mainNav > ul > li:hover > a:after,
			header .mainNav > ul > li > a.current-menu-item > span:after {
				color: #006666;
			}
			
header .mainNav li .megaDropdown {
	background: -moz-linear-gradient(top, rgba(51,133,133,1) 0%, rgba(51,133,133,.95) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(51,133,133,1) 0%,rgba(51,133,133,.95) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(51,133,133,1) 0%,rgba(51,133,133,.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#338585ff', endColorstr='#338585ff',GradientType=0 ); /* IE6-9 */
    box-sizing: border-box;
    display: block;
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition: opacity 0.3s ease-in-out 0s;
    width: 100%;
	text-align: left;
	z-index: -2;
}
	
	header .mainNav li .megaDropdown .wrapper {
		margin: 46px auto;
		overflow: auto;
		padding-bottom:2px;
	}
	header .mainNav li:hover .megaDropdown {
		height: auto;
		height: 194px;
		height: auto;
		opacity: 1;
		overflow: visible;
		z-index: 20;
	}
	header .mainNav .megaDropdown ul {
		-moz-column-width: 16em; 
		-webkit-column-width: 16em;
		column-width: 16em;
	}
	header .mainNav .megaDropdown li {
		margin-bottom: 20px;
	}
		header .mainNav .megaDropdown li:before {
			font-family: 'jaha';
			content: '\e902';
			color: #004A4A;
			font-size: .7em;
			padding: 4px 4px 0 0;
		}
	header .mainNav .megaDropdown a {
		color: #fff;
		font-family: 'rw-b';
		font-size: .9em;
		line-height: 1em;
	}
		header .mainNav .megaDropdown li:hover:before,
		header .mainNav .megaDropdown li:hover a {
			color: #6df7ae;
		}
		
	header .mainNav .megaDropdown img {
		width: 100%;
		height: auto;
	}
	header .mainNav .megaDropdown h3 {
		color: #fff;
		margin-bottom: 6px;
	}
		header .mainNav .megaDropdown h3 span {
			color: inherit;
			font-family: 'mw';
			font-size: .8rem;
			display: block;
		}
	header .mainNav .megaDropdown p,
	header .mainNav .megaDropdown .megaMenuNews li {
		font-size: .8rem;
		color: #fff;
		margin-bottom: 10px;
	}
	header .mainNav .megaDropdown .megaMenuNews ul {
		column-width: auto;
		margin-left: 20px;
	}
	header .mainNav .megaDropdown .megaMenuNews li::before {
		content: '';
		padding: 0;
	}
	header .mainNav .megaDropdown .megaMenuNews li {
		list-style-type: disc;
	}
	header .mainNav .megaDropdown a{
	}
		header .mainNav .megaDropdown a:hover {
			color: #6df7ae;
		}
	header .mainNav .megaDropdown i {
		color: inherit;
	}
	header .mainNav .megaDropdown .megaMenuNews .readmore {
		margin-top: 20px;
	}

	
		

header .buttons span {
	float: left;
	font-family: 'rw-b';
}

header .donateButton,
header .searchButton {
	text-align:right;
}
	header .donateButton {
		margin-bottom: 10px;
	}
	header .searchButton i,
	header .searchButton span{
		color: #fff;
	}
	header .donateButton i,
	header .donateButton span{
		color: #006666;
	}

header .buttons a:hover i,
header .buttons a:hover span {
	color: #006666;
}


.microSite header {
	min-height: 58px;
	height: auto;
}
/*
.microSite header .mainNav li .megaDropdown {
	top: 58px;
}
*/

.microSite header .mainNav > ul > li > a .menuSubText,
.microSite header .buttons span {
	display: none;
}

.microSite header .logo {
	margin-top: 8px;
}
	.microSite header .logo img {
		width: 98px;
		height: auto;
	}

.microSite header .mainNav > ul > li > a {
	padding: 22px 40px;
	font-size: .9em;
	height: auto;
}
	.microSite header .mainNav > ul > li > a:after {
		display: block;
		float: right;
		margin: -2px -22px;
	}

.microSite header .buttons {
	text-align: right;
}
	.microSite header .donateButton,
	.microSite header .searchButton {
		display: inline;
	}

.microHead {
	overflow: auto;
	min-height: 118px;
}


.microHead .title a {
	align-items: center;
    display: flex;
    margin-top: 24px;
    width: 250px;
	text-decoration: none;
}
.microHead .title img {
	height: 70px;
	margin-right: 20px;
}
.microHead .title span {
    font-family: "rw-b";
    color: #312c26;
    font-size: 1.2em;
	line-height: 1.2em;
}

.microHead .microNav  a {
	font-family: 'rw-b';
	color: #338585;
	font-size: 1em;
}
.microHead .microNav > ul > li {
	display: inline-block;
	margin-left: 24px;
}
	.microHead .microNav > ul > li > a {
		display: block;
		text-align: center;
		padding: 50px 26px 50px 8px;
		border-bottom: 2px solid #fff;
	}
		.microHead .microNav > ul > li.page_item_has_children > a:after {
			content: '\e900';
			position: relative;
			color: #006666;
			font-family: 'jaha';
			display: block;
			float: right;
			margin: 0px -26px;
		}
		.microHead .microNav > ul > li.current_page_ancestor > a,
		.microHead .microNav > ul > li.current_page_ancestor > a:after,
		.microHead .microNav > ul > li:hover > a,
		.microHead .microNav > ul > li:hover > a:after{
			color: #25221F;
		}
		.microHead .microNav > ul > li.current_page_ancestor > a,
		.microHead .microNav > ul > li:hover > a,
		.microHead .microNav > ul > li > a.current-menu-item {
			border-bottom: 2px solid #25221F;
		}
		
		
		
.microHead .microNav > ul ul {
	background: #eee;
    box-sizing: border-box;
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
	text-align: left;
	border-top: 2px solid #25221F;
	margin-top: -2px;
	z-index: 0;
}
	.microHead .microNav > ul > li:hover > ul {
		height: auto;
		padding: 0;
		height: 194px;
		height: auto;
		opacity: 1;
		overflow: visible;
		z-index: 1;
	}
		/*.microHead .microNav > ul ul li:before {
			font-family: 'jaha';
			content: '\e902';
			color: #004A4A;
			font-size: .8em;
			padding: 4px 4px 0 0;
		}
		*/
		.microHead .microNav  > ul ul li.current_page_item > a,
		.microHead .microNav > ul ul li.current_page_item:before {
			color: #25221F;
		}
	.microHead .microNav > ul ul li {
		border-bottom: 1px solid #312C27;
	}
	.microHead .microNav > ul ul a {
		color: #006666;
		font-family: 'rw-b';
		font-size: .9em;
		line-height: 1em;
		padding: 10px;
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
	}
		.microHead .microNav > ul ul  li:hover:before,
		.microHead .microNav > ul ul  li:hover a {
			color: #6df7ae;
			background-color: #006666;
		}

.microNav input,
.microNav label,
header input,
header label,
#menuToggle,
header label.menuButton {
	display: none;
}

.mastheadImage {
	background-position: center center;
	height: 500px;
	display: table;
	width: 100%;
}
	.mastheadImage:before {
		display: table;
		height: 500px;
		width: 100%;
		position: absolute;
		content: '';
		background: -moz-linear-gradient(top, rgba(25,23,21,.30) 0%, rgba(25,23,21,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(25,23,21,.30) 0%,rgba(25,23,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(25,23,21,.30) 0%,rgba(25,23,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191715ff', endColorstr='#191715ff',GradientType=0 ); /* IE6-9 */
		opacity: .85;
	}
	.mastheadImage .wrapper {
		width: 100%;
		height: 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		position: relative;
	}
	.mastheadImage h1 {
		color: #fff;
		width: 70%;
		margin: 0 auto 20px;		
	}
		.mastheadImage h1 span{
			color: #6df7ae;
			display: block;
			font-family: "mw-i";
			font-size: 0.9rem;
			line-height: 1.4em;
		}
		
section.attractions {
	padding-top: 106px;
	/* padding-bottom: 106px; */
}

section.attractions .callout {
	text-align: center;
	margin-bottom: 60px;
}
	section.attractions .callout img {
		width: 260px;
		height: auto;
		margin-bottom: 30px;
	}
	
section.attractions .bx-wrapper {
	width: 100% !important;
	max-width: 100% !important;
}
	section.attractions .bx-wrapper .bx-viewport {
		border: 0 !important;
		box-shadow: none;
		left: 0;
	}
	section.attractions .attractionSlider {
		padding-bottom: 50px;
	}
		section.attractions .attractionSlider li {
			text-align: center;
			right: -84px;
		}
		section.attractions .attractionSlider a {
			text-decoration: none;
		}
		section.attractions .attractionSlider p {
			font-family: 'rw-b';
			font-size: .95em;
			margin-top: 30px;
			margin-bottom: 0;
		}
		
section.attractions .purchaseCallout {
	background-color: #338585;
	text-align: center;
	padding-bottom: 60px;
}
	section.attractions .bigTriangleColor path {
		fill: #fff;
		stroke: #fff;
		stroke-width: 2;
	}
	section.attractions .purchaseCallout h2 {
		color: #6df7ae;
		padding-top: 60px;
		margin-bottom: 30px;
	}
	section.attractions .purchaseCallout p {
		margin-bottom: 30px;
		color: #fff;
		font-size: 1.2rem;
	}
	section.attractions .purchaseCallout .button {
		padding: 12px 14px;
		display: inline-block;
		border-radius: 3px;
		letter-spacing: 1px;
		font-size: 1rem;
		text-transform: uppercase;
	}
		

table.em-calendar {
	width: 100%;
	margin-bottom: 30px;
}
	
	table.em-calendar td {
		width: 14.28%;
		box-sizing: border-box;
		border-left: 7px solid #E9E9E8;
		border-right: 7px solid #E9E9E8;
		padding: 10px;
	}

	table.em-calendar thead td {
		border-radius: 7px 7px 0 0;
		background-color: #D6D6D3;
		font-family: 'rw-m';
		font-size: .75em;
		color: #312C27;
	}
	table.em-calendar tbody td {
		background-color: #fff;
		border-radius: 0 0 7px 7px;
		font-size: .9em;
		text-align: left;
		height: 140px;
		vertical-align: top;
	}

	table.em-calendar td.eventless-today,
	table.em-calendar td.eventful-today {
		background-color: #fff;
	}
	
	table.em-calendar ul {
		list-style-type: none;
	}
	table.em-calendar li{
		line-height: 1.4em;
		margin-bottom:12px;
	}
		table.em-calendar li:last-child{
			margin-bottom: 0;
		}
	
	table.em-calendar td li span,
	table.em-calendar td.eventful a,
	table.em-calendar td.eventful-today a,
	table.em-calendar td a {
		color: #338585;
		display: block;
		font-weight: normal;
		text-decoration: none;
		font-family: 'mw-b';
	}	
		table.em-calendar td.eventful a:hover,
		table.em-calendar td.eventful-today a:hover,
		table.em-calendar td a:hover {
			color: #006666;
		}
/* =====================================================
Footer
===================================================== */

footer {
	background-color: #312d28;
	color: #fff;
	overflow: auto;
	padding-top: 45px;
	padding-bottom: 45px;
}
	footer h2,
	footer p,
	footer a {
		color: #fff;
	}
		footer a:hover {
			color: #9d9387;
		}
	footer .right {
		text-align: right;
	}
	footer nav li {
		display: inline-block;
	}
	footer h2 {
		font-family: 'rw-b';
		font-size: 1.3em;
		margin-bottom: 20px;
	}
	footer p {
		font-size: .8em;
	}
	.footerNav {
		margin-bottom: 50px;
	}
	.footerNav li {
		border-left: 2px solid #4d463e;
		font-size: .9em;
		margin-bottom: 12px;
	}
		.footerNav li:first-child{
			border-left: 0px;
		}
		.footerNav a {
			margin: 6px 12px;
			font-family: 'rw-m';
		}
		.footerNav li:last-child a{
			margin: 6px 0 6px 12px;
		}
	.socialNav {
		margin-bottom: 30px;
	}
		.socialNav li {
			margin-left: 10px;
		}
		.socialNav a {
			background-color: #4d463e;
			color: #312d28;
			display: block;
			width: 36px;
			height: 36px;
			text-align: center;
			border-radius: 2px;
			box-sizing: border-box;
			font-family: 'jaha';
			font-size: 1.6em;
			line-height: 1.4em;
		}

@media only screen and (max-width : 1258px) {
	
	.wrapper {
		width: 100%;
	}
	
	
	
}
@media only screen and (max-width : 1160px) {

	.microHead  .title.left,
	.microHead  .microNav.right {
		float: none;
		width: 100%;
	}
	
	.microHead .microNav > ul > li {
		margin-left: 0;
		margin-right: 24px;
	}
	

}
@media only screen and (max-width : 1150px) {
	
	h1 {
		font-size: 2.8em;
	}
	.bodyContent h1 {
		font-size: 2.2em;
	}
	h2 {
		font-size: 1.8em;
	}
	

	header {
		min-height: 58px;
		height: auto;
	}
	header .mainNav > ul > li.menu-item-has-children > a:after,
	header .mainNav > ul > li > a .menuSubText,
	header .buttons span {
		display: none;
	}
	header .buttons{
		width: auto;
	}

	header .logo {
		margin-top: 8px;
		margin-bottom: 12px;
	}
		header .logo img {
			width: 98px;
			height: auto;
		}

	header .mainNav > ul > li > a {
		padding: 22px 40px;
		font-size: .9em;
		height: auto;
	}
		header .mainNav > ul > li > a:after {
			display: block;
			float: right;
			margin: -2px -22px;
		}

	header .buttons {
		text-align: right;
	}
		header .donateButton,
		header .searchButton {
			display: inline;
		}
		
	.microHead {
		height: auto;
		min-height: 212px;
	}
		.microHead .microNav > ul > li {
			margin-right: 16px;
		}

	/*start megamenu mobile */
	.megaDropdown .oneFourth {
		display: none;
	}
	
	header {
		text-align: right;
	}
	
	header .buttons {
		float: none;
		padding-right: 4px;
	}
	
	header .mainNav li .megaDropdown .wrapper {
		margin: 0 auto;
	}
	
	header .mainNav .megaDropdown ul {
		-moz-column-width: auto; 
		-webkit-column-width: auto;
		column-width: auto;
		padding: 0;
	}
	
	header .mainNav li .megaDropdown {
		margin: 0;
		padding: 0;
		position: relative;
	}
		header .mainNav li:hover .megaDropdown {
			/*opacity: 0;*/
			overflow: hidden;
			height: auto;
		}
		header .mainNav .megaDropdown li {
			margin-bottom: 0;
		}
		header .mainNav .megaDropdown li:before {
			display: none;
		}
	
	header .mainNav li .megaDropdown div.oneHalf,
	header .button.donateButton {
		display: none;
	}
	
	header label,
	header label.menuButton {
		display: inline-block;
		width: auto;
		background-color: #6df7ae;
		color: #338585;
		font-size: 1em;
		margin-right: 14px;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
		header label {
			z-index: 2;
			position: relative;
			background-color: transparent;
		}
	

	header .mainNav li .megaDropdown,
	header .mainNav {
		height: 0;
		overflow: hidden;
		display: block;
		padding-top: 12px;
		width: 100%;
		padding: 0;

		-webkit-transition: height 0.3s ease 0s;
		transition: height 0.3s ease 0s;
	}
	
	header input:checked + .megaDropdown,
	header input:checked + .mainNav {
		height: 100%;
		z-index: 1;
		opacity: 1;
	}
	
	header .mainNav li {
		color: #fff;
		display: block;
		padding-left: 0;
		padding-right: 0;
		text-align: center !important;
		width: 100%;
	}
		
		header .mainNav .megaDropdown a,
		header .mainNav li a{
			line-height: 40px;
			display: block;
			width: 100%;
			height: 40px;
			padding: 0 14px;
			box-sizing: border-box;
		}
			header .mainNav li li a{
				border-top: 1px solid #006666;
			}
	header .mainNav > label {
		padding: 14px 14px 14px 36px;
		text-transform: uppercase;
		font-size: 1.2em;
		margin: 0;
		cursor: pointer;
		text-align: center;
		color: #fff;
	}

	header .mainNav li label {
		color: #fff;
		cursor: pointer;
		display: inline-block;
		float: right;
		font-size: 1.2em;
		margin: -30px 4px 0 0;
		text-transform: uppercase;
		width: 36px;
	}
		header .mainNav li label i {
			padding: 8px;
		}
	header .mainNav ul {
		
		overflow: hidden;
		display: block;
		width: 100%;
		opacity: 1;
		-webkit-transition: height 0.3s ease 0s;
		transition: height 0.3s ease 0s;
	}
	header .mainNav > ul > li {
		margin-left: 0;
	}
	
	header .mainNav > ul > li:not(.menu-item-has-children) label,
	header .mainNav > ul > li:not(.menu-item-has-children) input {
		display: none;
	}

	
	.microSite header .mainNav > ul > li > a, 
	header .mainNav > ul > li > a {
		padding: 14px;
		line-height: 1em;
	}	
		
	/* end megamenu mobile */

	/*start microNav mobile*/
	.microHead {
		height: auto;
		min-height: 118px;
	}
	
	nav.microNav  {
		padding: 0;
		margin-top: 20px;
	}
	.microNav ul {
		height: 0;
		overflow: hidden;
		-webkit-transition: height 0.3s ease 0s;
		transition: height 0.3s ease 0s;
	}
		.microNav li {
			display: block;
			width: 100%;
			box-sizing: border-box;
			margin: 0;
			border-bottom: 0 !important;
		}
		
		.microHead .microNav > ul > li {
			display: block;
		}
			
			.microHead .microNav > ul > li > a, 
			.microHead .microNav > ul ul a {
				width: 100%;
				height: 40px;
				display: block;
				padding: 0 14px;
				text-align: center;
				box-sizing: border-box;
				line-height: 40px;
				border-bottom: 0 !important;
			}
				.microHead .microNav > ul > li  > a {
					border-top: 1px solid #312C27;
				}
					.microHead .microNav > ul > li:last-child  > a {
						border-bottom: 1px solid #312C27;
					}
			
	.microHead .microNav > ul ul {
		position: relative;
		border: 0px;
	}
	
	.microNav > label {
		display: inline-block;
		width: auto;
		background-color: #338585;
		color: #312C27;
		font-size: 1em;
		margin-right: 14px;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;	
		float: right;
		margin-top: -74px;
	}
		.microNav > label:hover {
			background-color: #6df7ae;
		}
	
		.microNav ul label {
			display: block;
			cursor: pointer;
			display: inline-block;
			float: right;
			font-size: 1.2em;
			margin: -30px 4px 0 0;
			text-transform: uppercase;
			width: 36px;
		}
	
	.microNav input:checked + ul {
		height: auto;
		z-index: 1;
		opacity: 1;
	}
	
	
	

	.microHead .microNav > ul > li:hover .children {
		overflow: hidden;
		height: auto;
	}
	
	.microHead .microNav > ul > li.current_page_ancestor > a:after,
	.microHead .microNav > ul > li.page_item_has_children > a:after {
		display: none;
	}
	
	.microHead .microNav > ul > li, 
	.microHead .microNav > ul > li > a, 
	.microHead .microNav > ul > li.current_page_ancestor > a, 
	.microHead .microNav > ul > li:hover > a, 
	.microHead .microNav > ul > li > a.current-menu-item {
		border: 0 !important;
	}
	.microHead .microNav > ul ul {
		border-top: 0 !important;
		margin-top: 0;
	}
	
	.microHead .microNav ul ul li a {
		border-top: 1px solid #312C27;
	}
	
	/*end microNav mobile*/	

}

@media only screen and (max-width : 1060px) {

	.oneFourth {
		width: 50%;
	}
	
	.threeFourths + .oneFourth {
		width: 25%;
	}
	
	.biggerGutter.left {
		padding-right: 14px;
	}
	.biggerGutter.right {
		padding-left: 14px;
	}
	
	
}

@media only screen and (max-width : 990px) {
	


}

@media only screen and (max-width : 920px) {

	.oneHalf {
		width: 100%;
		float: none !important;
	}
		.wrapper > .oneHalf:nth-of-type(2),
		.wrapper > .oneHalf:nth-of-type(3) {
			margin-top: 90px;
		}
		
	.threeFourths,
	.threeFourths + .oneFourth {
		width: 100%;
	}
	
	.oneHalf.left input,
	.oneHalf.right label, .oneHalf.right input {
		width: 100%;
	}
	
	.oneHalf.left input {
		margin-right: 0;
	}
	
	.oneHalf.right label, .oneHalf.right input {
		margin-left: 0;
	}
	
	footer .left,
	footer .right {
		text-align: center;
	}
	.mc4wp-form-fields input[type="submit"] {
		margin: 0 auto;
	}

}
@media only screen and (max-width : 888px) {

	.singleCol {
		width: 100%;
	}
}
@media only screen and (max-width : 830px) {

	h1 {
		font-size: 2.5em;
	}

	
	
	
	
	
	
	
	
	section.attractions {
		padding-top: 50px;
		/* padding-bottom: 50px; */
	}

	
	
}

@media only screen and (max-width : 920px) {
	.events div.right {
		margin-top: 0;
	}
}

@media only screen and (max-width : 900px) {
	
	table.em-calendar thead {
		display: none;
	}
	
	table.em-calendar tbody td {
		display: block;
		width: 100%;
		box-sizing: border-box;
		height: auto;
		border-left: 0;
		border-right: 0;
		margin: 20px auto;
		border-radius: 3px;
	}

	table.em-calendar tbody td:before {
		background-color: #d6d6d3;
		color: #312c27;
		content: attr(data-head);
		display: block;
		font-size: 1.2em;
		font-weight: bold;
		margin: -10px -10px 10px;
		padding: 10px;
		border-radius: 3px 3px 0 0;
	}

}

@media only screen and (max-width : 800px) {
	.oneFourth {
		width: 100%;
	}
	
}

@media only screen and (max-width : 740px) {
	img.alignright,
	img.alignleft {
		float: none;
		margin: 20px auto 20px;
		display: block;
	}
}

@media only screen and (max-width : 550px) {
	h1 {
		font-size: 1.8em;
	}
	
	.buttonTypeOutline {
		padding: 10px 20px;
	}

}


@media only screen and (min-width : 1150px) {
	
	.microHead .microNav > ul > li:hover > ul,
	header .mainNav,
	header .mainNav li .megaDropdown {
		height: auto !important;
	}
	header input:checked + .megaDropdown{
		height: auto !important;
		z-index: -2;
		opacity: 0;
	}
	
}