/* Styles for the template-basic.php pages */
/* Make sure embeds and iframes fit their containers */
embed, iframe, object { max-width: 100%; }
.arve-inner { cursor:pointer; }
/* Basic Page Styles */
hr { background-color:#716d6d; color:#716d6d; height:1px; border:0; width:100%; margin:20px 0; }
header#basic-page-header { display:block; margin:0 auto; width:100%; height:auto; max-width:100%; position:relative; overflow:hidden; }
header#basic-page-header > img { width:100%; height:auto; position:relative; z-index:-1; }
#basic-page-header-category { position:absolute; bottom:17.5%; left:50px; z-index:2; display:table; width:888px; height:400px; }
#basic-page-header-category h1 { font-size:600%; text-transform:uppercase; display:table-cell; text-shadow:0 0 10px #000000; letter-spacing:10px; vertical-align:bottom; }
#basic-title { padding-left:50px; box-sizing:border-box; font-size:250%; text-transform:uppercase; z-index:2; height:92px; line-height:92px; vertical-align:middle; width:100%; }
div#basic-content-wrapper { width:100%; max-width:1920px; margin:0 auto; display:block; position:relative; padding:65px 0 100px 0; color:#000; }
a.buytickets img { margin-top:20px; float:right; width:272px; height:54px; margin-right:30px; }
a.buytickets img:hover { width:280px; height:56px; margin:19px 26px 0 0; }
section.basic-main { width:65%; max-width:1248px; display:inline-block; padding:0 20px 0 50px; box-sizing:border-box; float:left; }
div.left-content { width:100%; color:#000 !important; }
div.basic-section { margin:0; padding:10px 0; width:100%; display:block; clear:both; }
div.basic-section.divider { padding:17px 0; border-top:1px solid #848080; }
div.basic-section img { height:auto; display:block; margin:15px auto; max-width:100%; }
div.basic-section.event-list img { height:auto; display:block; margin:15px 0; max-width:400px; }
div.basic-section a { text-decoration:none; }
div.basic-section h2, section.zoomission h2 { font-size:250%; margin-bottom:20px; }
div.basic-section h3, section.zoomission h3 { font-size:180%; text-transform:uppercase; }
div.basic-section h4, section.zoomission h4 { font-size:150%; }
div.basic-section p, section.zoomission p { font-size:135%; margin:5px 0; padding:5px 0; line-height:150%; display:block; }
div.basic-section ol, section.zoomission ol { list-style:decimal; font-size:135%; margin-bottom:20px; overflow:hidden; padding-left:50px; }
div.basic-section ul, section.zoomission ul { list-style:disc; font-size:135%; margin-bottom:20px; overflow:hidden; padding-left:50px; }
div.basic-section li, section.zoomission li { padding:5px 0; line-height:125%; list-style-position:outside; }
section.basic-sidebar { width:35%; max-width:672px; display:inline-block; padding:0 30px; box-sizing:border-box; float:left; }
div.sidebar-content div ul li { line-height:26px; margin:12px 0; }
div.sidebar-content div ul li a { padding:4px 0; margin:0; font-size:180%; text-decoration:none; color:#000; text-transform:uppercase; }
table { max-width:100%; }

/* Color Section */
/* Special Events */
.events-bg { background-color:rgba(0,118,163,.8); }
div.basic-section.events-text h2, div.basic-section.events-text a, div.basic-section.events-text h3, div.basic-section.events-text h4 { color:#0076a3; }
div.basic-section.events-text a:hover { color: #f26700; }
div.sidebar-content div ul#menu-main-side-menu li a:hover, div.sidebar-content div ul#menu-special-events li a:hover { color:#e64247; }
div.sidebar-content div ul#menu-main-side-menu li.current-menu-item a, div.sidebar-content div ul#menu-special-events li.current-menu-item a { font-weight:600; color:#e64247; }
div.basic-section.event-list { padding-bottom:100px; }

/* disclaimers */
.disclaimer{ font-size:60%!important }
section#disclaimers { padding:0; overflow:hidden; display:block; position:relative; margin:45px auto; padding:20px 50px 50px 50px; box-sizing:border-box; color:#716d6d; max-width:1920px; }
section#disclaimers h3 { font-size:135%; margin-top:30px; font-weight:600; }
section#disclaimers ul { list-style:disc; padding-left:30px; padding-top:15px; }
section#disclaimers ul li, section#disclaimers p { font-size:115%; line-height:115%; }

/* jcarousel styles */
.jcarousel-wrapper { margin: 20px auto; position: relative; width: 80%; }
.jcarousel-wrapper p { font-size:150%; margin-bottom:20px; font-weight:400; }

/** Carousel **/
.jcarousel { position: relative; overflow: hidden; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
.jcarousel li { float: left; width: auto; height: 200px; margin-right: 13px; }
.jcarousel img { width:100%; height:auto; min-height:200px; object-fit:cover; object-position:50% 25%; }
.jcarousel .loading { text-align: center; line-height: 90px; /* Fake vertical aligning */ }

/** Carousel Controls **/
.jcarousel-control-prev,.jcarousel-control-next { position: absolute; top: 125px; 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; }
.jcarousel-control-prev { left: -50px; } 
.jcarousel-control-next { right: -50px; }
.jcarousel-control-prev:hover span, .jcarousel-control-next:hover span { display: block; }
.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { opacity: .5; cursor: default; }

/** Sponsor Logos **/
div.event-sponsors { width:100%; height:auto; display:block; }
div.category { display:block; margin:20px 0;  }
div.category h2 { font-size:250%; color:#e64247; text-align:center;  }
div.logos { width:100%; height:auto; position:relative; display:block; }
div.logos p { text-align:center; color:#e64247; margin-bottom:10px; font-size:125%; min-height:45px; }
div.logos ul { text-align:center; display: flex; flex-wrap: wrap; align-items: center; justify-content:center; }
div.logos ul li img { max-width:100%; height:auto; display:block; margin:auto; }
div.logos ul li { display:inline-block; height:auto; margin:10px 0 20px 0; padding:5px; box-sizing:border-box; vertical-align:top; }
div.t1.logos ul li { width:50%; }
div.t2.logos ul li { width:33.33%; }
div.t3.logos ul li { width:25%; }
div.t4.logos ul li { width:25%; }
div.t4.logos ul li img { max-width:85%; margin:0 auto; }
div.t5.logos ul li { width:25%; }
div.t5.logos ul li img { max-width:60%; margin:0 auto; }
div.texttier.logos ul li { width:25%; }
div.texttier.logos ul li p { color:#000; }

span.wpcf7-list-item { display:block; }
input.wpcf7-free-text { margin:0 !important; }

div#wpcf7-f7914-p7903-o1 div.wpcf7 { padding-top:20px; }
div#wpcf7-f7914-p7903-o1 textarea { resize:none; height:80px; margin:7px 0; width:304px; padding:10px; }
div#wpcf7-f7914-p7903-o1 input[type=text], div#wpcf7-f7914-p7903-o1 input[type=tel], div#wpcf7-f7914-p7903-o1 input[type=email] { margin:12px 0; padding:4px 10px; height:40px;  }
div#wpcf7-f7914-p7903-o1 select { margin:12px 0; height:40px; width:304px; padding:10px 10px; }
div#wpcf7-f7914-p7903-o1 input[type=text]:hover, div#wpcf7-f7914-p7903-o1 input[type=tel]:hover, div#wpcf7-f7914-p7903-o1 input[type=email]:hover, div#wpcf7-f7914-p7903-o1 textarea:hover, div#wpcf7-f7914-p7903-o1 select:hover { background-color:#b0e2de; }
div#wpcf7-f7914-p7903-o1 textarea, div#wpcf7-f7914-p7903-o1 input, div#wpcf7-f7914-p7903-o1 select { border-width:2px; border-color:#000; border-style:solid; background-color:#fff; border-radius: 7px; box-sizibng:border-box; font-size:100%; }
div#wpcf7-f7914-p7903-o1 address { font-size:90%; color:#000; margin:5px auto;  }
div#wpcf7-f7914-p7903-o1 p { color:#000; }
div#wpcf7-f7914-p7903-o1 input[type=submit] { font-size:110%; text-transform:uppercase; width:100px; background-color:#1a776f; color:#fff; }
div#wpcf7-f7914-p7903-o1 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; }


/* Universal Page CSS for additional fields */
.page-content { padding:0 50px; }
.page-sections{ margin:0 auto; }
.highlightsboxes, .full_width_text{ max-width: 1720px; margin:35px -15px; padding:0; }
.highlightsboxes { display:flex; flex-wrap:wrap; }
.full_width_text:after, .highlightsboxes:after, .fancy-section:after, .interrupter:after, .page-sections:after{clear:both; content:''; display:block;}
span.price { float:right; }
.bigspace { padding-right:30px; }
.bigspacehead { padding-right:20px; }
.vertbar { width: 1px; height: 220px; position: absolute; right: 112px; top: 96px; display: block; background-color: #01aa9e; }
hr { background-color:#716d6d; color:#716d6d; height:1px; border:0; width:100%; margin:20px 0; }

/*Contact Form Styles*/
.volunteer-contact-form {background-color:#779d50; padding: 40px 0px 0px 0px; width: 100%; }
.volunteer-contact-form p{ color:#ffffff!important; font-weight: 700!important;font-size: 125%!important; margin-bottom: 20px!important;}
.volunteer-contact-form .wpcf7-text {margin-right: 10px; margin-bottom:10px; padding: 10px; font-size: 18px; width: 500px;}
.volunteer-contact-form .wpcf7-textarea {width:500px}
 .wpcf7-form-control.has-spinner.wpcf7-submit{ background-color: #ea942c; color: white; border: none; font-size: 100%; font-family: 'Open Sans'; font-weight: 500; padding: 10px 40px; text-transform: uppercase;}


/*Page Section Buttons*/
.page-sections.conservation .pointy-button a { background-color:#3da3ff; }
.page-sections.conservation .pointy-button a:hover { background-color:#1177a6; }
.page-sections.events .pointy-button a  { background-color:#72a235; }
.page-sections.events .pointy-button a:hover { background-color:#308e35; }


/*Interrupter*/
.interrupter-copy { float:left; max-width:800px; }
.interrupter-copy p { color:#000; font-size:150%; line-height:1.5; }
.interrupter{ padding: 37px 0; display: block; background-color:#779d50; margin: 0 auto; }
.interrupter.visit{ background-color:#ea942c; }
.interrupter.multilink.visit { background-color:#01aa9e; }
.interrupter.multilink.visit .interrupter-button { margin-right:2px; }
.interrupter.multilink.visit .interrupter-button a { margin-right:20px; }
.interrupter.multilink.visit .interrupter-button a:last-of-type { margin-right:0; }
.interrupter.multilink.visit a.visit { border-color:#fff; border-width:2px; border-style:solid; }  
.interrupter.multilink.visit a.visit:hover { background-color:#ea942c; cursor:pointer; }  


/* Interrupter Sections */
section.interrupter h1 { display:inline-block; color:#fff; text-transform:uppercase; margin:0 auto; font-size:240%; font-weight:700; line-height: 1.5;  }
section.interrupter h1.conservation{color:#fff;}
section.interrupter.conservation { background-color:#3da3ff; margin:0; }
section.interrupter.events { background-color:#0076a3; margin:0; }
div.interrupter-button { margin:0 auto; display:block; float:right; position:relative; margin-right:31px;  }
div.interrupter-button a { height:62px; box-sizing:border-box; background-color:#3da3ff; display:inline-block; color:#fff; padding:15px 15px; text-transform:uppercase; font-weight:bold; font-size:200%; transition:ease all .5s; position:relative; }
div.interrupter-button a:hover { background-color:#0076a3; }
div.interrupter-button a.education { background-color:#ea942c; }
div.interrupter-button a.education:hover { background-color:#f16922; }
div.interrupter-button a.support { background-color:#779d50; }
div.interrupter-button a.support:hover { background-color:#385024; }
div.interrupter-button a.conservation { color:#3da3ff; background-color:#fff; }
div.interrupter-button a.conservation:hover { color:#fff; background-color:#1177a6; }
div.interrupter-button a.visit { background-color:#01aa9e; }
div.interrupter-button a.visit:hover { background-color:#007f76; }


/* disclaimers */
section#disclaimers { overflow:hidden; display:block; position:relative; margin:30px auto; padding:0 50px 0 50px; box-sizing:border-box; color:#716d6d; max-width:1920px; }
section#disclaimers h3 { font-size:135%; margin-top:30px; font-weight:600; }
section#disclaimers ul { list-style:disc; padding-left:30px; padding-top:15px; }
section#disclaimers ul li, section#disclaimers p { font-size:115%; line-height:115%; }


/* Full Width Text Sections */
.full_width_text { line-height: 1.3em; padding: 35px 18px 0 18px; color: #000000; max-width: 1720px;margin: 0 auto; box-sizing: border-box;}
.full_width_text p {font-size:150%; line-height: 37px; margin-bottom: 20px;}
.full_width_text p:last-of-type { margin-bottom:0; }
.full_width_text.conservation h2{color:#3da3ff;}
.full_width_text.education h2{color:#ea942c;}
.full_width_text.visit {text-align: center; max-width: 1350px;}
.full_width_text.visit h2{color:#01aa9e;}
.full_width_text.visit a:hover{color:#ea942c;}
.full_width_text.events h2 { text-align: center; text-transform: uppercase; color: #0076a3;}
.full_width_text.events a {color:#0076a3; text-transform: uppercase; text-align: center;}
.full_width_text.events a:hover {color:#779d50;}

/*Anchor Tag Right Chevron*/
.fancy-section .fancy-text a, .the-box h3 a { padding-right: 29px; position:relative; color:#779d50; margin-bottom:15px; }.full_width_text a:hover{ color:green; }
.full_width_text a{ color:#779d50; }
fancy-section .fancy-text a:last-of-type, .full_width_text a:last-of-type, .the-box h3 a:last-of-type { margin-bottom:0; }
.fancy-section.color .fancy-text a { color:#fff; }
.fancy-section .fancy-text a:hover, .full_width_text a:hover, .the-box h3 a:hover { color:#385024; }

/* Fancy Sections */
.fancy-section.education.white h2{color:#ea942c; text-transform:uppercase;}
.fancy-section.events.white h2{color:#0076a3; text-transform:uppercase;}
.fancy-section.conservation.white h2{color:#0076a3; text-transform:uppercase;}
.fancy-section.visit.white h2{color:#01aa9e; text-transform:uppercase;}
.fancy-section.support.white h2{color:#779d50; text-transform:uppercase;}
.text_header { font-weight:700; margin-bottom:20px; }
.fancy-title { font-weight:700; margin-bottom:20px; text-transform:uppercase; }
.fancy-section.education.white { position:relative; width:100%; color:#000; margin:0; box-sizing: border-box; }
.fancy-section.conservation.white { color:#000; }
.fancy-section.events.white { color:#000; }
.fancy-section.support.white { color:#779d50; }
.fancy-section { position:relative; width:100%; margin:0; box-sizing:border-box;}
.fancy-section.color {margin: 0 auto; padding: 8px 35px;display: inline-block;position: relative;box-sizing: border-box;}
.fancy-section.white .fancy-image { margin-top:40px; position:relative; float:right; width:30%; padding:0% 11%; }
.fancy-section.color.support { background-color:#779d50; }
.fancy-section.color.about { background-color:#1a776f; }
.fancy-section.color.events { background-color:#0076a3; }
.fancy-section.color.education { background-color:#ea942c; }
.fancy-section.color.visit { background-color:#01aa9e; }
.fancy-section.color.news { background-color:#8560a9; }
.fancy-section.color.conservation { background-color:#3da3ff; }
.fancy-section:after { clear:both; display:block; content:'';}
.fancy-section.image { background-repeat:no-repeat; background-position:100% 0; background-size:cover; }
.fancy-section.image .fancy-image {display:none;}
.fancy-section.color .fancy-text { color:#fff; font-size:145%; line-height:32px; width:100%; }
.fancy-section.color .fancy-image {position: relative;float: right;width: 30%;padding: 3% 10% 3% 10%;}
.fancy-section.white .fancy-image {margin-top: 50px; position: relative; float: right; width: 30%;}
.fancy-content {max-width:1720px; padding:3% 9%;}
.fancy-image img { width:100%; height:auto; }
.fancy-image iframe { width:100%; }
.fancy-image:after { clear:both; display:block; content:'';}
.fancy-section.conservation.white h2{ color:#3da3ff; }
.fancy-text.visit a { color:#fff; }
.fancy-text.visit a:after { color:#fff; }
.fancy-text.visit a:hover { color:#ea942c; }
.fancy-text.visit a:hover:after { color:#ea942c; }
.fancy-text.conservation a:hover { color:#3da3ff; }
.fancy-text.support { color:#000; }


/* Highlight Boxes */
.highlight-image img { position: absolute;left:50%; top:50%; height:auto; width:100%; transform: translate(-50%, -50%); transition:all ease .5s; }
.highlight-box{ width: 25%; display: flex; flex-direction:column; padding: 20px 15px;box-sizing: border-box;vertical-align: top; float: left;}
.highlight-image { width:100%; display: block;position: relative;overflow: hidden; margin-bottom:-2px; height:0; padding-top:60%; } /* Images are 60% height of the with */
.highlight-box:hover .highlight-image img { width:105%; }
.highlight-title { display:block; width:100%; background-color:#779d50; height:auto; transition:background .5s ease; }
.highlight-title p { display:block; position:relative; padding:4% 3%; vertical-align:middle; font-weight:bold;  text-transform:uppercase; }

.highlight-title.support{ background-color:#779d50;}
.highlight-title.conservation{ background-color:#3da3ff;}
.highlight-title.about{ background-color:#16aa9d;}
.highlight-title.visit{ background-color:#01aa9e; text-align:center;}
.highlight-title.education{ background-color:#ea942c;}
.highlight-title.events{ background-color:#0076a3;}
.highlight-title.news{ background-color:#8560a9;}


.highlight-box:hover .highlight-title { background-color:#779d50; }
.highlight-box:hover .highlight-title.visit{ background-color:#007f76;}
.highlight-box:hover .highlight-title.support{ background-color:#385024;}
.highlight-box:hover .highlight-title.conservation{ background-color:#1177a6;}
.highlight-box:hover .highlight-title.education{ background-color:#f16922;}
.highlight-box:hover .hl-teaser.support { border: 2px solid #385024;}
.highlight-box:hover .hl-teaser.conservation { border: 2px solid #1177a6;}
.highlight-box:hover .hl-teaser.education { border: 2px solid #f16922;}

.highlightlinks { color: white;font-size: 120%;font-weight: 700;padding: 10px 10px; margin-top: -2px;}
.highlightlinks a { text-decoration:none; color:#fff; transition:color .5s ease; }
.hl-teaser { color: #000;font-weight: 500;line-height: normal;width: 100%;display:flex; flex:1; margin: 0 auto;padding: 2% 10% 10% 2%; font-size: 125%; box-sizing: border-box;position: relative; border: 2px solid #779d50; min-height:225px; transition: all .5s ease; }
.hl-teaser p:hover{ color:#000;}
.hl-teaser a { display:inline; color:#000; text-transform:uppercase; text-decoration:none; position:absolute; bottom:2%; right:5%; transition:color .5s ease; font-size:80%; }
.hl-teaser a i.fa-chevron-right { transition:border .5s ease; padding: 3px 4px 3px 7px; font-size: .8em; vertical-align: top; }

/* Dual Boxes */
.box-section { width:100%; padding:0; margin:35px auto; position:relative; }
.box-section:after { clear:both; content:''; display:block; }
.box-section .innerwrap { display:flex; }
.the-box { width:45%; margin:0; border-width:2px; border-style:solid; border-color:#01aa9e; box-sizing:border-box; float:left; position:relative; } 
.the-box:first-of-type { margin-right:5%; }
.the-box:last-of-type { margin-left:5%; }
.box-title { display:block; background-color:#01aa9e; padding:15px; }
.box-title h2 { font-size:200%; font-weight:700; }
.box-content { line-height:1.5; color:#000; padding:10px 15px 20px 15px; font-weight:400; }
.box-content h3 { font-size:150%; font-weight:700; padding-top:20px; }
.box-content p { font-size:150%; }

/* Two Column CTA */
.two-col-contaier { margin:30px auto;}
div.adventureslist-left { display:inline-block; width:27%; max-width:330px; vertical-align:top; margin-top:3px;  }
div.adventureslist-left div.adventurelist-image { width:100%; max-width:330px; }
div.adventureslist-left div.adventurelist-image img { width:100%; height:auto; display:block; }
div.adventureslist-left div.viewadventure-button { width:100%; height:auto; max-width:330px; }
div.adventureslist-right { display:inline-block; width:71%; box-sizing:border-box; padding-left:50px; vertical-align:top;  }
div.adventureslist-right p { padding:3px 0; margin:3px 0; line-height:125%; color:#000; font-size: 150%; }
div.adventureslist-right a { padding:3px 0; margin:3px 0; line-height:125%; font-size: 100%; color:#779d50; }
div.adventureslist-right:hover a { color:#385024; }
div.adventureslist-right p:first-of-type { margin-top:0; padding-top:0; }
a.givingoption { width:100%; height:0; padding-bottom:17.58%; background-image:url('images/buttons/ways-to-give-button.png'); background-position:0 0; background-size:200%; background-repeat:no-repeat; display:block; font-size:0; }
div.adventureslist-left:hover a.givingoption { background-position:100% 0;}
div.adventureslist-title h3 { color:#0076a3; text-transform:capitalize; display:block; width:100%; font-size:180%; font-weight:700; padding:10px 0 17px 0; }

/* Support Styles */
.hl-teaser.support { border: 2px solid #779d50; }
.full_width_text.support h2.text_header { color: #779d50; font-weight: 700; font-size: 200%; margin-bottom:20px; text-transform:uppercase; }
p.support{ color:black; }


/* Conservation Styles */
.full_width_text.conservation h2.text_header, .fancy-title.conservation h2 { font-weight: 700; margin-bottom:20px; }
#basic-title.conservation { background-color: rgba(1,150,216,.8); }
.fancy-text.conservation, .fancy-text.education, .fancy-text.events, .fancy-text.support {font-size: 145%;line-height: 37px;width: 45%;margin-bottom: 20px; }
.hl-teaser.conservation { border: 2px solid #3da3ff; }
/* End Conservation Styles */

/*Education Styles*/
#basic-title.education {background-color: rgba(234,148,44,.8);}
.interrupter.education{padding: 37px 0;display: block;margin: 32px auto; background-color: #779d50;}
.full_width_text.education h2.text_header{color:#ea942c; }
.hl-teaser.education { border: 2px solid #ea942c;}

/* End Conservation Styles */


section#sponsors { display:inline-block; width:100%; text-align:center; margin:0 auto 0 auto; background-color:#fff; }
/* jcarousel styles */
.jcarousel-wrapper { margin: 20px auto; position: relative; width: 80%; }
.jcarousel-wrapper p { font-size:120%; margin-bottom:20px; font-weight:400; line-height:1.1; }

/** Carousel **/
.jcarousel { position: relative; overflow: hidden; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
.jcarousel li {     float: left;width: 236px;height: auto; margin: 7px; }
.jcarousel li a { display:block; max-height:202px; overflow:hidden; }
.jcarousel img { width:230px; height:202px; object-fit:contain; object-position:50% 25%; }
.jcarousel .loading { text-align: center; line-height: 90px; /* Fake vertical aligning */ }
.jcarousel ul:after { display:block; content:''; clear:both; }

/** Carousel Controls **/
.jcarousel-control-prev,.jcarousel-control-next { position: absolute; top: 125px; 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; }
.jcarousel-control-prev { left: -50px; } 
.jcarousel-control-next { right: -50px; }
.jcarousel-control-prev:hover span, .jcarousel-control-next:hover span { display: block; }
.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { opacity: .5; cursor: default; }

/* Expandable Sections */
div.expandable-section { margin-bottom:15px; }
h2.section-title { text-transform: uppercase; color: #000 !important; font-weight: 600; font-size: 2em !important; }
div.expander { padding: 15px 40px; font-size: 1.5em; font-weight: 600; color:#fff; box-sizing:border-box; position:relative; line-height:1em; }
div.expander:hover { cursor:pointer; }
span.toggler { position:absolute; left:20px; font-size:.75em; }
div.expanded { padding: 0 20px; box-sizing:border-box; }
.banner { width:100%; display:block; }
.banner img { max-width:100%; height:auto; }

/* Colors */
.bluebg { background-color:#3da3ff; }
.orangebg { background-color:#eb952e; }
.redbg { background-color:#e04844; }
.purplebg { background-color:#6c2f5d; }
.greenbg { background-color:#4ba047; }

/* Education */
/* Color Section */
.education-bg { background-color:rgba(61,163,255,.8); }
div.basic-section.education-text:after { display:block; content:""; clear:both; }
div.basic-section.education-text h3 { color:#f26700; }
div.basic-section.education-text h2, div.basic-section.education-text a, div.basic-section.education-text h4 { color:#f26700; }
div.basic-section.education-text a:hover { color:#d75c21; }
div.sidebar-content div ul#menu-education li a:hover { color:#f26700; }
div.sidebar-content div ul#menu-education li.current-menu-item a, div#sidebar-content div ul#menu-education li.current-page-ancestor a { font-weight:600; color:#f26700; }

div#education-links { width:100%; position:relative; text-align:center; font-size:115%; }
div#education-links:after { display:block; content:""; clear:both; }
div#education-links div.education-program { width:33%; display:inline-block; padding:3px; box-sizing:border-box; max-width:364px; float:left; margin:17px 0; }
div#education-links div.education-program:nth-of-type(3n+4) { clear:left; }
div#education-links div.education-program div.education-background { background-color:#f26700; transition: all .3s ease-in; border-width:5px; border-color:#d3581e; border-style:solid; }
div.education-program a { text-decoration:none; text-transform:uppercase; color:#fff; padding:15px; }
div.education-program div.education-title { display:table; width:100%; height:44px; padding:0; box-sizing:border-box; }
div.education-program div.education-title a { width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; padding:0 3px; box-sizing:border-box; }
div#education-links div.education-program div.education-background:hover { background-color:#d3581e; border-color:#f26700; }
div.education-description { width:100%; padding-top:15px; line-height:115%; }

/* Camps Links */
a.main-camps-button { width:46%; display:inline-block; box-sizing:border-box; float:left; margin:17px 1%; background-color:#f26700; transition: all .3s ease-in; border-width:5px; border-color:#d3581e; border-style:solid; text-decoration:none; text-transform:uppercase; color:#fff !important; padding:15px; text-align:center; font-size:150%; }
a.main-camps-button:nth-of-type(2n+3) { clear:left; }
a.main-camps-button:hover { background-color:#d3581e; border-color:#f26700; }

/*Camps Descriptions */
div.zoo-camps-descriptions { width:100%; display:block; margin:60px 0; }
div.zoo-camps-descriptions:after { content:""; clear:both; display:block; }

@media only screen and (max-width:1700px) {
	.jcarousel-wrapper { width:628px; height:auto; }
}
@media only screen and (max-width:1500px) { 
	.highlight-box{ width:33%; }
	.fancy-section.white .fancy-image { width:40%; }
}
@media only screen and (max-width:1280px) {
	.jcarousel-wrapper { width:314px; }
}
@media only screen and (max-width:1100px) {
	.fancy-section.image { background-image: none!important; }
	.fancy-section.image .fancy-image { display:block; }
	.fancy-section.image .fancy-image img { width: 200%;height: auto;float: right;}
	.highlight-box { width:50%; float:left; margin-bottom:30px; }
	.fancy-text {font-size: 125%!important;line-height: 27px!important; margin-bottom: 20px!important;width:100%!important; color:#000;}
	.full_width_text p {font-size: 125%;line-height: 27px;margin: 20px 0;padding: 0;}
	.fancy-section.white .fancy-image, .fancy-section.color .fancy-image {position: relative; float:none;width: 100%;padding: 3% 6%;display: inline-block; box-sizing: border-box;}
	.fancy-title.conservation{color:#3da3ff;}
	.fancy-section.color h2{color:#fff;}
	.full_width_text.education h2.text_header, .text_header {line-height: 1.25!important;}
	.interrupter-copy { float:none; }
	div.interrupter-button { float:none; margin:20px auto 0 auto; text-align:left;  }
	.box-section .innerwrap { display:block; }
	.the-box { width:100%; border-width:2px; border-style:solid; border-color:#007f76; margin:0 auto 25px auto; float:none; } 
	.the-box:first-of-type, .the-box:last-of-type { margin-right:auto; margin-left:auto; }
	.the-box:last-of-type { margin-bottom:0; }
	.interrupter.multilink.visit .interrupter-button a { margin-bottom:15px; }

}
@media only screen and (max-width:1024px) {
	section.basic-main { width:60%; }
	section.basic-sidebar {width:40%; }	
}
@media only screen and (max-width:768px) {
  /* For general iPad layouts */
	body { background-attachment:scroll; }
	header#basic-page-header > img { width: 100%; display:block; height: auto;position: relative; z-index: -1;}
	#basic-page-header-category { display:none; }
	#basic-title {position: relative !important; height:54px; line-height:50px; padding-left:30px; }
	div#basic-content-wrapper { padding-top:25px; }
	section.basic-main { width:100%; padding:0 20px 0 20px; }
	section.basic-sidebar {width:100%; max-width:400px; padding:0 20px 0 20px; }
	div.basic-section.event-list img { max-width:100%; }
	.jcarousel-control-prev { left: -35px; } 
	.jcarousel-control-next { right: -35px; }
	.jcarousel-wrapper { width:508px; }
	.jcarousel li { width:240px; height:162px; }
	.jcarousel img { width:100%; height:auto; min-height:162px; }
	.jcarousel-control-prev,.jcarousel-control-next { top: 80px; }
	.interrupter { padding:45px 30px }
	.highlight-box { width:50%; max-width:430px; margin:auto; display:block; }
	.highlight-box:nth-child(odd) { padding-left:15px; }
	.highlight-box:nth-child(even) { padding-right:15px; }
	.fancy-text {font-size: 125%;line-height: 37px; margin-bottom: 20px;width:100%;}
	.fancy-title {font-size: 200%;font-weight: 700;margin-bottom: 20px;}
	.fancy-content{ margin-bottom:0;}
	.fancy-section.color.conservation {background-color: #698c3c;height: auto;}
	.fancy-section.color .fancy-text {color: #fff;font-size: 125%;line-height: 32px;width: 100%;}
	.text_header {font-size: 160%;font-weight: 700;margin-bottom: 20px; margin-top: 20px;}
	.full_width_text {font-size: 125%;padding: 0 30px;}
	.highlightsboxes, .full_width_text { margin: 20px auto; }
	.vertbar { height: 170px; right: 92px; top: 84px; }
}
@media only screen and (max-width:500px) {
	/** Tablet Layout **/
	#basic-title {position: relative !important; height:50px; line-height:50px; }
	section.interrupter h1 {display: inline-block;color: #fff;text-transform: uppercase;margin: 0 auto;font-size: 175%;font-weight: 700; line-height: 1.5;}
	.fancy-content {max-width: 1720px;padding: 3% 3%;}
	.highlight-box { width:100%; max-width:430px; float:none; margin:auto; display:block; }
	.hl-teaser { min-height:0; }
	.fancy-image iframe { height:auto; }
	div.adventureslist-title h3 { padding-bottom:10px; }
	div.adventureslist-right { padding-left:10px; padding-right:10px; }
	div.adventureslist-left { width:100%; }
	div.adventureslist-right { width:100%; max-width:330px; }
	div.adventureslist-right p:first-of-type {margin-top: 10px;}
	div.logos ul li { width:100% !important; }
}

@media only screen and (max-width:415px) {
	.jcarousel-wrapper { width:254px; margin-left:10px; }
}