*{box-sizing: border-box}
html{scroll-behavior: smooth;}
body{margin: 0;font-size:62.5%;font-family: 'Poppins', sans-serif;}
a{text-decoration: none;}
p, .js-to_expand, .form-btn, label, legend{font-size: 1.75em;}
h2 + p{margin-top:0;}
h3 + p{margin-top:0;}
a{text-decoration: none;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;}
a *{-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;}
.text-left {text-align: left}
.text-center {text-align: center}
.text-right {text-align: right}
header{position: absolute;left:0;right:0;z-index: 1;display: flex;justify-content: space-between;padding:0 3%;}
header .logo{flex-basis: 20%;padding-top: 5px;padding-bottom: 5px;}
header .logo img{width: 200px;height: auto;}
.navWrap{display: flex;flex-direction: column;align-items:flex-end;justify-content: center;}

.handle{display:none;}

nav.mainNav{width:100%;}
nav.mainNav  ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
    list-style-type: none;
}

nav.mainNav  ul li{
    text-align: center;
    font-size: 1em;
    padding-left: 25px;
}

nav.mainNav  ul li > a, nav.mainNav  ul li > span{
    font-size: 1.85em;
    color:#FFF;
    font-weight: 600;
}
nav.mainNav  ul li > span{cursor: pointer;}
nav.mainNav ul li:hover > a, nav.mainNav  ul li:hover > span{color:#DA7635;}
nav.mainNav ul li.active > a, nav.mainNav  ul li.active > span{border-bottom: 2px solid #FFF;}

nav.mainNav ul li.hasSub .subWrap{display: none;}
nav.mainNav ul li .subWrap{position: absolute;left: 0; width:100%;}
nav.mainNav ul li .subWrap .sub{margin-top:12px;padding:40px 20% 40px 40%;background-color:#DA7635;text-align: left;width: auto;display: flex;}
nav.mainNav ul li .subWrap .sub .subGroup{margin-right: 40px;}
nav.mainNav ul li .subWrap .sub .subGroup:last-of-type{margin-right: 0;}
nav.mainNav ul li .subWrap .sub .subGroup span{display: block; color:#FFF;;font-size: 1.65em;padding-bottom: 10px;font-weight: bold;}
nav.mainNav ul li .subWrap .sub .subGroup ul{display: block;width: auto;}
nav.mainNav ul li .subWrap .sub .subGroup ul li{text-align: left;padding-bottom: 4px;}
nav.mainNav ul li .subWrap .sub .subGroup ul li a{font-size: 1.65em; color:#FFF;}
nav.mainNav ul li .subWrap .sub .subGroup ul li:hover a{color:#33703F;}

.navTop{display: flex;align-items: center;color:#FFF;}
.navTop p.open{font-size: 1.55em;margin-right: 40px;}
.navTop nav ul{display: flex;padding-left: 0;list-style-type: none;}
.navTop nav ul li{margin-right: 25px;border-bottom: 2px solid #FFF;}
.navTop nav ul li:hover{border-bottom-color: #33703F;}
.navTop nav ul li a{font-size: 1.55em;color:#FFF;}
.navTop nav ul li a:hover{color:#DA7635;}
.navTop .transSearch a i{font-size: 1.55em;color:#FFF;margin-left: 20px;vertical-align: middle;}
.navTop .transSearch a i:hover{color:#DA7635;}
.navTop .transSearch a i.fa-translate-icon{font-size: 3.5em;}

.btn{display: inline-block;margin:10px 0;padding: 15px 30px;border-radius: 10px; background-color: #33703F; color:#FFF !important;margin-right: 20px;font-size: 1.65em;font-weight: 600;text-decoration: none !important;}
.btn:hover{background-color:#DA7635;}
p .btn{font-size:initial;font-weight:600;}
.btn.cream:hover{background-color:#FFE19C;color:#33703F !important;}
.btn.orange{background-color:#DA7635;}
.btn.orange:hover{background-color: #33703F;}

.hero{
    background-size: cover;
    background-position: center;
    height:700px;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
	clip-path: polygon(0 0, 100% 0, 100% 95%, 82% 98%, 63% 95%, 44% 99%, 17% 95%, 0 97%);
}
.hero::before{   
    position: absolute;
    content: "";
    top: 0;
    right:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0, rgba(0,0,0,.8), rgba(0,0,0,.5));
    opacity: .7;
}

.heroText{margin-top:120px;padding:0 4%;position: relative;max-width: 70%;}
.heroText h2{color:#FFF;font-size: 4.25em;margin:0 0 5px;}
.heroText p{color:#FFF;font-size: 2em;}
.heroText a{font-size: 1.75em;}



.homeFlex{display: flex;justify-content: space-between;align-items: center;margin: 120px 4%;}
.homeFlex div:nth-child(1){margin-right:50px;flex:1;display: flex;justify-content: center;align-items: center;}
.homeFlex img{max-width: 100%;}
.homeFlex .homeFlexText{flex-basis: 60%;}
.homeFlex .homeFlexText h2{font-size: 3em;margin:0 0 5px 0;}
.homeFlex .homeFlexText p{font-weight: bold;color:#333333;}
.homeFlex .alignCenter{text-align: center;flex:1;}


.homeStrip{display: flex;justify-content: space-between;margin:80px 4%;gap:40px;}
.homeStrip > div:nth-child(1){flex-basis:20%;}
.homeStrip > div:nth-child(2){flex-basis:30%;}
.homeStrip > div:nth-child(3){flex:1;}

.homeStrip .middleContent{background-color:#DA7635;color:#FFF;display:flex;flex-direction:column;border-radius:8px;border:2px solid #e3e3e3;position:relative;overflow: hidden;}
.homeStrip .middleContent::after{position:absolute;content:"";background-image: url(/_resources/themes/zoo/images/swirl.svg);background-repeat: no-repeat;right:-15%;bottom:0;width:200px;height:200px;}
.homeStrip .middleContent .image{background-image: url(/_resources/themes/zoo/images/treehouse.jpg);background-repeat: no-repeat;background-size:cover;clip-path: polygon(0 0, 100% 0, 100% 95%, 82% 98%, 63% 95%, 44% 99%, 17% 95%, 0 97%);flex: 1;}
.homeStrip .middleContent .text{text-align:center;padding:20px;position:relative;z-index:2;align-content: center;overflow:hidden;}
.homeStrip .middleContent .text h2{font-size: 2.5em;margin:0;}
.homeStrip .middleContent .text p{font-size:1.65em;}
.homeStrip .middleContent .text .btn:hover{background-color:#FFE19C;color:#33703F !important;}

.homeStrip .addCallouts{display:flex;flex-direction:column;gap:20px;}
.homeStrip .addCallouts .callout{display:flex;border-radius:8px;border:2px solid #e3e3e3;overflow:hidden;background-color:#FFF;}
.homeStrip .addCallouts .callout .image{width: 30%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.homeStrip .addCallouts .callout .text{padding:20px;flex:1;}
.homeStrip .addCallouts .callout .text h2{font-size:1.7em;margin-top:0;margin-bottom:5px;;color:#33703f;}
.homeStrip .addCallouts .callout .text p{font-size:1.5em;}
.homeStrip .addCallouts .callout .text a{font-size:1.5em;color:#000;font-weight:600;}
.homeStrip .addCallouts .callout .text a:hover{color:#DA7635;}

.homeStrip div table td{padding: 10px 0;}
.homeStrip div table tr:nth-child(1) > td{padding-top:0}
.homeStrip div table tr td:nth-child(1){width: 100%}
.homeStrip .homeStripImg{background-size: cover;background-position: center;}

.homeStrip .homeStripText h2{font-size: 3em;margin-top:0;}
.homeStrip .homeStripText.orange{background-color:#DA7635;color:#FFF;background-image: url(/_resources/themes/zoo/images/swirl.svg);background-repeat: no-repeat;background-position: 200px 380px;}
.homeStrip .homeStripText.cream{background-color:#FFE19C;}

.homeStrip .homeStripText .homeEvents{flex-basis: 35%; display: flex;flex-direction: column;}
.homeStrip .homeStripText .homeEvents .homeEvent:nth-of-type(n+2){margin-top:20px;}
.homeStrip .homeStripText .homeEvents .homeEvent a:hover{color:#F8981C;}
.homeStrip .homeStripText .homeEvents .homeEvent a h3{color:#494949;margin:0; font-size: 1.75em;}
.homeStrip .homeStripText .homeEvents .homeEvent a:hover h3{color:#DA7635;}
.homeStrip .homeStripText .homeEvents .homeEvent a p{color:#494949;margin-top: 3px;margin-bottom: 0;}
.homeStrip .homeStripText .homeEvents .homeEvent a:hover p{color:#33703F;}


.homeCallout{margin:0 4% 80px 4%;display: flex;justify-content: space-between;background-color: #DA7635;background-image: url(/_resources/themes/zoo/images/swirl.svg);background-repeat: no-repeat;background-position: -150px 200px;border-radius:10px;overflow:hidden;}
.homeCallout div{flex-basis: 50%;}
.homeCallout .homeCalloutImg{background-size: cover;background-position: center;display: flex;}
.homeCallout .homeCalloutImg::before{background-image: url(/_resources/themes/zoo/images/box-edge.svg);background-size: cover;content:'';width:30px;display: block;transform: rotate(-180deg);}
.homeCallout .homeCalloutText{color:#FFF;padding:80px 4%;}
.homeCallout .homeCalloutText h2{font-size: 3em;margin-top:0;}
.homeCallout .homeCalloutText .btn{margin-bottom:0;}
.homeCallout .homeCalloutText .btn:hover{background-color:#FFE19C;color:#33703F !important;}

/*** Search ***/
.search-form-wrapper {
    display: none;
    position: absolute;
    height:100vh;
    top:0;
    left: 0;
    right: 0;
    padding: 20px 15px;
    background-color:rgba(176, 199, 44, .95);
}
.search-form-wrapper.open {
    display: block;
}
.search-form{display: flex;flex-direction: column;height: 100%;justify-content: center;}
.search-form > span{font-size: 5vw;color:#33703F;font-weight: 800;}
.search-form .gSearchWrap .gSearch{flex:1;}
.search-form .gSearchWrap{display: flex;align-items: center}
.search-form .gSearchWrap .gSearch table{border: 0;margin: 0;border-collapse: inherit;}
.search-form .gSearchWrap .gSearch table td{border: 0;padding: inherit;}
.search-form .search-close{flex-basis: 10%;text-align: center;}
.search-form .search-close i{font-size: 3em;margin-left: 10px;color:#33703F;}
input.gsc-input{padding:10px !important;}

/*** Internal Layouts ***/
.content.nonElemental{padding: 40px 4%;}
.content > .element:first-of-type > div:first-child{margin-top:80px;}
.content.watermark{position:relative;}
.content.watermark::after{
  position: absolute;
  width: 100%;
  height: 672px;
  background-image: url(/_resources/themes/zoo/images/pad-cactus.svg);
  content: '';
  background-repeat: no-repeat;
  opacity: .05;
  top: 40%;
  left: -10%;
  z-index: -1;
}
.content.watermark::before{
  position: absolute;
  width: 670px;
  height: 100%;
  background-image: url(/_resources/themes/zoo/images/cactus-plant.svg);
  content: '';
  background-repeat: no-repeat;
  opacity: .05;
  top: 5%;
  right: 0;
  z-index: -1;
}
.content p, .content li{font-size: 1.65em; font-weight: 500;}
.content li{padding-bottom: 10px;}
.content a, .content a:visited {color: #1b2855;text-decoration: underline;}
.content.pageTitle h1{font-size: 5em;font-weight: 900; margin:10px 0;color: #33703F;
padding-bottom: 5px;text-decoration: underline;text-decoration-color: #FFE19C;}
.content h2{font-size: 5.5em;font-weight:800;margin: 40px 0 15px;color: #DA7635;line-height:1.3;}
.content h3{font-size: 3.5em;margin:20px 0;color:#33703F;line-height:1.3;}
.content h4{font-size: 2.65em;margin:20px 0;color:#33703F;line-height:1.3;}
.content h5{font-size: 2em;margin:20px 0;color:#33703F;line-height:1.3;}
.content h6{font-size: 1.65em;margin:20px 0;color:#33703F;line-height:1.3;}
.column100 > h2:first-of-type, .column50 > h2:first-of-type, .column60 > h2:first-of-type, .column30 > h2:first-of-type, .column30 > h3:first-of-type, .columnFlex > h2:first-of-type{margin-top: 0;}

.content h2 + p,.content h3 + p,.content h4 + p,.content h5 + p,.content h6 + p{margin-top:0;}
.content.flex{display: flex;justify-content: space-between;}
.content.pageTitle{padding-bottom:10px;margin-top: 40px;}
.content img{max-width: 100%;height: auto;}
.content img.left {float: left;margin: 5px 20px 10px 0;}
.content img.leftAlone {float: left;margin-right: 100%;margin-bottom: 10px;clear: both;}
.content img.right {float: right;margin: 5px 0 10px 20px;}
.content img.rightAlone{float:right;margin-left:100%;margin-bottom: 10px;clear: both;}
.content img.center{float: none;margin-left: auto;margin-right: auto;display: block;margin-bottom: 10px;clear: both;}
.content li li{font-size:1em;}
.columnFlex{flex:1;margin-right:120px;}
.column100{flex-basis: 100%;}
.column60{flex-basis: 60%;}
.column50{flex-basis: 50%;}
.column50:nth-child(1){margin-right: 80px;}
.column30{flex-basis: 30%;}
.smallText{font-size:1.25em !important;}

.internalHeader {
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	clip-path: polygon(
  0 0, 100% 0, 100% 95%, 95% 98%, 90% 93%, 
  83% 99%, 76% 94%, 68% 100%, 60% 95%,
  51% 99%, 42% 96%, 33% 98%, 25% 93%,
  17% 97%, 9% 92%, 0 95%
);
}

.internalHeader .headerTitle::before{   
    position: absolute;
    content: "";
    top: 0;
    right:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0, rgba(0,0,0,.8), rgba(0,0,0,.8));
    opacity: .7
}

.internalHeader .headerTitle{
    display: flex;
    justify-content: center;
    align-items: center;
    height:600px;
    width: 100%;
    background-size: cover;
    position: relative;
}

.internalHeader .headerTitle h1{
    color: #FFF;
    font-size: 6vw;
    line-height: 6vw;
    margin:0;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 10px 30px #000;
    text-align: center;
    position: relative;
    margin-top:100px;
}

.internalHeader > div:first:child{margin-top:0;}

.topWrap .top{display: flex;justify-content: space-between;margin: 40px 0;}
.topWrap .top h2{margin-bottom:0;}
.topWrap .top .spacer{border-left:2px solid #69718f;margin:0 20px;}
.topWrap .top .topRight{flex-basis: 40%; align-self: center;}
.topWrap .top .topLeft{flex-basis: 55%;align-self: center;}


/*** PAGE NAVIGATION ***/

.sectionNavWrap{padding:35px 4%;background-color: #33703F;}
nav.sectionNav ul{display: flex; flex-wrap: wrap; justify-items: center;align-items: center;list-style-type: none;padding-left: 0;}
nav.sectionNav ul li{margin-top:15px;margin-right: 35px;margin-bottom: 15px;}
nav.sectionNav ul li a{font-size: 1.65em;font-weight: 600; color:#FFF;padding-bottom: 5px;}
nav.sectionNav ul li a:hover{color:#DA7635;}
nav.sectionNav a.current {border-bottom: 3px solid #DA7635;}


/*** TABLES ***/

table {
    border-collapse: collapse; /* borders are collapsed into a single border when possible */
    border: 1px solid #d4d4d4;
    border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */
    margin: 0 0 10px;
    text-align: left;
}
table tr:nth-child(even) {background-color: #ededed;}
table th, thead td {background-color: #ededed;}
table td, table th {padding: 15px; border: 1px solid #d4d4d4; vertical-align: top;}
table th {font-weight: bold;}
table li{font-size:inherit !important;}  

table.noStyle{border:none;}
table.noStyle tr:nth-child(even){background-color:transparent;}
table.noStyle td, table.noStyle th{border:none;}
table.fullWidth{width:100%;}

.visitAdmission table td{padding: 8px 10px;}

/*** BOXES ***/
.boxWrapper{display:flex;flex-wrap:wrap;clear:both;}
.boxWrap{flex-basis:23%;display:flex;flex-direction:column;justify-content: space-between;border:3px solid #CCC;padding:20px;margin-top:20px;margin-right:20px;}
.boxWrap .boxIcon{text-align:center;margin: 20px 0;}
.boxWrap .boxIcon i{font-size:7em;color:#002157;}
.boxWrap .topImage{text-align:center;}
.boxWrap .boxBtn{align-self:bottom;}
.boxWrapper.colSide .boxWrap{flex-basis:30%;}

.animalBoxWrapper{display:flex;flex-wrap:wrap;clear:both;gap:20px;}
.animalBox{flex-basis:23%;display:flex;flex-direction:column;justify-content: space-between;margin-top:20px;border-radius: 10px;background-color:#33703F;overflow: hidden;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;}
.animalBox a{text-decoration: none;}
.animalBox .topImage{text-align:center;overflow: hidden;}
.animalBox .topImage img{width: 100%;height: auto;border-radius: 10px 10px 0 0;transition: transform .55s;}
.animalBox .boxText{padding: 20px;}
.animalBox .boxText h3{margin: 0;font-size: 2.5em; color:#FFF;font-weight: 600;}
.animalBox .boxText p{color:#FFF;margin-bottom: 5px;}
.animalBox:hover{background-color:#DA7635;}
.animalBox a:hover{text-decoration: none;}
.animalBox a:hover .topImage img{transform: scale(1.1);}
.animalBox a:hover .boxText h3{color:#FFF;}

.picTextWrap{margin:40px 0;display: flex;align-items: center;justify-content: center;}
.picTextWrap .pic{width:60%;height:500px;background-size: cover;background-position:center;}
.picTextWrap .text{display: flex; width:50%;color:#FFF;}
.picTextWrap .text .TextWrap{padding:30px;background-color: #DA7635;}
.picTextWrap .text .TextWrap h3{color:#FFF;margin-bottom: 10px;border-bottom: 4px solid rgba(255,255,255,.25);}

.picTextWrap.odd .text{margin-left: -100px;}
.picTextWrap.odd .text::before{width: 30px;background-image: url(/_resources/themes/zoo/images/box-edge.svg);content: '';background-size: cover;background-repeat: no-repeat;}

.picTextWrap.even .text::after{width: 30px;background-image: url(/_resources/themes/zoo/images/box-edge.svg);content: '';background-size: cover;background-repeat: no-repeat;transform: rotate(-180deg);}
.picTextWrap.even .text{order:1;margin-right: -100px;position: relative;}
.picTextWrap.even .pic{order:2;}

.camWrap{display: flex;flex-wrap: wrap;justify-content:space-around;}
.camWrap .camBox{flex-basis: 30%margin-right:20px;margin-top: 40px;margin-bottom: 40px;}
.camWrap .camBox .camImage{text-align: center;}
.camWrap .camBox .camLinks{display: flex;justify-content: center;flex-wrap: wrap;}

.classHab{display: flex; margin-bottom: 40px;color:#FFF;}
.classHab .textWrap{background-color:#DA7635;padding: 30px;flex:1;}
.classHab .textWrap h3{margin-top: 0;color:#FFE19C;margin-bottom: 10px;border-bottom: 4px solid rgba(255,255,255,.25);}
.classHab .textWrap p span{font-weight: bold;text-transform: uppercase;}
.classHab::before{width: 30px;background-image: url(/_resources/themes/zoo/images/box-edge.svg);content: '';background-size: cover;background-repeat: no-repeat;}

.map-responsive{
    overflow:hidden;
    padding-bottom:90%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*** BREADCRUMBS ***/
.breadCrumbs{margin:40px 4% 0 4%;font-size: 1.5em;font-weight: bold;}
.breadCrumbs span::after{
    margin:0 10px;
    content:"";
    border: solid #5c5c5c;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.breadCrumbs span:last-child:after{display: none;}
.breadCrumbs a{color:#33703F;transition: all 0.3s ease-in-out;}
.breadCrumbs a:hover{color:#DA7635;}

/*** TEXT BOX ***/
.textBox{display: flex;margin:120px 5%;gap:80px;}
.textBox .text{flex-basis:70%;}
.textBox .box{background-color:#DA7635;color:#FFF;flex-basis:30%;padding: 20px 25px;clip-path: polygon(8% 1%, 19% 0, 100% 0%, 100% 87%, 99% 92%, 96% 97%, 88% 96%, 82% 100%, 0 100%, 0 12%, 3% 9%, 4% 5%);}
.textBox .box *{color:#FFF;}
.textBox .box h2{color:#FFE19C;font-size:4em;}

/*** TEXT IMAGE ***/
.textImage{display: flex;margin:120px 5%;gap:80px;align-items:center;}
.textImage .text{flex:1;}
.textImage .text > h2:first-of-type, .textImage .text > h3:first-of-type{margin-top: 0;}
.textImage .text i {color:#326297;}
.textImage .image{flex-basis:45%;text-align:center;}
.textImage .image img{border-radius:8px;clip-path: polygon(8% 99%, 19% 100%, 100% 100%, 100% 13%, 100% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 88%, 3% 91%, 4% 95%
);}

/*** IMAGE TEXT ***/
.imageText{display: flex;margin:120px 5%;gap:80px;align-items:center;}
.imageText .text{flex:1;}
.imageText .text > h2:first-of-type, .imageText .text > h3:first-of-type{margin-top: 0;}
.imageText .text i {color:#326297;}
.imageText .image{flex-basis:45%;}
.imageText .image img{border-radius:8px;clip-path: polygon( 92% 1%, 81% 0%, 0% 0%, 0% 87%, 0% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 12%, 97% 9%, 96% 5%);}

/*** BOXES ***/
.contentBoxesWrap{margin:120px 5%;}
.contentBoxesWrap.contentBoxesStyled .contentBoxes .contentBox{background-color: #fff3d2;padding: 30px;border-radius: 10px;clip-path: polygon(
  92% 1%, 81% 0%, 0% 0%, 0% 87%, 1% 92%, 4% 97%, 12% 96%, 18% 100%, 100% 100%, 100% 12%, 97% 9%, 96% 5%);outline: 2px solid #fff0c6;outline-offset: -2px;}
.contentBoxesWrap .contentBoxes{margin-top: 20px; display: flex;flex-wrap: wrap;gap:40px;}
.contentBoxesWrap .contentBoxes .contentBox{flex-basis: calc(100% * (1/3) - 40px);}
.contentBoxesWrap.twoBoxes .contentBoxes .contentBox{flex-basis: calc(100% * (1/2) - 40px);}
.contentBoxesWrap.fourBoxes .contentBoxes{gap:20px;}
.contentBoxesWrap.fourBoxes .contentBoxes .contentBox{flex-basis: calc(100% * (1/4) - 20px);}
.contentBoxesWrap .contentBoxes .contentBox img{max-width: 100%;border-radius: 10px;clip-path: polygon( 92% 1%, 81% 0%, 0% 0%, 0% 87%, 0% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 12%, 97% 9%, 96% 5%);}
.contentBoxesWrap .contentBoxes .contentBox h3{font-size: 2.3em; margin:10px 0 0;}
.contentBoxesWrap .contentBoxes .contentBox ul{padding-left:15px;}

/*** TWO COLUMN ***/
.twoCol{margin:120px 5%;display:flex; gap:80px;}
.twoCol div{flex-basis:50%;}

/*** TOP TWO COLUMN ***/
.topTwoCol{margin:120px 5% 0 5%;}
.TopTwoCol .twoCol{margin-top:40px;margin-left:0; margin-right:0;}

/*** SHOW HIDE ***/
.showHide{margin:120px 5%;}
.showHide details{border-top: 1px solid #599365;}
.showHide details:last-of-type{border-bottom: 1px solid #599365;}
.showHide details summary > * {display: inline;}
.showHide details summary{cursor:pointer;list-style: none;position: relative;padding: 25px 35px 25px 0;}
summary::-webkit-details-marker{display: none;}
.showHide details summary::after{
	font-family: "Font Awesome 5 Pro";
    font-weight:600;
    font-size: 1.65em;
	content:"\f078";
    position: absolute;
    right: .75em;
    height: .75em;
    width: .75em;
    color:#599365;
  }
.showHide details[open] summary::after{content:"\f077";}
.showHide details[open]{padding-bottom:25px;}
.showHide details[open] summary{padding-bottom:0;}
.showHide details summary:hover::after{color:#DA7635;}
.showHide details summary h3{font-size: 1.75em;font-weight:700;}
.showHide details summary:hover h3{color:#DA7635;}

/*** BANNER ***/
.banner{margin:120px 5%;padding:110px 12%;position: relative;clip-path: polygon(8% 1%, 19% 0, 100% 0%, 100% 87%, 99% 92%, 96% 97%, 88% 96%, 82% 100%, 0 100%, 0 12%, 3% 9%, 4% 5%);}
.bannerOverlay{background-size: cover;background-position: center;}
.bannerOverlay::before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;width:100%;background-color:rgba(0, 0, 0, .65);}
.banner .topText{position: relative;padding-bottom:40px;}
.bannerTwoCol{display: flex;justify-content: space-between;gap:80px;}
.bannerTwoCol .col{position: relative;flex-basis: 50%;color:#FFF;flex-grow:1;}
.banner h2, .banner h3, .banner h4{color:#FFF;}
.banner h2{margin-top: 20px;}
.banner.flexCentered{align-items: center;}
.banner a{color:#FFF;}
.banner a:hover{text-decoration:none;}

/*** DIVIDER ***/
.divider{margin:0 10%;background-image: url(/_resources/themes/zoo/images/divider.svg);content: '';background-size: contain;background-repeat: no-repeat;aspect-ratio: 10 / 1;}

/*** CENTER TEXT ***/
.centerText{padding: 150px 15%;text-align: center;}

/*** CONTENT ***/
.contentText{margin:120px 5%;}

/*** FORM ***/

.userform-fields input, .userform-fields textarea{
    width: 100%;
    display: block;
    box-sizing: border-box;padding: 10px;
    font-size: 1.4em;
}
.userform-fields label, .userform-fields legend{
    display:block;
    font-size: 1.5em;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
}
.userform-fields select{width: 100%;padding: 10px;font-size: 1.4em;}
.userform-fields fieldset{margin:10px 0;}
.userform-fields fieldset label{display:inline-block;}
.userform-fields fieldset input{display:inline-block;width:auto;}
.userform input[type=submit]{
    border: 0; 
	background-color: #33703F;
	border-radius: 10px;
    color: #FFF;
    font-size: 18px;
    display: inline-block;
    padding: 15px 30px;
    font-weight: 400;
    margin-top:20px;
    cursor: pointer;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}
.userform input[type=submit]:hover{background: #DA7635;}
.requiredField label::after {content: "*";}
.userform-fields textarea{font-family: 'Poppins', sans-serif;}
 
 /*** ALERTS ***/
.siteAlert{background-color:#DA7635;color:#FFF;padding:20px 8%;text-align:center;font-weight:bold;font-weight: 600;}
.siteAlert a{text-decoration:underline;opacity:1;color:#FFF;}
.siteAlert a:hover{opacity:.8;text-decoration:none;}

/*** FOOTER ***/
.preFooter{margin-bottom: -10px;background-image: url(/_resources/themes/zoo/images/footer.svg);height: 46px;background-size: contain;background-repeat: repeat-x;background-position: bottom;}
footer{background-color:#33703F;display: flex; justify-content: space-between;align-items: center;padding:4%;color:#FFF;}
footer .fLeft .fLogo img:first-of-type{margin-right:20px;}
footer .fMid{flex:1;margin:0 5%;text-align: center;background-image: url(/_resources/themes/zoo/images/elephant.svg);background-repeat: no-repeat;background-position: center;align-self: stretch;display: flex;justify-content: center;align-items: center;}
footer .fMid p{font-style: italic;margin:0;}
footer .fRight{display: flex;flex-direction: column;align-items: flex-end;}
footer .fRight h3{font-size: 3em;margin: 0 0 10px;}
footer .fRight .social a i{font-size: 3em;color:#FFF;margin-left: 15px;}
footer .fRight .social a:first-of-type i{margin-left: 0;}
footer .fRight .social a:hover i{color:#DA7635;}
footer .fRight .copy{font-size: 1.25em;}
footer .fRight .copy a{color:#FFF;}
footer .fRight .copy a:hover{color:#DA7635;}



@media (min-width:881px){
    nav.mainNav button {display: none;}
    [hidden]{display: block;} 
}

@media only screen and (max-width: 1249px) {
	.content .column60 img.right{float:none;display:block;margin:0 auto 20px auto;}
	.textImage, .imageText{align-items:center;}
	.homeStrip{flex-wrap:wrap;}
	.homeStrip > div:nth-child(1){flex-basis:44%;}
	.homeStrip > div:nth-child(2){flex-basis:50%;}
	.homeStrip > div:nth-child(3){flex-basis:100%;}
	.homeStrip .middleContent .image{height:320px;flex:auto;}
}

@media only screen and (max-width: 1179px) {
	.twoCol{flex-direction:column;gap:40px;}
	.twoCol div{flex-basis:100%;}
	.contentBoxesWrap .contentBoxes .contentBox{flex-basis: calc(100% * (1/2) - 40px);}
	.textImage, .imageText, .textBox{gap:40px;flex-direction:column;}
	.imageText .image{order:2}
}

@media only screen and (max-width: 880px) {
    header{flex-direction: column;}
    header .navWrap{flex-direction: column;align-items:center;}
    header .navWrap .navTop{flex-direction: column;}
    .navTop p.open{margin-right: 0;}
    header .navWrap .navTop nav ul{flex-direction: column;}
    .navTop nav ul li{text-align: center;margin-right: 0;margin-bottom: 15px;border-bottom: 0;}
    .navTop .transSearch{margin-top:20px;}
    .navTop .transSearch a:first-of-type i{margin-left:0;}
    .navTop .transSearch a i{font-size: 2em;}
    header .logo img{width: 180px;height: auto;}
    header .logo{flex-basis: 100%;text-align: center;}

    
    [hidden]{display: none !important;} 
    nav.mainNav button{
        background-color: transparent;
        border: 0;
        color:#FFF;
        font-size: 3em;
        cursor: pointer;
    }
    nav.mainNav button span{
        position:absolute;
        left:-10000px;
        top:auto;
        width:1px;
        height:1px;
        overflow:hidden;
    }
    nav.mainNav{text-align: center;margin: 20px 0;order: -1;}
    nav.mainNav.desktop{
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background-color: #33703F;
        padding:20px;
        margin:0;
    }
    nav.mainNav.desktop i.fa-bars{display: none;}
    nav.mainNav i.fa-times{display: none;}
    nav.mainNav.desktop i.fa-times{display: block;}
    nav.mainNav ul{
        height: 100vh;
        flex-direction: column;
        justify-content: flex-start;
    }
    
    nav.mainNav ul li{margin:10px 0;width:100%;text-align: center;padding: 0;}
    nav.mainNav ul li a{padding: 0;}
    
    nav.mainNav ul li .subWrap .sub{flex-direction: column;text-align:center;padding:40px 20px;background-color: #DA7635;} 
    nav.mainNav ul li .subWrap .sub .subGroup ul{padding: 0;}
    nav.mainNav ul li .subWrap .sub .subGroup ul li{text-align: center;}
    nav.mainNav ul li .subWrap .sub .subGroup ul li a{color:#FFF;}
    nav.mainNav ul li .subWrap .sub .subGroup ul li a:after{display: none;}
    
    .hero{height:900px;}
    .heroText{margin-top:420px;padding:0 4%;max-width: 100%;}
    .heroText h2{font-size: 3em;}
    
    .homeFlex{flex-direction: column;text-align: center;margin-top: 40px;margin-bottom: 40px;}
    .homeFlex div{flex-basis: 100%;}
    .homeFlex div:nth-child(1){margin-right: 0;}

    
    .homeStrip{flex-direction: column;text-align: center;}
    .homeStrip > div{flex-basis: 100%;}
    .homeStrip .homeStripImg{height:300px;flex-basis: 500px;}
    .homeStrip div table{width: 80%;margin: 0 auto;}
    .homeStrip .homeStripText.orange{background-position:-300px 0}

	.homeStrip > div:nth-child(1){order:1;flex-basis:100%;}
	.homeStrip > div:nth-child(2){order:3;flex-basis:100%;}
	.homeStrip > div:nth-child(3){order:2;flex-basis:100%;}
	
	.homeStrip .addCallouts .callout{flex-direction:column;}
	.homeStrip .addCallouts .callout .image{width:100%;height:200px;}
	
    .homeCallout{flex-direction: column;text-align: center;}
    .homeCallout div{flex-basis: 100%;}
    .homeCallout .homeCalloutImg{height:300px;flex-basis: 500px;order:-1;}  
    .homeCallout .homeCalloutImg{flex-direction: column;}
    .homeCallout .homeCalloutImg::before{background-image: url(/_resources/themes/zoo/images/box-edge-horz.svg);height:30px;width: 100%;}
    
    .internalHeader{clip-path: polygon(0 0, 100% 0, 100% 95%, 82% 98%, 63% 95%, 44% 99%, 17% 95%, 0 97%);}
    .internalHeader .headerTitle{height:750px;background-position:center;}
    .internalHeader .headerTitle h1{margin-top: 400px;font-size: 6em;line-height: 65px;}
    
	nav.sectionNav ul{
        flex-direction: column;
        align-items: center;
    }
	nav.sectionNav ul li{width:100%;margin: 10px 0; text-align:center;}
	nav.sectionNav ul li .subWrap{position:relative;}
    .picTextWrap{flex-direction: column;}
    .picTextWrap .pic{width:100%;}
    .picTextWrap .text{width:95%;margin-top: -100px;flex-direction: column;}
    .picTextWrap.odd .text{margin-left: 0;}
    .picTextWrap.odd .text::before{height: 10px; width: 100%;background-image: url(/_resources/themes/zoo/images/box-edge-horz.svg);content: '';background-size: cover;background-repeat: no-repeat;}
    .picTextWrap.even .text::before{height: 10px;background-image: url(/_resources/themes/zoo/images/box-edge-horz.svg);content: '';transform: none;background-size: cover;background-repeat: no-repeat;}
    .picTextWrap.even .text::after{display: none;}
    .picTextWrap.even .text{order:2;margin-right: 0;}
    .picTextWrap.even .pic{order:1;}
    
    .classHab{flex-direction: column;}   
    .classHab::before{height: 20px;width: 100%;background-image: url(/_resources/themes/zoo/images/box-edge-horz.svg);content: '';background-size: cover;background-repeat: no-repeat;}

	.topWrap .top{flex-direction: column;justify-content:flex-start;border-bottom: 2px solid #333333;}
	.topWrap .top:last-child{border-bottom:0;}
    .topWrap .top .spacer{display: none;}
    .topWrap .top .topRight{flex-basis: 100%;width:100%;}    
	.topWrap .top .topLeft{flex-basis: 100%;width:100%;}
	
	.content h2{font-size:4.5em;}
	.content img.right{display:block;float:none;margin:0 auto 20px;}
	.content img.left{display:block;float:none;margin:0 auto 20px;}
	.textBox .box h2{font-size:3.5em;}
	.textImage, .imageText, .banner, .contentText, .twoCol, .topTwoCol, .showHide, .contentBoxesWrap, .textBox{margin:80px 5%;}
	.banner{padding: 40px 5%;}
	.bannerTwoCol{flex-direction:column;gap:40px;}
	
	.contentBoxesWrap .contentBoxes .contentBox{flex-basis: 100%;}
	.contentBoxesWrap.twoBoxes .contentBoxes .contentBox{flex-basis: 100%;}
	.contentBoxesWrap.fourBoxes .contentBoxes{gap:40px;}
	.contentBoxesWrap.fourBoxes .contentBoxes .contentBox{flex-basis: 100%;}
	
    footer{flex-direction: column;}
    footer .fLeft{text-align: center;}
    footer .fMid{margin: 25px 0 35px;}
    footer .fRight{flex-basis: 100%;align-items: center;}
}

@media (max-width: 768px) {
    .content.flex{flex-direction: column;}
    .column50, .column60{flex-basis: 100%;}
    .column50:nth-child(1){margin-right: 0;}
    .column50:nth-child(2){margin-top: 40px;}
    .column30{flex-basis: 100%;margin-top: 40px;}
	.columnFlex{margin-right:0;}
	.internalHeader .headerTitle h1{font-size:5em;padding:0 3%;}
    table{max-width:100%;}
	table td{max-width:100%;}
	.divider{background-size:cover;}
    .preFooter{background-size: cover;}
    footer{flex-direction: column;align-items: center;}
    footer .fContact{flex-direction: column;}
    footer .fContact div:first-of-type{margin-right: 0;}
    footer .fLeft{text-align: center;margin-top:30px;}
    footer .fLeft .fLogo{display: flex;flex-direction: column;align-items: center;}
    footer .fLeft .fLogo img{width:150px;}
    footer .fLeft .fLogo img:first-of-type{margin-right: 0;margin-bottom: 20px;}
    footer .fRight{align-items: center;}
}

@media (max-width: 668px) {
    .animalBox{flex-basis:100%;}
}