@charset "UTF-8";


/*-- General --*/

.clearer { 
	clear:both;
}

#main .page-header,
.primary,
.secondary {
	margin-top:40px !important;
	margin-top:2.5rem !important;
}

#main .primary .page-header {
	margin-top:0 !important;
}


/*-- Navigation --*/

nav#topnav {
	background:#fef6e4;
	width:100%;
	height:100px;
	margin:0 auto;
	position:relative;
	z-index:100;
}

nav#topnav .mobile-menu {
	width:50px;
	height:50px;
	padding:12px 10px;
	position:absolute;
	top:50%;
	right:150px;
	transform:translateY(-50%);
	display:none;
}

nav#topnav .mobile-menu .line {
	background:#212121;
	width:30px;
	height:4px;
	margin:0 0 6px;
}

nav#topnav .mobile-menu-close {
	width:50px;
	height:50px;
	padding:12px 6px;
	position:absolute;
	top:50%;
	right:150px;
	transform:translateY(-50%);
	display:none;
}

nav#topnav .mobile-menu-close .line {
	background:#212121;
	width:38px;
	height:4px;
}

nav#topnav .mobile-menu-close .line:first-child {
	transform:rotate(45deg);
	position:relative;
	top:11px;
}

nav#topnav .mobile-menu-close .line:last-child {
	transform:rotate(-45deg);
	position:relative;
	top:7px;
}

nav#topnav a.logo {
	width:150px;
	height:auto;
	position:absolute;
	top:10px;
	left:15px;
}

nav#topnav ul.main {
	list-style:none;
	position:absolute;
	top:50%;
	left:200px;
	transform:translateY(-50%);
}

nav#topnav ul.main li {
	padding:20px 40px;
	margin:0;
	display:inline-block;
	position:relative;
}

nav#topnav ul.main li a {
	font:20px/20px "TradeGothicW01-BoldCn20 675334", sans-serif;
	text-transform:uppercase;
	color:#212121;
	transition:all 0.2s ease;
}

nav#topnav ul.main li a:hover {
	color:#4c92a4;
}

nav#topnav ul.main li ul.dropdown {
	text-align:center;
	border-top:3px solid #212121;
	position:absolute;
	top:55px;
	left:50%;
	transform:translateX(-50%);
	display:none;
	opacity:0;
}

nav#topnav ul.main li ul.dropdown li {
	padding:0;
	margin:0;
	display:block;
}

nav#topnav ul.main li ul.dropdown li a {
	font:18px/18px "TradeGothicW01-BoldCn20 675334", sans-serif;
	background:#8cbdca;
	border-top:1px solid #212121;
	border-bottom:1px solid #212121;
	width:220px;
	padding:15px 0;
	display:block;
	transition:all 0.2s ease;
}

nav#topnav ul.main li ul.dropdown li:last-child a {
	border-bottom:0;
}

nav#topnav ul.main li ul.dropdown li a:hover {
	background:#212121;
	color:#fff;
}

nav#topnav ul.main li ul.dropdown .arrow {
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #212121;
	width:0; 
	height:0; 
	position:absolute;
	top:-8px;
	left:50%;
	transform:translateX(-50%);
}

nav#topnav ul.social {
	position:absolute;
	top:50%;
	right:320px;
	transform:translateY(-50%);
}

nav#topnav ul.social li {
	margin:0 0 0 10px;
	display:inline-block;
}

nav#topnav ul.social li a {
	width:20px;
	height:auto;
	display:inline-block;
}

nav#topnav .hours {
	font:16px/20px "Trade Gothic W01 Bold", sans-serif;
	text-transform:uppercase;
	text-align:center;
	background:#f5ec48;
	width:200px;
	height:100%;
	padding:0 20px;
	position:absolute;
	top:0;
	right:90px;
}

nav#topnav .hours span {
	font:16px/20px  "Trade Gothic W01 Cn 18", sans-serif;
}

nav#topnav .hours .flexslider {
	position:relative;
	top:50%;
	transform:translateY(-50%);
}

nav#topnav .weather {
	background:#f5ec48;
	width:90px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
}

nav#topnav .weather .widget {
	background:#f5ec48 !important;
}

