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

/* 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; }
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;
}
a { text-decoration:none; }
img {
	border:0;
	margin: 0 0;
	}
sup {
	line-height:0;
}
.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#accesso-shim { position:fixed; }
div#sitewrap { position:relative; z-index:1; }
div.band { min-width:100%; position:relative; z-index:2; box-sizing:border-box; }
.yellowtext { color:#ecfb85; }
.semibold { font-weight:600; }
.bold, strong, b { font-weight:700; font-family: 'Open Sans Condensed', sans-serif; }
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; }
.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; }
div.innerwrap { max-width:1920px; width:100%; display:block; margin:0 auto; padding:0 50px; position:relative; box-sizing:border-box; }
div.innerwrap1600 { max-width:1600px; width:100%; display:block; margin:0 auto; position:relative; }
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%; }

/* Background Video */
div#backgroundvideo { 
	position: fixed;
	bottom: 0; 
	right: 0; 
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; 
	z-index: -1!important; 
	overflow: hidden;
}
div#backgroundvideo video#bgvid {
	position: fixed; 
	bottom: 0; 
	right: 0; 
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; 
	z-index: -1!important; 
	overflow: hidden;
}

div#backgroundvideo img#backgroundimg {
	position: fixed; 
	bottom: 0; 
	right: 0; 
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; 
	z-index: -1!important; 
	overflow: hidden;
}
div#backgroundvideo video::-webkit-media-controls { display:none !important; }

/* Navigaton */
#topnav { width:100%; height:0; background-color:rgba(55,40,0,.9); position:absolute; z-index:9998; overflow:hidden; }
.zoologo { display:block; font-size:0; width:183px; height:72px; background-image:url('images/logos/BrevardZooLogo-small.png'); background-repeat:no-repeat; background-position:0 0; margin-top:20px; margin-left: 20px; float:left; }
.azalogo { float:right; width:206px; height:84px; margin-right:20px; margin-top:20px; background-image:url('images/logos/azalogo.png'); background-repeat:no-repeat; background-position:0 0; }
nav#topnav-menu { position:relative; float:left; margin-left:30px; }
nav#topnav-menu ul { list-style-type:none; position:relative; text-align:center; z-index:9998; }
nav#topnav-menu ul li { margin-top:40px; display:inline-block; font-size:150%; }
nav#topnav-menu ul li a { display:block; padding:20px 34px; color:#fff; text-decoration:none; }
nav#topnav-menu ul li a:hover { color:#5ea514; cursor:pointer; }
nav#topnav-menu ul li span { color:#fff; padding:20px 0; display:block; }	
div#topnav-additional { float:right; min-width:390px; width:30%; margin-right:20px; }
div#topnav-additional ul { list-style-type:none; position:relative; min-width:390px; }
div#topnav-additional ul li { margin:40px 10px 20px 10px; display:block; font-size:0; float:left; }
div#topnav-additional ul li a#treetoptrek { display:block; background-image:url('images/buttons/Treetop-Trek-Button.png'); background-repeat:no-repeat; background-position:0 0; width:110px; height:52px; }
div#topnav-additional ul li a#nyaminyami { display:block; background-image:url('images/buttons/Nyami-Nyami-Button.png'); background-repeat:no-repeat; background-position:0 0; width:116px; height:52px; }
div#topnav-additional ul li a#seaturtle { display:block; background-image:url('images/buttons/Sea-Turtle-Button.png'); background-repeat:no-repeat; background-position:0 0; width:98px; height:52px; }
div#topnav-additional ul li a#treetoptrek:hover { background-position:-110px 0;cursor:pointer; }
div#topnav-additional ul li a#nyaminyami:hover { background-position:-116px 0;cursor:pointer; }
div#topnav-additional ul li a#seaturtle:hover { background-position:-98px 0;cursor:pointer; }

/* Membership */
section#membership { padding:100px 20px 100px 20px; display:block; margin:75px auto; }
section#membership h1 { display:block; max-width:1920px; color:#fff; text-align:center; text-transform:uppercase; margin:0 auto; text-shadow: 0 0 15px #000; }
div.joinbutton { width:378px; margin:20px auto; display:block; }
div.joinbutton a.membershipjoinbutton { display:block; background-image:url('images/buttons/membership-join-renew-now.png'); background-repeat:no-repeat; background-position:0 0; width:378px; height:69px }
div.joinbutton a.membershipjoinbutton:hover { background-position:-378px 0; }


