/*
Theme Name: Brevard Zoo Theme
Theme URI: http://skyadinc.com/
Author: the SKY team
Author URI: http://skyadinc.com/
Description: Theme created specifically for the Brevard Zoo.
Version: 3.21
*/

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

/***************** END OF RESET CSS *********************/

html, body { margin: 0 auto; width:100%; height:100%; box-sizing:border-box; }
html { scroll-padding-top:300px !important; }
body {
	padding:0;
	margin:0 auto;
	font-size:16px;
	font-family:'Open Sans', sans-serif;
	font-weight:300;
	overflow:auto;
	color:#fff;
	background-color:#fff;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
header, nav, section, article, aside, footer, hgroup { 
	display: block;
}
h1 { font-size:250%; }
h2 { font-size:200%; }
h3 { font-size:175%; }
h4 { font-size:150%; }
a { text-decoration:none; font-weight:bold !important; }
img {
	border:0;
	margin: 0 0;
	}
sup {
	line-height:0;
}
.span { z-index:-1; }
.clear {
	clear:both;
	}

.nowrap {
	white-space:nowrap;
}

.alignleft {
	float:left;
	padding:5px 40px 5px 0;
	}
.alignright {
	float:right;
	padding:5px 0 5px 40px;
	}
.aligncenter {
	display:block;
	margin:auto;
	}
	
/* Standard styles */
div#sitewrap { position:relative; z-index:1; }
.band { min-width:100%; position:relative; z-index:2; box-sizing:border-box; }
.band:after { clear:both; display:block; content:""; }
.yellowtext { color:#ecfb85; }
.semibold { font-weight:600; }
.bold, strong, b { font-weight:700; }
i, em { font-style:italic; }
.centered { text-align:center; }
.uppercase { text-transform:uppercase; }
.condensed { font-family: 'Open Sans Condensed', sans-serif; }
.light { font-weight:300; }
.nomargin { margin:0 !important; }
.nopadding { padding:0 !important; }
.disclaimer { font-size:80%; display:inline-block; line-height:115%; }
.text125 { font-size:125%; }
.text130 { font-size:130%; }
.text135 { font-size:135%; }
.text140 { font-size:140%; }
.text145 { font-size:145%; }
.text150 { font-size:150%; }
.text160 { font-size:160%; }
.text170 { font-size:170%; }
.text200 { font-size:200%; }
.text400 { font-size:400%; }
.hidden { display:none; visibility:hidden; }
.blacktransparent { background-color:rgba(0,0,0,.5); }
.greenbg { background-color:rgba(105,140,69,.8); }
.brownbg { background-color:rgba(0,88,38,.8); }
.brownborder { border-top-width:5px; border-top-color:#005826; border-top-style:solid; border-bottom-width:5px; border-bottom-color:#005826; border-bottom-style:solid; }
.regular { font-weight:400 !important; }
div.innerwrap { max-width:1720px; width:100%; display:block; margin:0 auto; padding:0 20px; position:relative; box-sizing:border-box; }
div.innerwrap1720 { max-width:1720px; width:100%; display:block; margin:0 auto; position:relative; }
div.innerwrap1600 { max-width:1600px; width:100%; display:block; margin:0 auto; position:relative; }
div.innerwrap1200 { max-width:1200px; width:100%; display:flex; margin:0 auto; position:relative; flex-wrap:wrap; }
div.title-underline { height:4px; width:37.5%; background-color:#fff; float:left; }
div.minor-title-underline { height:2px; width:43%; background-color:#fff; float:left; }
p { display:block; }
.clearleft { clear:left; }
.clearright { clear:right; }
.backbutton { width:50px; height:50px; background-image:url('images/buttons/back-arrow.png'); background-repeat:no-repeat; background-position:0 0; cursor:pointer; z-index:2; }
#searchform input.field { height:16px; padding:4px; }
.searchsubmit { background:transparent; color:#fff; border:none; padding:0; margin:0; font-size:100%; cursor:pointer; }
div.boxcontent { width:100%; position:relative; margin:0 auto; }
div.boxcontent p { line-height:135%; margin:0; padding:10px 0; text-align:left; } 
a#giftshop { margin:10px auto; display:block; width:315px; height:57px; background-image:url('images/buttons/giftshop.png'); background-repeat:no-repeat; background-position:0 0; }
a#giftshop:hover { background-position:-315px 0; }
sup { vertical-align:super; font-size:70%; }
sub { vertical-align:sub; font-size:70%; }
.hiddenlabels { display:none; }

/* Navigaton */
#topnav { width:100%; height:auto; background-color:rgba(255,255,255,1); position:sticky; top: 0; z-index:9998; overflow:visible; box-shadow:0 0 10px #000; }
.topbar { width:100%; height:auto; background-color:#636363; color:#fff; position:relative; z-index:9999; }
nav#topbar-menu > ul { list-style-type:none; position:relative; text-align:center; display:flex; width:100%; font-size:80%; justify-content:space-evenly; }
nav#topbar-menu > ul > li { margin-top:0; font-weight:300; vertical-align:middle; text-transform:uppercase; display:inline-flex; }
nav#topbar-menu > ul > li > a { display:block; padding:10px; color:#c2c2c2; text-decoration:none; font-weight:400 !important; }
nav#topbar-menu > ul > li > a:hover{ text-decoration:underline; color:#fff; }
.zoologo { display:block; width:auto; height:72px; margin:30px 0; float:left; position:relative; }
.zoologo img { height:72px; width:auto; display:block; } 
nav.shiftnav-nav div.park-hours { float:none; text-align:left; }
nav#topnav-menu { position:relative; float:right; margin:0; clear:right; }
nav#topnav-menu > ul { list-style-type:none; position:relative; text-align:left; z-index:9998; margin-top:10px; }
nav#topnav-menu > ul > li { margin-top:0; display:inline-block; font-weight:600; font-size:125%; vertical-align:middle; }
nav#topnav-menu > ul > li:hover { background-color:rgba(0,0,0,.8); border-radius:5px 5px 0 0; }
nav#topnav-menu > ul > li > a { display:block; padding:28px 20px; color:#000; text-decoration:none; }
nav#topnav-menu .sub-menu { padding-top:18px; }
nav#topnav-menu .sub-menu li a { display:block; padding:16px 20px; color:#fff; text-decoration:none; }
nav#topnav-menu > ul > li a:hover { color:#5ea514; cursor:pointer; }
nav#topshelf-menu { position:relative; float:right; margin:0; }
ul#menu-top-shelf-menu.topshelf-nav li { display:inline-block; float:left; }
ul#menu-top-shelf-menu.topshelf-nav li a { display:block; padding:20px 34px; color:#fff; text-decoration:none; font-weight:600; text-transform:uppercase; }
ul#menu-top-shelf-menu.topshelf-nav li:hover { opacity:.9; }
ul#menu-top-shelf-menu.topshelf-nav li.yellow a { background-color:#eb952a; }
ul#menu-top-shelf-menu.topshelf-nav li.green a { background-color:#779d50; }
ul#menu-top-shelf-menu.topshelf-nav li.teal a { background-color:#00a99d; }
nav#topnav-menu ul.sub-menu { display:none; position:absolute; background-color:rgba(0,0,0,.8); }
nav#topnav-menu ul.sub-menu li { display:block; }
nav#topnav-menu ul.sub-menu li a:hover { color:#5ea514; cursor:pointer; }
nav#topnav-menu ul li:hover ul.sub-menu { display:block; }
nav#topnav-menu .mobile { display:none; }
.shiftnav-nav li.yellow a { background-color:#eb952a; }
.shiftnav-nav li.green a { background-color:#779d50; }
.shiftnav-nav li.teal a { background-color:#00a99d; }
nav#topnav-menu ul li.treetoptrek, nav#topnav-menu ul li.seaturtle { display:none; }



/* Footer */
footer#footer { display:block; margin:0 auto; color:#000; position:relative; z-index:2; background-color:#fff; border-top:2px solid #808080; margin-top:50px; }
footer#footer .innerwrap1720 { padding:40px 20px; box-sizing:border-box; }
div#topfooter { padding:0; width:100%; box-sizing:border-box; display:block; }
#social-buttons { display:block; text-align:center; margin:0 auto; position:relative; width:100%; margin-top:10px; }
#social-buttons:after { display:block; clear:both; content:''; }
#social-buttons a { font-size: 200%; border: 4px solid #000; color: #000; border-radius: 50%; width: 57px; height: 57px; display: inline-block; text-align: center; line-height:53px; margin: 0 30px; }
#social-buttons a i { vertical-align:middle; }
#social-buttons a:hover { background-color:#779d50; }
#footer-nav { display:block; margin:0; clear:left; margin-bottom:20px; }
#footer-menu { position:relative; display:block; text-align:center; }
#footer-menu li { display:inline-block; font-weight:600; font-size:125%; }
#footer-menu li a { display:block; padding:15px 20px; color:#000; text-decoration:none; box-sizing:border-box; }
#footer-menu li a:hover { border-color:rgba(0,0,0,0.60); border-width:2px; border-style:solid; color:#000; padding:13px 18px; background-color:#779d50; }
#bottomfooter { width:100%; position:relative; margin:0; padding:35px 0 0 0; vertical-align:middle; }
#bottomfooter:after { display:block; content:''; clear:both; }
#bottomfooter #footer-address { text-align:center; margin:0 auto; display:block; line-height:1.5; }
#bottomfooter #footer-address a { color:#000; }

/* Mobile Menu */
#mobile-menu-toggle { position:absolute; top:20px; right:20px; cursor:pointer; display:none; }

/* Pointy Button */
div.pointy-button { margin:15px auto; display:block; position:relative;  }
div.pointy-button a { box-sizing:border-box; background-color:#779d50; display:inline-block; color:#fff !important; padding:15px 30px; text-transform:uppercase; font-weight:bold; font-size:175%; transition:ease all .5s; position:relative; border-radius:5px; }
div.pointy-button a:hover { background-color:#385024; cursor:pointer; }

a.sc_button { box-sizing:border-box; background-color:#3da3ff; display:inline-block; color:#fff !important; padding:20px 30px; text-transform:uppercase; font-weight:bold; font-size:28px; transition:ease all .5s; position:relative; margin:15px 15px 15px 0; line-height:1; white-space:nowrap; border-radius:5px; }
a.sc_button:last-of-type { margin-right:0; }
a.sc_button:hover { background-color:#0076a3; }
a.sc_button.purple { background-color:#440e62;}
a.sc_button.purple:hover { background-color:#8560a8; }
a.sc_button.aqua { background-color:#00a99d; }
a.sc_button.aqua:hover { background-color:#1a776f; }
a.sc_button.green { background-color:#779d50; }
a.sc_button.green:hover { background-color:#385024; }
a.sc_button.orange { background-color:#ea9400; }
a.sc_button.orange:hover { background-color:#f26700; }
a.sc_button.red { background-color:#e64247; }
a.sc_button.red:hover { background-color:#f26700; }
a.sc_button.darkblue { background-color:#53889e; }
a.sc_button.darkblue:hover { background-color:#9e6953; }

.grecaptcha-badge { display:none; }

@media only screen and (max-width:1260px) {
	div#topfooter h1 { display:block; }
	#social-buttons a { margin-top:20px; }
	#footer-nav #searchform { float:none; }
}
@media only screen and (max-width:1150px) {
	nav#topnav-menu > ul > li, #footer-menu li { font-size:105%; }
	nav#topnav-menu > ul > li > a { display:block; padding:24px 16px; text-decoration:none; }
	nav#topnav-menu .sub-menu { padding-top:16px; }
	nav#topnav-menu .sub-menu li a { display:block; padding:14px 16px; text-decoration:none; }
}
@media only screen and (max-width:1024px) {
  /* Landscape tablet layouts */
	nav#topnav-menu, nav#topshelf-menu, div.innerwrap div.park-hours, .topbar { display:none; }
	#mobile-menu-toggle { display:block; }
	#topnav .zoologo { margin-top:10px; margin-bottom:10px; }
	#social-buttons { max-width:400px; }
}
@media only screen and (max-width:900px) {
	#bottomfooter #footer-address { padding-left:0; clear:left; float:left; padding-top:30px; }
}

@media only screen and (max-width:768px) {
a.sc_button.orange{ font-size: 24px;padding: 15px 35px;line-height: .25;}
	
  /* Phone layouts */
	body { font-size:12px; }
	.text400 { font-size:300%; }
	a.sc_button { padding:15px 20px; font-size:14px; }
}
@media only screen and (max-width:550px){
		#footer-menu li, #footer-nav #searchform { display:block; }
	a.sc_button { margin:10px 0; width:100%; text-align:center; }
}