nav#topnav .weather hr {
	background:#212121;
	width:2px;
	height:70px;
	margin:0;
	padding:0;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}


/*-- Navigation - Weather Widget --*/

#live_weather_station_widget_outdoor-2 {
	list-style:none !important;
}

.lws-widget-header {
	padding-top:10px !important;
	height:auto !important;
}

.lws-widget-container {
	margin:0 auto !important;
}

.lws-icon {
	font-size:26px !important;
}

.lws-widget-med-value {
	font-size:15px !important;
	letter-spacing:-0.01em;
}

.lws-widget-med-unit {
	padding-top:2px !important;
}

.lws-widget-row {
	margin:0 !important;
}

.lws-widget-row > .lws-widget-column:first-child {
	display:none !important;
}


/*-- Home --*/

#home-slideshow {
	background:#212121;
	width:1500px;
	height:700px;
	margin:40px auto 0;
	margin-top:2.5rem;
	position:relative;
	overflow:hidden;
}

#home-slideshow .flexslider {
	width:100%;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

#home-slideshow .flexslider ul.slides,
#home-slideshow .flexslider ul.slides li {
	list-style:none;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	position:relative;
}

#home-slideshow .flexslider ul.slides li img {
	width:100%;
	height:auto;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	opacity:0.75;
}

#home-slideshow .flexslider ul.slides li .callout {
	text-align:center;
	width:100%;
	height:auto;
	position:absolute;
	top:52%;
	transform:translateY(-50%);
	z-index:2;
}

#home-slideshow .flexslider ul.slides li .callout h1 {
	font:110px/110px "PlayerProCondensed", serif;
	letter-spacing:0.03em;
	color:#fef6e4;
	text-shadow:0 0 20px rgba(0, 0, 0, 0.05);
	margin:0;
}

#home-slideshow .flexslider ul.slides li .callout h2 {
	font:60px/60px "PlayerProCondensed", serif;
	letter-spacing:0.03em;
	color:#fef6e4;
	text-shadow:0 0 20px rgba(0, 0, 0, 0.05);
	margin:0;
	display:inline-block;
}

#home-slideshow .flexslider ul.slides li .callout h3 {
	font:100px/100px "signatureregular", serif;
	text-transform:none;
	color:#fef6e4;
	text-shadow:0 0 20px rgba(0, 0, 0, 0.05);
	margin:0;
	padding:0 10px 0 5px;
	position:relative;
	left:-5px;
	display:inline-block;
}

#home-slideshow .button {
	margin:30px 0 0 0;
	-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.05);
	box-shadow:0 0 20px rgba(0, 0, 0, 0.05);
}

#homepage #intro {
	width:100%;
	padding:4% 18% 6% 36%;
	position:relative;
}

#homepage #intro p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
}

#homepage #intro .statue {
    background:url('/images/vulcan-statue.png?1506522127') right top no-repeat;
    content:"";
    display:block;
    position:absolute;
    top:2%;
    right:0;
    bottom:0;
    left:0;
}

#homepage #info {
	width:380px;
	position:absolute;
	top:-100px;
	left:50%;
	margin:0 0 0 -50%;
	z-index:2;
}

#homepage #info h2 {
	font-size:20px;
    font-size:1.25rem;
    line-height:1.1;
    margin:0;
}

#homepage #info h2 a {
    padding:0 0 0 80px;
    padding:0 0 0 5rem;
}

#homepage #info h2 a::before {
    content:"";
    font-family:"FontAwesome";
    font-size:42px;
    font-size:2.625rem;
    position:absolute;
    left:40px;
    left:2.5rem;
}

#homepage #info .location {
    background:#f5ec48;
    padding:20px;
    padding:1.25rem;
}

#homepage #info .location a {
    text-decoration:none;
    display:block;
}

#homepage #info .hours {
    background:#fef6e4;
    text-transform:uppercase;
    padding:40px 30px;
    padding:2.5rem 1.875rem;
}

#homepage #info .hours dl {
    margin-bottom:30px;
    margin-bottom:1.875rem;
}

#homepage #info .hours dl:last-child {
	margin-bottom:0;
}

#homepage #info .hours dt {
    font-family:"Trade Gothic W01 Bold";
    font-size:22px;
    font-size:1.375rem;
    margin-bottom:10px;
    margin-bottom:.625rem;
    text-transform:uppercase;
}