/* Socialbox */
section#socialbox { padding:100px 0 100px 0; display:block; width:1230px; box-sizing:border-box; margin:75px auto; text-align:center; }
section#socialbox div.socialbuttons { display:inline-block; line-height:86px; vertical-align:middle; }
div.socialbuttons a#joinnewsletter { width:471px; height:86px; background-image:url('images/buttons/joinnewsletter.png'); background-repeat:no-repeat; background-position:0 0; display:block; margin:0 140px; }
div.socialbuttons a#joinnewsletter:hover { background-position:-471px 0; }
div.socialbuttons a#facebook { width:165px; height:50px; background-image:url('images/buttons/facebook.jpg'); background-repeat:no-repeat; background-position:0 0; display:block; margin:0 auto; }
div.socialbuttons a#twitter { width:145px; height:50px; background-image:url('images/buttons/twitter.jpg'); background-repeat:no-repeat; background-position:0 0; display:block; margin:0 auto; }

/* Contact Form */
div#shade { min-width:100%; width:auto; min-height:100%; height:auto; position:fixed; left:0; top:0; background-color:rgba(0,0,0,.5); visibility:hidden; }

div#contact-form { display:block; position:fixed; left:50%; top:50%; margin-left:0px; margin-top:0px; z-index:-2; background-image:url('images/contact-bg.jpg'); background-repeat:no-repeat; background-position:0 0; width:0; height:0; overflow:hidden; box-sizing:border-box; padding:0 27px; }
div#contact-form div.wpcf7 { padding-top:20px; }
div#contact-form textarea { resize:none; height:80px; margin:7px 0; width:304px; padding:10px; }
div#contact-form input { margin:12px 0; padding:4px 10px; width:304px; height:40px;  }
div#contact-form select { margin:12px 0; height:40px; width:304px; padding:10px 10px; }
div#contact-form input[type=text]:hover, div#contact-form input[type=tel]:hover, div#contact-form input[type=email]:hover, div#contact-form textarea:hover, div#contact-form select:hover { background-color:#b0e2de; }
div#contact-form textarea, div#contact-form input, div#contact-form select { border-width:2px; border-color:#1a776f; border-style:solid; background-color:#fff; border-radius: 7px; box-sizing:border-box; font-size:100%; }
div#contact-form h4 { font-size:135%; font-weight:700; text-align:center; color:#1a776f; padding-top:25px; }
div#contact-form address { font-size:90%; text-align:center; color:#000; margin:5px auto;  }
div#contact-form p { font-size:90%; text-align:center; color:#000; }
div#contact-form div#close { background-color:#fff; color:#000; position:absolute; right:0; top:0; padding:5px 7px; font-weight:400; }
div#contact-form div#close:hover { background-color:#000; color:#fff; cursor:pointer; }
div#contact-form input[type=submit] { font-size:110%; text-transform:uppercase; float:right; width:100px; background-color:#1a776f; color:#fff; }
div#contact-form input[type=submit]:hover { background-color:#b0e2de; color:#000; cursor:pointer; }
.wpcf7-validation-errors, .wpcf7-not-valid-tip, .wpcf7-response-output { background-color:#fff; color:#e64247; }
div#wdm-nocapt-recapt-id { display:block; margin:12px auto; }

div#newsletter-signup { position:fixed; background-color:#fff; left:50%; top:50%; z-index:-2; box-sizing:border-box; width:800px; height:500px; width:0; height:0; overflow:hidden; }
div#shade2 { min-width:100%; width:auto; min-height:100%; height:auto; position:fixed; left:0; top:0; background-color:rgba(0,0,0,.5); visibility:hidden; }
div#newsletter-signup div#close2 { background-color:#fff; color:#000; position:absolute; right:0; top:0; padding:5px 7px; font-weight:400; }
div#newsletter-signup div#close2:hover { background-color:#000; color:#fff; cursor:pointer; }


/* Footer */
footer#footer { background-color:rgba(26,119,111,.9); display:block; margin:0 auto; color:#fff; position:relative; padding:0; margin-bottom:-10px; text-align:center; z-index:2; }

footer#footer div#topfooter { padding:40px 60px; width:100%; box-sizing:border-box; white-space:nowrap; text-align:center; display:block; }

/* Sponsors */
footer#footer div#topfooter div#sponsors { display:inline-block; vertical-align:top; width:65%; max-width:1133px; text-align:left; }
footer#footer div#topfooter div#sponsors h2 { display:inline-block; text-align:left; font-size:250%; }
footer#footer div#topfooter div#sponsors div.title-underline { margin-bottom:20px; }
footer#footer div#topfooter div#sponsors img { display:block; height:auto; width:100%; max-width:1133px; }

/* jcarousel styles */
div#sponsors .jcarousel-wrapper { margin: 40px auto; position: relative; width: 892px; height: 133px; background-color:#fff; }
div#sponsors .jcarousel-wrapper p { font-size:150%; margin-bottom:20px; font-weight:400; }

/** Carousel **/
div#sponsors .jcarousel { position: relative; overflow: hidden; }
div#sponsors .jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
div#sponsors .jcarousel li { float: left; width: 223px; height: 133px; padding:13px; box-sizing:border-box; margin:0; }
div#sponsors .jcarousel img { width:100%; min-height:inherit; height:auto; width:auto; max-height:107px; max-width:197px; }
div#sponsors .jcarousel .loading { text-align: center; line-height: 90px; /* Fake vertical aligning */ }

/** Carousel Controls **/
div#sponsors .jcarousel-control-prev, div#sponsors .jcarousel-control-next { position: absolute; top: 48px; width: 30px; height: 30px; text-align: center; background: #4E443C; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; }
div#sponsors .jcarousel-control-prev { left: -45px; } 
div#sponsors .jcarousel-control-next { right: -45px; }
div#sponsors .jcarousel-control-prev:hover span, div#sponsors .jcarousel-control-next:hover span { display: block; }
div#sponsors .jcarousel-control-prev.inactive, div#sponsors .jcarousel-control-next.inactive { opacity: .5; cursor: default; }



footer#footer div#topfooter div#links { display:inline-block; padding-left:50px; box-sizing:border-box; width:35%; max-width:300px; vertical-align:top; }
footer#footer div#topfooter div#links ul { list-style:none; text-align:left; }

div#links li { }
div#links li a { display:block; font-size:200%; color:#b0e2de; text-decoration:none; padding:5px 0; }
div#links li a:hover { color:#023531; cursor:pointer; }

#bottomfooter { width:100%; min-height:120px; background-color:rgba(26,119,111,1); position:relative; margin:0; padding:0; vertical-align:middle; }
#bottomfooter address#footer-address { text-align:left; float:left; display:block; padding-left:30px; margin-top:20px; line-height:18.5px; }
#bottomfooter address#footer-address a { color:#fff; }
@media only screen and (max-width:1500px) {
	nav#topnav-menu { margin-left:30px; }
	nav#topnav-menu ul li a { padding:20px 17px; }
	div#sponsors .jcarousel-wrapper { width: 669px; }
	
}
@media only screen and (max-width:1250px) {
	nav#topnav-menu ul li { margin-top:40px; display:inline-block; font-size:175%; }
	nav#topnav-menu ul li a { padding:20px 34px; }	
	div#topnav-additional { float:none; clear:left; margin:0 auto; display:block; width:50%; min-width:480px; }	
	div#topnav-additional ul li	{ margin:10px 5%; }
  	section#socialbox.band { width:auto; text-align:center; }
  	div.socialbuttons a#joinnewsletter { margin:0 20px; }
	div#sponsors .jcarousel-wrapper { width: 446px; }
}
@media only screen and (max-width:1024px) {
  /* For general iPad layouts */
	nav#topnav-menu ul li.navseparator { display:none; }
	nav#topnav { margin-left:50px; }
	nav#topnav-menu ul li { margin-top:10px; }
	nav#topnav-menu ul li a { padding:10px 20px; }
}