/* Styles for the template-universal.php pages */
/* CSS Document */
/* Define Colors */
:root {	
	--support-color:#779d50;
	--support-secondary-color:#779d50;
	--support-tertiary-color:;

	--conservation-color:#3da3ff;
	--conservation-secondary-color:#779d50;
	--conservation-tertiary-color:;

	--about-color:#16aa9d;
	--about-secondary-color:;
	--about-tertiary-color:;

	--visit-color:#01aa9e;
	--visit-secondary-color:#779d50;
	--visit-tertiary-color:;

	--education-color:#eb952a;
	--education-secondary-color:#779d50;
	--education-tertiary-color:#f26700;

	--events-color:#0076a3;
	--events-secondary-color:#779d50;
	--events-tertiary-color:#e6ebf2;

	--news-color:#8560a9;
	--news-secondary-color:#779d50;
	--news-tertiary-color:;
}
html { scroll-padding-top:300px !important; }
p { font-weight:400; margin:20px 0; }
h1 { font-size:400%; font-weight:bold; }
h2 { font-size:300%; font-weight:bold; }
h3 { font-size:200%; font-weight:bold; line-height:1.3; }
h4 { font-size:150%; font-weight:bold; line-height:1.3; }
header#basic-page-header { display:block; margin:0 auto; width:100%; height:auto; position:relative; overflow:hidden; aspect-ratio:1920 / 722; }
header#basic-page-header > img { width:100%; height:auto; position:relative; }
.notification_section { width:100%; padding:10px 20px; box-sizing:border-box; font-size:150%; }
.notification_section.support { background-color:var(--support-color); }
.notification_section.conservation { background-color:var(--conservation-color); }
.notification_section.about { background-color:var(--about-color); }
.notification_section.visit { background-color:var(--visit-color); }
.notification_section.education { background-color:var(--education-color); }
.notification_section.events { background-color:var(--events-color); }
.notification_section.news { background-color:var(--news-color); }
.aligncenter { text-align:center; }
.page-sections{ margin:auto; }
.full_width_text:after, .highlightsboxes:after, .fancy-section: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:var(--support-color); 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:var(--education-color); 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.support .pointy-button a { background-color:var(--support-color); }
.page-sections.support .pointy-button a:hover { background-color:var(--support-secondary-color); }
.page-sections.conservation .pointy-button a { background-color:var(--conservation-color); }
.page-sections.conservation .pointy-button a:hover { background-color:var(--conservation-secondary-color); }
.page-sections.about .pointy-button a { background-color:var(--about-color); }
.page-sections.about .pointy-button a:hover { background-color:var(--about-secondary-color); }
.page-sections.visit .pointy-button a  { background-color:var(--visit-color); }
.page-sections.visit .pointy-button a:hover { background-color:var(--visit-secondary-color); }
.page-sections.education .pointy-button a { background-color:var(--education-color); }
.page-sections.education .pointy-button a:hover { background-color:var(--education-secondary-color); }
.page-sections.events .pointy-button a  { background-color:var(--events-color); }
.page-sections.events .pointy-button a:hover { background-color:var(--events-secondary-color); }
.page-sections.news .pointy-button a  { background-color:var(--news-color); }
.page-sections.news .pointy-button a:hover { background-color:var(--news-secondary-color); }