#homepage #info .hours dd {
    display:table;
    font-size:18px;
    font-size:1.125rem;
    table-layout:fixed;
    width:100%;
}

#homepage #info .hours strong {
	display:table-cell;
    vertical-align:top;
}

#homepage #info .hours span {
    display:table-cell;
    vertical-align:top;
    font-family:"Trade Gothic W01 Cn 18";
}

#homepage #info .button {
	background:#8cbdca;
	color:#212121;
    float:left;
    font-size:20px;
    font-size:1.25rem;
    margin:0;
	padding:1em;
    text-decoration:none;
    width:50%;
	transition:all 0.2s ease;
}

#homepage #info .button:hover {
	background:#212121;
	color:#fff;
}

#homepage #info .button:first-of-type {
	border-right:2px solid #212121;
}

#homepage #info  .full {
    border-top:2px solid #212121;
    width:100%;
}

#homepage #upcoming-events {
	width:100%;
	padding:0 0 5% 36%;
}

#homepage #upcoming-events h3 {
	background:#f5ec48;
	font-size:32px;
	font-size:2rem;
	margin:0;
}

#homepage #upcoming-events h3 > span {
    display:inline-block;
    border-right:2px solid #212121;
    padding:20px;
    padding:1.25rem;
    text-align:left;
    width:90%;
}

#homepage #upcoming-events h3 a {
	color:#212121;
	display:inline-block;
    font-size:18px;
    font-size:1.125rem;
    text-align:center;
    overflow:hidden;
    vertical-align:middle;
    width:10%;
    -moz-transition:padding .2s ease-out;
    -o-transition:padding .2s ease-out;
    -webkit-transition:padding .2s ease-out;
    transition:padding .2s ease-out;
}

#homepage #upcoming-events h3 a strong {
	position:absolute;
    left:-99999px;
}

#homepage #upcoming-events ul {
    background:#f8f1c8;
    list-style:none;
    margin:0;
    padding:0;
}

#homepage #upcoming-events ul li {
    border-bottom:1px solid #f5ec48;
}

#homepage #upcoming-events ul li:last-child {
    border-bottom:none;
}

#homepage #upcoming-events ul li a {
    margin-left:auto;
    margin-right:auto;
    color:#212121;
    display:table;
    font-family:"Trade Gothic W01 Bold";
    font-size:18px;
    font-size:1.125rem;
    table-layout:fixed;
    text-decoration:none;
    width:100%;
	padding:1.875rem 0;
}

#homepage #upcoming-events ul li .date {
	clear:none;
    width:15%;
    display:table-cell;
    text-decoration:none;
    vertical-align:middle;
}

#homepage #upcoming-events ul li .date strong {
	background:#212121;
	color:#f5ec48;
    padding:10px 20px;
	padding:.625rem .9375rem;
	margin:0 0 0 -.625rem;
    text-decoration:none;
    text-transform:uppercase;
	white-space:nowrap;
	transition:all 0.2s ease-out;
}

#homepage #upcoming-events ul li:hover .date strong {
    margin:0;
}

#homepage #upcoming-events ul li .title {
    clear:none;
    width:75%;
    display:table-cell;
    text-decoration:underline;
    vertical-align:middle;
}

#homepage #upcoming-events ul li .more {
    clear:none;
    width:10%;
    display:table-cell;
    font-size:32px;
    font-size:2rem;
    text-align:center;
    vertical-align:middle;
}

#homepage #latest-news {
	width:100%;
	padding:0 0 3% 36%;
}

#homepage #latest-news h3 {
    border-bottom:2px solid #212121;
	margin-bottom:0;
}

#homepage #latest-news h3 a {
    margin-bottom:10px;
    margin-bottom:.625rem;
    padding-bottom:5px;
    padding-bottom:.3125rem;
    position:relative;
    width:100%;
}

#homepage #latest-news h3 a::after {
    content:"";
    font-family:"FontAwesome";
    font-size:18px;
    font-size:1.125rem;
    position:absolute;
    top:50%;
	right:0;
    transform:translate(0, -50%);
}

#homepage #latest-news a {
    color:#212121;
    display:block;
    text-decoration:none;
}

#homepage #latest-news a::after {
    content:"";
    font-family:"FontAwesome";
    font-size:18px;
    font-size:1.125rem;
    position:absolute;
    top:50%;
    transform:translate(0, -50%);
}

#homepage #latest-news a p {
    font-family:"Trade Gothic W01 Roman";
    margin:0;
    text-decoration:none;
}

#homepage #latest-news ul {
    list-style:none;
    margin:0;
    padding:0;
}

#homepage #latest-news li {
    border-bottom:2px solid #212121;
    font-family:"Trade Gothic W01 Bold";
    font-size:18px;
    font-size:1.125rem;
    padding:20px 0px;
    padding:1.25rem 0rem;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}

#homepage #latest-news li::before {
    content:'';
    display:table;
}

#homepage #latest-news li:last-child {
	border-bottom:0;
}

#homepage #latest-news .date {
    color:#4c92a4;
    display:block;
    text-transform:uppercase;
    margin-bottom:10px;
    margin-bottom:.625rem;
}

#homepage #latest-news a.news-thumb {
	width:17%;
	height:auto;
	margin:0;
	padding:0 0 17%;
	position:relative;
	float:left;
	overflow:hidden;
}

#homepage #latest-news a.news-thumb::after {
	content:"";
}

#homepage #latest-news a.news-thumb img {
	width:auto;
	max-width:none;
	height:110%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

#homepage #latest-news .excerpt {
	width:80%;
	padding:0 0 0 30px;
	float:left;
}

#homepage #latest-news .excerpt a .title {
    display:block;
    margin-bottom:10px;
    margin-bottom:.625rem;
    text-decoration:underline;
}

#homepage #latest-news .excerpt a::after {
    content:"";
}


/*-- Home - Mobile Size --*/

#home-mobile {
	display:none;
	text-align:center;
	background:#e6e6e6;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:90px 0 0;
	z-index:50;
}

#home-mobile ul {
	list-style:none;
	margin:0;
	padding:0;
}

#home-mobile ul li {
	border-bottom:2px solid #212121;
	padding:15px 0;
}

#home-mobile ul li:last-child {
	border:0;
}

#home-mobile ul li a {
	font-family:"Trade Gothic W01 Bold";
	font-size:32px;
	font-size:2rem;
	line-height:1.1;
	color:#212121;
	text-transform:uppercase;
}

#home-mobile ul.social {
	background:#f5ec48;
	width:100%;
	padding:30px 5% 25px;
	margin:0;
	position:absolute;
	bottom:0;
	left:0;
}

#home-mobile ul.social li {
	border:0;
	width:25%;
	margin:20px 0 0 0;
	padding:0;
	float:left;
}

#home-mobile ul.social li img {
	width:22px;
	height:auto;
}

#home-mobile ul.social li.donate-btn {
	width:100%;
	margin:0;
	padding:0;
	float:none;
}

#home-mobile ul.social li.donate-btn a {
	font-size:16px;
	font-size:1rem;
	color:#fef6e4;
	width:100%;
	margin:0;
	padding:20px 0;
}


/*-- Staff --*/


#junior-board-of-directors ul,
#board-of-directors ul,
#staff ul {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}

#junior-board-of-directors ul li,
#board-of-directors ul li,
#staff ul li {
	width:50%;
	margin:0 0 40px;
}

#junior-board-of-directors ul li .photo,
#board-of-directors ul li .photo,
#staff ul li .photo {
	background:#fef6e4;
	width:30%;
	height:auto;
	padding:0 0 35%;
	float:left;
	position:relative;
}

#junior-board-of-directors ul li .photo img,
#board-of-directors ul li .photo img,
#staff ul li .photo img {
	width:auto;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

#junior-board-of-directors ul li .info,
#board-of-directors ul li .info,
#staff ul li .info {
	width:70%;
	padding:0 5%;
	float:left;
}

#junior-board-of-directors ul li .info h3,
#board-of-directors ul li .info h3,
#staff ul li .info h3 {
	font-size:22px;
	font-size:1.375rem;
	text-transform:none;
	margin:0;
}

#junior-board-of-directors ul li .info p,
#board-of-directors ul li .info p,
#staff ul li .info p {
	font-family:"Trade Gothic W01 Obl";
	font-size:18px;
	font-size:1.125rem;
	margin:0;
}