/* Interrupter Sections */
section.interrupter { width:100%; max-width:1720px; margin:30px auto 50px auto; }
.interrupter-button {  border-top:1px solid #000; }
.interrupter-button:last-child { border-bottom:1px solid #000; }
.interrupter-button a { display:block; width:100%; padding:30px 60px 30px 30px; font-size:150%; color:#000; position:relative; box-sizing:border-box; }
.interrupter-button a .fa-play { position:absolute; right:30px; top:0; bottom:0; height:1em; margin:auto 0; }
.interrupter-button a.education:hover { color:var(--education-secondary-color); }
.interrupter-button a:before { position: absolute; content: ""; top: 0; left: 0; width: 1px; height: 0; transition: all .35s; z-index:-1; }
.interrupter-button a:after { position: absolute; content: ""; bottom: 0; right: 0; width: 1px; height: 0; transition: all .35s; z-index:-1; }
.interrupter-button a.education:after, .interrupter-button a.education:before { background-color:#000; }
.interrupter-button a:hover:before, .interrupter-button a:hover:after { height:100%; }

/* 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.3; padding: 30px 30px; color: #000000; max-width: 1720px;margin: 30px auto; box-sizing: border-box; }
.full_width_text.nocontent { padding-bottom:0; }
.full_width_text h3 { margin-bottom:20px; }
.full_width_text p {font-size:150%; margin-bottom: 20px;}
.text_header { font-weight:700; margin-bottom:20px; }
.full_width_text.colorbg { color:#fff; padding-top:30px; padding-bottom:30px; }
.full_width_text.colorbg.support { background-color:var(--support-color); }
.full_width_text.colorbg.conservation { background-color:var(--conservation-color); }
.full_width_text.colorbg.about { background-color:var(--about-color); }
.full_width_text.colorbg.visit { background-color:var(--visit-color); }
.full_width_text.colorbg.education { background-color:var(--education-color); }
.full_width_text.colorbg.events { background-color:var(--events-color); }
.full_width_text.colorbg.news { background-color:var(--news-color); }
.full_width_text.colorborder.support { border:2px solid var(--support-color); }
.full_width_text.colorborder.conservation { border:2px solid var(--conservation-color); }
.full_width_text.colorborder.about { border:2px solid var(--about-color); }
.full_width_text.colorborder.visit { border:2px solid var(--visit-color); }
.full_width_text.colorborder.education { border:2px solid var(--education-color); }
.full_width_text.colorborder.events { border:2px solid var(--events-color); }
.full_width_text.colorborder.news { border:2px solid var(--news-color); }

/* Full Width Image */
.full_width_image { width:100%; }
.full_width_image img { max-width:100%; }

/*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:var(--education-color); text-transform:uppercase;}
.fancy-section.events.white h2{color:#0076a3; text-transform:uppercase;}
.fancy-section.conservation.white h2{color:var(--conservation-secondary-color); text-transform:uppercase;}
.fancy-section.visit.white h2{color:#01aa9e; text-transform:uppercase;}
.fancy-section.support.white h2{color:#779d50; text-transform:uppercase;}
.fancy-title { font-weight:700; margin-bottom:40px; 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:var(--education-color); }
.fancy-section.color.visit { background-color:#01aa9e; }
.fancy-section.color.news { background-color:#8560a9; }
.fancy-section.color.conservation { background-color:var(--conservation-color); }
.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:var(--conservation-color); }
.fancy-text.visit a { color:#fff; }
.fancy-text.visit a:hover { color:var(--visit-secondary-color); }
.fancy-text.conservation a:hover { color:var(--conservation-color); }
.fancy-text.support { color:#000; }
.fancy-text.conservation, .fancy-text.education, .fancy-text.events, .fancy-text.support {font-size: 145%;line-height: 37px;width: 45%;margin-bottom: 20px; }

/* Two Colum with Image */
.two-column-image { max-width:1720px; margin:30px auto; display:flex; flex-direction:row-reverse; }
.two-column-image.tc-content-right { flex-direction:row; }
.tc-image, .tc-content { max-width:860px; width:50%; box-sizing:border-box; }
.tc-image img { width:100%; height:100%; display:block; object-fit:cover; }
.tc-content.support { background-color:var(--support-color); }
.tc-content.conservation { background-color:var(--conservation-color); }
.tc-content.about { background-color:var(--about-color); }
.tc-content.visit { background-color:var(--visit-color); }
.tc-content.education { background-color:var(--education-color); }
.tc-content.events { background-color:var(--events-color); }
.tc-content.news { background-color:var(--news-color); }
.tc-content.whitebackground { background-color:#fff; color:#000; }
.tc-title { font-weight:700; margin-bottom:20px; text-transform:uppercase; padding:40px 40px 0 40px; }
.tc-text {font-size: 150%;line-height:1.3;margin-bottom: 20px; padding:0 40px 10px 40px; }

/* Highlight Content Boxes */
.highlightsboxes { max-width: 1720px; margin:30px auto; padding:0; display:flex; flex-wrap:wrap; }
.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:56.25%; } /* Images are 56.25% height of the width */
.highlight-box:hover .highlight-image img { width:105%; }
.highlight-title { display:flex; width:100%; background-color:#779d50; height:auto; transition:background .5s ease; min-height:70px; align-items:center; }
.highlight-title p { display:block; position:relative; padding:0 20px; vertical-align:middle; font-weight:bold; text-transform:uppercase; margin:0; }

.highlight-title.support{ background-color:var(--support-color);}
.highlight-title.conservation{ background-color:var(--conservation-color);}
.highlight-title.about{ background-color:var(--about-color);}
.highlight-title.visit{ background-color:var(--visit-color);}
.highlight-title.education{ background-color:var(--education-color);}
.highlight-title.events{ background-color:var(--events-color);}
.highlight-title.news{ background-color:var(--news-color);}


.highlight-box:hover .highlight-title { background-color:#779d50; }
.highlight-box:hover .highlight-title.visit{ background-color:var(--visit-secondary-color);}
.highlight-box:hover .highlight-title.support{ background-color:var(--support-secondary-color);}
.highlight-box:hover .highlight-title.conservation{ background-color:var(--conservation-secondary-color);}
.highlight-box:hover .highlight-title.education{ background-color:var(--education-secondary-color);}
.highlight-box:hover .highlight-title.events{ background-color:var(--events-secondary-color);}
.highlight-box:hover .hl-teaser.support { border: 2px solid var(--support-secondary-color);}
.highlight-box:hover .hl-teaser.conservation { border: 2px solid var(--conservation-secondary-color);}
.highlight-box:hover .hl-teaser.about { border: 2px solid var(--about-secondary-color);}
.highlight-box:hover .hl-teaser.visit { border: 2px solid var(--visit-secondary-color);}
.highlight-box:hover .hl-teaser.education { border: 2px solid var(--education-secondary-color);}
.highlight-box:hover .hl-teaser.events { border: 2px solid var(--events-secondary-color);}
.highlight-box:hover .hl-teaser.news { border: 2px solid var(--news-secondary-color);}
.highlightlinks { color: white;font-size: 175%;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; flex-direction:column; margin: 0 auto;padding: 2%; font-size: 145%; box-sizing: border-box;position: relative; border: 2px solid #779d50; min-height:225px; transition: all .5s ease; }
.hl-teaser.support { border-color:var(--support-color); } 
.hl-teaser.conservation { border-color:var(--conservation-color); } 
.hl-teaser.about { border-color:var(--about-color); } 
.hl-teaser.visit { border-color:var(--visit-color); } 
.hl-teaser.education { border-color:var(--education-color); } 
.hl-teaser.events { border-color:var(--events-color); } 
.hl-teaser.news { border-color:var(--news-color); } 
.hl-teaser.bottomlink { padding-bottom:20px; }
.hl-teaser p {margin:20px 10px;}
.hl-teaser p:hover{ color:#000; }
.hl-teaser a { text-decoration:underline; color:inherit; }
.hl-teaser a.hl-link { 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; }
.hl-teaser-copy { min-height:130px; }
.hl-teaser-more { height:320px; }
.hl-teaser-more { margin:2% -2% 0 -2%; }
.hl-teaser-more:nth-of-type(even) { background-color:var(--events-tertiary-color); }
.hl-teaser-more-copy { margin:10px; }
.hl-teaser-more p { margin-left:0; }

/* 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%; }
.three div .the-box { width:30%; }

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


/* Sponsors */
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 { color: #000 !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; }
.expander.support { background-color:var(--support-color); }
.expander.conservation { background-color:var(--conservation-color); }
.expander.about { background-color:var(--about-color); }
.expander.visit { background-color:var(--visit-color); }
.expander.education { background-color:var(--education-color); }
.expander.events  {background-color:var(--events-color); }
.expander.news { background-color:var(--news-color); }

/* Callout Boxes */
.callout { display:block; margin:75px auto 75px auto; position:relative; overflow:hidden; background-color:var(--support-color); color:#fff; }
.callout.support { background-color:var(--support-color); }
.callout.conservation { background-color:var(--conservation-color); }
.callout.about { background-color:var(--about-color); }
.callout.visit { background-color:var(--visit-color); }
.callout.education { background-color:var(--education-color); }
.callout.events  {background-color:var(--events-color); }
.callout.news { background-color:var(--news-color); }
.callout.whitebg { background-color:#fff; margin:0 auto; color:#000; }
.calloutswrap { max-width:1720px; margin:0 auto; padding:40px 20px; display:block; position:relative; box-sizing:border-box; }
.calloutswrap:after { display:block; clear:both; content:''; }
.callout-header { font-weight:700; margin-bottom:20px; text-align:center; }
.callout-box { width:50%; display:flex; flex-direction:column; padding:20px 15px; box-sizing:border-box; vertical-align:top; float:left; }
.callout-box:nth-child(odd) { padding-left:0; }
.callout-box:nth-child(even) { padding-right:0; }
.callout-image { display:block; position:relative; overflow:hidden; }
.callout-image a { display:block; }
.callout-image img { width:100%; height:auto; display:block; }
.callout-title h3 { display:block; position:relative; padding-left:20px; vertical-align:middle; margin:20px 0; }
.callout-intro { margin-top: 50px; font-size: 175%; line-height: 125%; max-width: 1100px; }
.calloutlinks a { text-decoration:none; color:#fff; transition:color .5s ease; }
.calloutsboxes { width:100%; display:block; margin:0 auto; position:relative; }
.callout-teaser { width:100%; display:block; margin:0 auto; padding:0 20px; font-size:125%; box-sizing:border-box; position:relative; }
.callout-teaser p { display:block; font-weight:400; line-height:1.3em; }

/* Submenu Section */
.submenu-section { display:flex; margin:20px 30px; justify-content:center; flex-wrap:wrap; }
.submenu-link { flex:1; flex-grow:1; margin:10px; text-align:center; max-width:300px; }
.submenu-link a { display:block; border:1px solid #000; color:#000; padding:20px 10px; transition:.5s ease all; text-wrap:nowrap; }
.submenu-link a:hover  {background-color:var(--events-tertiary-color); }

/* Programs List */
.programs-list { line-height: 1.3; color: #000; max-width: 1720px;margin: 30px auto; box-sizing: border-box; border-top-width:2px; border-top-style:solid; border-top-color:var(--events-color); }
.programs:nth-child(even) { background-color:var(--events-tertiary-color); }
.program { display:flex; flex-direction:row; position:relative; }
.program-cat { font-weight:bold; width:120px; margin:30px; box-sizing:border-box; flex-shrink:0; }
.program-thumb { max-width:300px; max-height:168.75px; margin:30px; box-sizing:border-box; flex-grow:0; flex-shrink:0; overflow:hidden; }
.program-thumb img { max-width:100%; height:auto; min-height:100%; object-fit:cover; object-position:center; }
.program-copy { margin:30px; box-sizing:border-box;  }
.program-desc { font-size:150%; }
.program.additional::before { content:''; display:block; height:1px; width:calc(100% - 210px); background-color:#000; position:absolute; top:0; right:0; }

/* Breadcrumbs */
#zoocrumbs { margin: 30px 0 0 30px; }
#zoocrumbs, #zoocrumbs li { display:inline-block; }
#zoocrumbs, #zoocrumbs li, #zoocrumbs li a { color:#000; font-weight:700; }
#zoocrumbs li a:hover { text-decoration:underline; }

@media only screen and (max-width:1500px) { 
	.hl-teaser-copy{ min-height:150px; }
	.fancy-section.white .fancy-image { width:40%; }
}

@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: 1.5!important; margin-bottom: 20px!important;width:100%!important; color:#000;}
	.full_width_text p, .tc-text {line-height:1.5;margin: 20px 0;padding: 0;}
	.tc-title { padding-left:0; }
	.tc-content { padding:0 30px; }
	.fancy-section.white .fancy-image, .fancy-section.color .fancy-image {position: relative; float:none;width: 100%;padding:20px 40px;display: inline-block; box-sizing: border-box;}
	.fancy-title.conservation{color:var(--conservation-color);}
	.fancy-section.color h2{color:#fff;}
	.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; }
	.two-column-image { flex-direction:column; }
	.two-column-image.tc-content-right { flex-direction:column; }
	.tc-image, .tc-content { width:100%; margin:auto; }	
}

@media only screen and (max-width:768px) /** Tablet Layout **/ {
	body { background-attachment:scroll; }
	header#basic-page-header { height:calc(100vw*.54); }
	header#basic-page-header > img { width: 100%; display:block; height: 100%;position: relative; z-index: -1; object-fit:cover;}
	.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; }
	/*Conservation*/
	.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 h2 {font-size: 300%;font-weight: 700;margin-bottom: 20px; margin-top: 20px;}
	.highlightsboxes, .full_width_text { margin: 30px auto; }
	.vertbar { height: 170px; right: 92px; top: 84px; }
	.program { flex-direction:column; }
	.program-thumb { max-width:100%; max-height:calc(58.25vw - 60px); padding:0 30px; margin:auto; }
	.program.additional::before { right:30px; width:calc(100% - 60px); }

}
@media only screen and (max-width:550px) /** Mobile Layout **/ {
	.fancy-content {max-width: 1720px;padding:20px;}
	.highlight-box, .callout-box { width:100%; max-width:430px; float:none; margin:auto; display:block; }
	.callout-box { padding-left:0; padding-right:0; }
	.hl-teaser-copy, .hl-teaser-more { height:auto; min-height:auto; }
	.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;}
	/*Contact Form Styles*/
	.volunteer-contact-form .wpcf7-text {width: 300px;}
	.volunteer-contact-form .wpcf7-textarea {width:300px}
	.two-column-image { scroll-padding-top:500px !important; }
}