#junior-board-of-directors ul li .info p.readbio,
#board-of-directors ul li .info p.readbio,
#staff ul li .info p.readbio {
	margin:10px 0 0;
	cursor:pointer;
}

#staff ul li .info p span,
#staff ul li .info p span {
	font-size:14px;
	font-size:.875rem;
}

#junior-board-of-directors ul li .info p.biolink,
#board-of-directors ul li .info p.biolink,
#staff ul li .info p.biolink {
	font-family:"Trade Gothic W01 Roman";
	margin:20px 0 0 0;
	cursor:pointer;
}

#junior-board-of-directors ul li .info a,
#board-of-directors ul li .info a,
#staff ul li .info a {
	display:block;
	color:#000;
	font-size:18px;
	font-size:1.125rem;
	font-family:"Trade Gothic W01 Obl";
}

#junior-board-of-directors ul li .bio,
#board-of-directors ul li .bio,
#staff ul li .bio {
	background:rgba(0, 0, 0, 0.5);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	display:none;
}

#junior-board-of-directors ul li .bio article,
#board-of-directors ul li .bio article,
#staff ul li .bio article {
	background:#fef6e4;
	width:700px;
	height:auto;
	max-height:85%;
	position:fixed;
	top:80px;
	left:50%;
	transform:translateX(-50%);
	overflow-y:auto;
	overflow-x:hidden;
}

#junior-board-of-directors ul li .bio article h3,
#board-of-directors ul li .bio article h3,
#staff ul li .bio article h3 {
	background:#8cbdca;
	border-bottom:2px solid #212121;
	font-family:"PlayerProCondensed";
	font-size:32px;
	font-size:2rem;
	text-align:center;
	padding:30px 40px 20px;
	margin:0;
}

#junior-board-of-directors ul li .bio article .copy,
#board-of-directors ul li .bio article .copy,
#staff ul li .bio article .copy {
	padding:40px 40px 20px 40px;
}

#junior-board-of-directors ul li .bio .close,
#board-of-directors ul li .bio .close,
#staff ul li .bio .close {
	background:#212121;
	width:54px;
	height:54px;
	border-radius:50%;
	position:absolute;
	top:45px;
	left:50%;
	transform:translateX(-50%);
	z-index:100;
	cursor:pointer;
}

#junior-board-of-directors ul li .bio .close .line,
#board-of-directors ul li .bio .close .line,
#staff ul li .bio .close .line {
	background:#fef6e4;
	width:30px;
	height:4px;
	position:relative;
}

#junior-board-of-directors ul li .bio .close .line:first-child,
#board-of-directors ul li .bio .close .line:first-child,
#staff ul li .bio .close .line:first-child {
	top:25px;
	left:12px;
	transform:rotate(45deg);
}

#junior-board-of-directors ul li .bio .close .line:last-child,
#board-of-directors ul li .bio .close .line:last-child,
#staff ul li .bio .close .line:last-child {
	top:21px;
	left:12px;
	transform:rotate(-45deg);
}


/*-- Pushengage Plugin --*/

#pe_confirm {
	background:#8cbdca !important;
	box-shadow:none !important;
	transition:all 0.2s ease;
}

#pe_confirm:hover {
	background:#212121 !important;
}

#pe_confirm .pe-optin-3_allowBtn img {
	max-width:34px !important;
	margin-top:10px !important;
}


/*-- Media Queries --*/

@media (max-width:1500px) {
	
	#home-slideshow {
		width:100%;
		height:auto;
		padding:0 0 47%;
	}
	
	nav#topnav ul.main {
		left:200px;
	}

	nav#topnav ul.main li {
		padding:20px;
	}
	
	nav#topnav ul.social {
		right:300px;
	}

	nav#topnav ul.social li {
		margin:0 0 0 5px;
	}
	
	nav#topnav .hours {
		width:190px;
	}
	
}

@media (max-width:1300px) {
	
	#homepage #info {
		width:30%;
		left:2%;
		margin:0;
	}
	
}

@media (max-width:1200px) {
	
	nav#topnav a.logo {
		width:130px;
		top:15px;
	}
		
	nav#topnav ul.main {
		left:160px;
	}

	nav#topnav ul.main li {
		padding:20px 10px;
	}
	
	nav#topnav ul.social {
		display:none;
	}
	
	#home-slideshow .flexslider ul.slides li .callout h1 {
		font:80px/80px "PlayerProCondensed", serif;
	}

	#home-slideshow .flexslider ul.slides li .callout h2 {
		font:45px/45px "PlayerProCondensed", serif;
	}

	#home-slideshow .flexslider ul.slides li .callout h3 {
		font:80px/80px "signatureregular", serif;
	}
	
	#homepage #info h2 {
		font-size:10px;
	    font-size:1.125rem;
	}
	
	#homepage #info h2 a {
	    padding:0 0 0 60px;
	    padding:0 0 0 3.5rem;
	}
	
	#homepage #info h2 a::before {
	    font-size:34px;
	    font-size:2.125rem;
	    left:25px;
	    left:1.5625rem;
	}
	
	#homepage #info .button {
	    font-size:10px;
	    font-size:1.125rem;
	}
	
}

@media (max-width:1000px) {
	
	#homepage #intro {
		padding:5%;
	}
	
	#homepage #intro .statue {
		display:none;
	}
	
	#homepage #info {
		display:inline-block !important;
		width:100% !important;
		position:relative !important;
		top:0 !important;
		left:0 !important;
		margin:0 !important;
		padding-top:2%;
	}
	
	#homepage #upcoming-events {
		padding:0 5% 5%;
	}
	
	#homepage #upcoming-events h3 {
		font-size:32px;
		font-size:1.375rem;
	}
	
	#homepage #upcoming-events ul li a {
		padding:0;
	}
	
	#homepage #upcoming-events ul li .date {
		background:#f5ebb1;
	}

	#homepage #upcoming-events ul li .date strong {
		background:#f5ebb1;
		color:#212121;
		font-family:"PlayerProCondensed";
		font-size:32px;
		font-size:2rem;
		display:block;
		line-height:1.1;
		text-align:center;
		white-space:normal;
		word-spacing:100px;
		margin:0;
	}
	
    #homepage #upcoming-events ul li .date strong:first-line {
        font-family:"TradeGothicW01-BoldCn20 675334";
        font-size:16px;
        font-size:1rem;
    }
	
	#homepage #upcoming-events ul li .title {
		padding:0 0 0 5%;
	}
	
	#homepage #latest-news {
		padding:0 5% 3%;
	}
	
}

@media (max-width:960px) {
	
	#main .page-header,
	.primary,
	.secondary {
		margin-top:0 !important;
		margin-top:0 !important;
	}
	
	#home-slideshow {
		margin-top:0;
	}
	
}

@media (max-width:900px) {
	
	nav#topnav .hours {
		right:0;
	}

	nav#topnav .weather {
		display:none;
	}
	
	#home-slideshow .flexslider ul.slides li .callout h1 {
		font:60px/60px "PlayerProCondensed", serif;
	}

	#home-slideshow .flexslider ul.slides li .callout h2 {
		font:30px/30px "PlayerProCondensed", serif;
	}

	#home-slideshow .flexslider ul.slides li .callout h3 {
		font:60px/60px "signatureregular", serif;
	}
	
}

@media (max-width:800px) {
	
	nav#topnav {
		height:90px;
	}
	
	nav#topnav .mobile-menu {
		display:block;
	}
	
	nav#topnav a.logo {
		top:10px;
	}
	
	nav#topnav ul.main {
		text-align:center;
		background:#8cbdca;
		width:100%;
		height:100%;
		position:fixed;
		top:90px;
		left:0;
		transform:none;
		display:none;
	}

	nav#topnav ul.main li {
		padding:20px 0;
		display:block;
		border-top:1px solid #212121;
		border-bottom:1px solid #212121;
	}
	
	nav#topnav ul.main li:first-child {
		border-top:0;
	}
	
	nav#topnav ul.main li:nth-last-child(2) {
		border-bottom:0;
	}
	
	nav#topnav ul.main li ul.dropdown {
		display:none !important;
	}
	
	nav#topnav ul.social {
		position:fixed;
		top:100%;
		right:15px;
		margin:-45px 0 0 0;
		transform:none;
	}
	
	nav#topnav ul.social li {
		margin:0 0 0 10px;
	}
	
	nav#topnav ul.social li a {
		width:20px;
	}
	
	nav#topnav .hours {
		font:12px/16px "Trade Gothic W01 Bold", sans-serif;
		width:140px;
	}
	
	nav#topnav .hours span {
		font:12px/16px  "Trade Gothic W01 Cn 18", sans-serif;
	}
	
	nav#topnav .weather {
		background:none;
		width:90px;
		height:100%;
		position:fixed;
		top:100%;
		right:100%;
		margin:-70px -90px 0 0;
	}

	nav#topnav .weather .widget {
		background:none !important;
	}
	
	.lws-widget-row {
		display:none !important;
	}
	
	#homepage #intro article {
		display:none;
	}
	
	#junior-board-of-directors ul li,
	#board-of-directors ul li,
	#staff ul li {
		width:100%;
	}
	
	#junior-board-of-directors ul li .bio article,
	#board-of-directors ul li .bio article,
	#staff ul li .bio article {
		width:90%;
	}
	
}

@media (max-width:650px) {
	
	footer .navigation {
		display:none;
	}
	
}

@media (max-width:600px) {
	
	#home-slideshow {
		padding:0 0 57%;
	}
	
	#home-slideshow .flexslider ul.slides li .callout h1 {
		font:40px/40px "PlayerProCondensed", serif;
	}

	#home-slideshow .flexslider ul.slides li .callout h2 {
		font:20px/20px "PlayerProCondensed", serif;
	}

	#home-slideshow .flexslider ul.slides li .callout h3 {
		font:40px/40px "signatureregular", serif;
	}
	
	#homepage #info {
		padding:0 !important;
	}
	
	#homepage #upcoming-events {
		padding:0 0 5%;
	}
	
	#homepage #upcoming-events ul li .date {
	    width:20%;
	}
	
	#homepage #upcoming-events ul li .title {
	    width:80%;
		padding:0 5%;
	}

	#homepage #upcoming-events ul li .more {
		display:none;
		width:0;
	}
	
	#homepage #latest-news a.news-thumb {
		display:none;
	}
	
	#homepage #latest-news .excerpt {
		width:100%;
		padding:0;
		float:none;
	}
	
	#homepage #latest-news a p {
		display:none;
	}
	
}

#pause, #homePause {
    position: absolute;
    bottom: 10px;
    right: 8px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    z-index: 999;
}
#pause svg {
    width: 18px;
    height: 18px;
} 

#homePause svg {
    width: 36px;
    height: 36px;
}

#homePause svg * {
    fill: #fef6e4;

}
#main .page-header.banner-wrap > h2,
#main .page-header > h1
{
    display: inline-block;
    font-family: "PlayerProCondensed";
    line-height: 1;
    margin: 0;
    padding: 10px 20px;
    padding: .625rem 1.25rem;
    width: auto;
    white-space: nowrap;
    color: #000;
	background: #f5ec48;
    font-size: 3rem;
}

#main .page-header.banner-wrap>h1 {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 2
}

@media (max-width: 38.125em) {
    #main .page-header.banner-wrap>h1 {
        position: relative;
        top: 0;
        width: 100%;
        font-size: 24px;
        font-size: 1.5rem
    }

    #main .page-header>h1 {
        display: block;
        font-size: 24px;
        font-size: 1.5rem
    }
}

#main .gallery-module .page-header.banner-wrap>h1 {
    top: 0
}

.callout-module a {
    text-decoration: underline;
}

#homepage #latest-news .date {
	color: #000;
}

.gform_wrapper .gfield_contains_required .gfield_required {
	color: #146476;
}

.gform_wrapper .clear-multi .gfield_time_hour label,
.gform_wrapper .clear-multi .gfield_time_minute label {
	color: #666;
}

.gform_wrapper .gform_body .gfield_radio label, .gform_wrapper .gform_body .gfield_checkbox label {
	color: #666;
}


#home-slideshow .flexslider ul.slides li .callout h1,
#home-slideshow .flexslider ul.slides li .callout h2,
#home-slideshow .flexslider ul.slides li .callout h3 {
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#gform_wrapper_1 #input_1_1 {
    outline: initial;
}