/* IMPORTS
---------------------------------------------------------- */
@import url('normalize.css');
@import url('responsive.css');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700,800|Open+Sans+Condensed:300,300italic,700|Amatic+SC:400,700);



/* ----------------------------------------------------------
    BIRMINGHAM ZOO CSS
    Version 1.0

    TABLE OF CONTENTS

    01 - BASE STYLES
    02 - BACKGROUND & TEXT COLORS
    03 - BUTTONS
    04 - LAYOUT
    05 - HEADER STYLES
    06 - NAVIGATION STYLES
    07 - ROTATOR STYLES
    08 - SIDEBAR STYLES
    09 - FOOTER STYLES
---------------------------------------------------------- */




/* 01 = BASE STYLES
---------------------------------------------------------- */
body {
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    color: #666;
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    font-size: 62.5%;
    min-width: 320px !important;
 }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    margin: 0;
    padding: 0;
}

.gigantic {font-size: 30px;}

h1, .huge {
    color: #2abeb0;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 10px;
}

h2, .large {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
}

h3, .big {
    color: #2abeb0;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
 }

h4, .normal {
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
    padding-bottom: 10px;
 }

h5, .small {
    color: #5c5c5c;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}

h5.news-post-title {
    font-size: 16px;
    color: #5c5c5c;
    margin-bottom: 0px;
}

h6, .tiny {font-size: 15px;}

.micro {font-size: 11px;}

p {
    color: #5c5c5c;
    font-size: 13px;
    line-height: 16px;
 }

a {
    color: #faac01;
    outline: none;
    text-decoration: none;
 }

ul,
ol {padding-left: 15px;}

ul li, ol li {font-size: 13px;}

.crazy-text {
    font-family: 'Amatic SC', cursive;
    font-weight: normal;
 }

h2.crazy-text {
    font-size: 36px;
    text-transform: uppercase;
 }

.crazy-text strong {font-weight: bold;}

.right,
.align-right,
.alignright {float: right;}

.left,
.align-left,
.alignleft {float: left;}

img.right,
img.align-right,
img.alignright {margin: 0px 0px 15px 15px;}

img.left,
img.align-left,
img.alignleft {margin: 0px 15px 15px 0px;}

img.wp-post-image {margin: 0px 0px 15px 15px;}

img.aligncenter { display: block; margin: 0 auto; }

.print {display: none;}

.clear {clear: both;}

table {
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 13px;
    width: 100%;
}

tr {border-bottom: 1px solid #eaeaea;}

td,
th {
    padding: 10px;
    text-align: left;
}

hr {
    background-color: #eaeaea;
    border: none;
    height: 1px;
}

.access-hidden {
    display: none;
}

.attribution {
    color: #fff;
    float: right;
}


/* 02 = BACKGROUND & TEXT COLORS
---------------------------------------------------------- */
/* REMOVE THESE INSTRUCTIONS -- This section should include
background and text colors that may change throughout the
site that aren't already set as a default.

(e.g. .t-gray, .bkgd-white) */
.bkgd-textured-yellow {
    background-image: url(../images/bkgd-textured-yellow.png);
    background-position: top center;
    background-repeat: repeat-x;
 }

.bkgd-tan-tint {background-image: url(../images/bkgd-tan-tint.png);}

.bkgd-white-opaque {background-image: url(../images/bkgd-white-opaque.png);}

.bkgd-grass {
    background-image: url(../images/bkgd-grass.png);
    background-repeat: repeat-x;
 }

.bkgd-light-green {background-color: #39b54a;}

.bkgd-med-green {background-color: #2eab3f;}

.bkgd-pale-grey {background-color: #eaeaea;}

.bkgd-dark-teal {background-color: #1b9d90;}

.bkgd-textured-green {background-image: url(../images/bkgd-textured-green.png);}

.bkgd-textured-light-green {background-image: url(../images/bkgd-textured-light-green.png);}

.bkgd-textured-purple {background-image: url(../images/bkgd-textured-purple.png);}

.bkgd-textured-teal {background-image: url(../images/bkgd-textured-teal.png);}

.bkgd-textured-sub-blue {background-image: url(../images/bkd-textured-sub-blue.jpg);}

.bkgd-textured-sub-green {background-image: url(../images/bkgd-textured-sub-green.jpg);}

.bkgd-textured-sub-lime {background-image: url(../images/bkgd-textured-sub-lime.jpg);}

.bkgd-textured-sub-purple {background-image: url(../images/bkgd-textured-sub-purple.jpg);}

.bkgd-textured-sub-red {background-image: url(../images/bkgd-textured-sub-red.jpg);}

.bkgd-textured-sub-teal {background-image: url(../images/bkgd-textured-sub-teal.jpg);}

.bkgd-textured-sub-yellow {background-image: url(../images/bkgd-textured-sub-yellow.jpg);}

.bkgd-textured-sub-orange {background-image: url(../images/bkgd-textured-sub-orange.jpg);}

.bkgd-textured-teal-two-top {
    background-position: top left;
    background: url(../images/bkgd-textured-teal-two-top.png) repeat-x;
 }

.bkgd-textured-teal-two {
    background-image: url(../images/bkgd-textured-teal-two.png);
    background-position: top left;
 }

.bkgd-textured-yellow-two{background-image: url(../images/bkgd-textured-yellow-two.png);}

.bkgd-textured-teal-section-header {background-image: url(../images/bkgd-textured-teal-section-header.png);}

.bkgd-white {background-color: #fff;}

.bkgd-med-purple {background-color: #824a88;}

.footer-topper {
    height: 39px;
    position: absolute;
    top: -39px;
    width: 100%;
    z-index: 1;
 }

.t-white {color: #fff;}

.t-black {color: #231f20;}

.t-yellow {color: #faac01;}

.t-blue {color: #04a0c9;}

.t-light-grey {color: #8c8c8c;}

.t-orange {color: #fa6501;}

/* 03 = BUTTONS
---------------------------------------------------------- */
/* REMOVE THESE INSTRUCTIONS -- This section should include
styles for various buttons throughout the site.  Set size
and color as separate styles.

(e.g. .btn-small, .btn-large, .btn-green, .btn-blue) */
.btn {
    font-size: 13px;
    transition: opacity 0.2s;
 }

    .btn:hover {opacity: 0.8;}

    .btn.learn-more, .btn.buy-tickets {
        border: solid #fff 1px;
        display: inline-block;
        font-weight: 600;
        line-height: 13px;
        padding: 12px 34px;
        text-transform: uppercase;
     }

    .btn.learn-more {margin-right: 15px;}

.go-btn {
    border: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    padding: 6px 14px 6px 14px;
 }

/* 04 = LAYOUT
---------------------------------------------------------- */
/* REMOVE THESE INSTRUCTIONS -- This section should include
styles for overall layout.  For the global width, set the
overall width of the site with margin: 0 auto; for easy
reference to the site width. */
.global-width {
    margin: 0 auto;
    max-width: 1040px;
    width: 100%;
 }

.grass {
    height: 126px;
    margin: 0px;
    padding: 0px;
    width: 100%;
 }

.grass-bottom {height: 50px;}

.secondary-header-wrapper {
    height: 40px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 4;
    min-width: 320px;
 }

 .logged-in .secondary-header-wrapper {
    top: 32px;
 }

.secondary-header {position: relative;}

    .secondary-header .logo {
        left: 0px;
        position: absolute;
        top: 0px;
        z-index: 3;
     }

.header-wrapper {
    position: absolute;
    top: 34px;
    width: 100%;
    z-index: 3;
    min-width: 320px;
 }

 .logged-in .header-wrapper {
    top: 66px;
 }

.header {
    height: 73px;
    position: relative;
 }

.connect-with-us-wrapper {padding-bottom: 39px;}

.footer-wrapper {position: relative;}

/* REMOVE THESE INSTRUCTIONS -- From here on out, setup your
styles with a "top-down" structure approach that sets styles 
as they appear in the source code. */

/* 05 = HEADER STYLES
---------------------------------------------------------- */
.sub-nav {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: right;
 }

    .sub-nav li {float: left;}

        .sub-nav li a {
            color: #fff;
            display: block;
            font-size: 12px;
            font-weight: bold;
            line-height: 12px;
            padding: 13px 13px 0px 13px;
         }

            .sub-nav li a:hover {
                border-top: 3px solid #BD8102;
                padding: 10px 13px 0px 13px;
             }
            .sub-nav li.current_page_item a {
                border-top: 3px solid #BD8102;
                padding: 10px 13px 0px 13px;
             }

.search-form input[type='text'] {
    background: #fff;
    border: none;
    color: #707070;
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    font-size: 12px;
    font-style: italic;
    margin-top: 8px;
    outline: none;
    padding: 3px 0px 3px 7px;
    width: 170px;
 }

 .search-results p {
    margin-top: 0px;
    margin-bottom: 5px;
 }

 .search-results p a {
    color: #fa6501;
    font-size: 16px;
    font-weight: bold;
 }

 .search-results .navigation {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
 }

.page-numbers {
    font-size: 13px;
    background-color: #faac01;
    color: #fff;
    padding: 10px 15px;
    font-weight: bold;
}

.page-numbers:hover {
    background: #39b54a;
    color: #fff;
}

.page-numbers.current {
    background: #39b54a;
    color: #fff;
}


/* 06 = NAVIGATION STYLES
---------------------------------------------------------- */
.nav {
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 3;
    float: right;
 }

    .nav li {
        float: left;
        position: relative;
        margin: 0px;
    }

        .nav li > ul {
            position: absolute;
            top: 74px;
            right: 2px;
            list-style: none;
            padding: 5px 0px 5px 0px;
            margin: 0px;
            display: none;
        }




            .nav li:nth-child(1) > ul {
                background-color: #F79D09;
            }
	    
	    html.lt-ie9 .nav li:first-child + li > ul {
	        background-color: #138EBD;
	    }

            .nav li:nth-child(2) > ul {
                background-color: #138EBD;
            }
	    
	    html.lt-ie9 .nav li:first-child + li + li > ul {
	        background-color: #2abeb0;
	    }

            .nav li:nth-child(3) > ul {
                background-color: #2abeb0;
            }
	    
	    html.lt-ie9 .nav li:first-child + li + li + li > ul {
	        background-color: #fa6501;
	    }    
	

            .nav li:nth-child(4) > ul {
                background-color: #fa6501;
            }
	    
	    html.lt-ie9 .nav li:first-child + li + li + li + li > ul {
	        background-color: #a771ad;
	    }   

            .nav li:nth-child(5) > ul {
                background-color: #a771ad;
            }

	    html.lt-ie9 .nav li:first-child + li + li + li + li + li > ul {
	        background-color: #bdbf16;
	    }   
	    
            .nav li:nth-child(6) > ul {
                background-color: #bdbf16;
            }

	    html.lt-ie9 .nav li:first-child + li + li + li + li + li + li > ul {
	        background-color: #eb2747;
	    }
	    
            .nav li:nth-child(7) > ul {
                background-color: #eb2747;
            }

	    html.lt-ie9 .nav li:first-child + li + li + li + li + li + li + li > ul {
	        background-color: #40ae49;
	    }
	    
            .nav li:nth-child(8) > ul {
                background-color: #40ae49;
            }

	    html.lt-ie9 .nav li:first-child + li + li + li + li + li + li + li + li > ul {
	        background-color: #40ae49;
	    }
	    
            .nav li > ul > li {
                float: none;
            }

            .nav li > ul > li > a {
                color: #fff;
                padding: 5px 10px 5px 10px;
                display: block;
                min-width: 120px;
                border-bottom: none;
                margin: 0px;
                white-space:nowrap;
                font-weight: normal;
                font-size: 13px;
            }

            .nav li > ul > li > a:hover {
                background: rgba(0, 0, 0, 0.1) !important;
            }

            .nav li > ul > li.current_page_item > a {
                background-color: rgba(0, 0, 0, 0.1);
            }

        .nav li a {
            border-bottom: solid 2px;
            color: #fff;
            display: block;
            font-size: 14px;
            font-weight: bold;
            margin-right: 2px;
            padding: 29px 16.5px 23px 16.5px;
         }

            .nav > li:nth-child(1) a {border-color: #F79D09;}

            .nav > li:nth-child(1) a:hover, 
            .nav > li.current_page_item:nth-child(1) a,
            .nav > li.current-menu-ancestor:nth-child(1) a {
                background: url(../images/carrot-yellow.png) center bottom no-repeat;
            }
	    
			html.lt-ie9 .nav > li:first-child > a {border-color: #F79D09;}
    	    
			html.lt-ie9 .nav > li:first-child > a:hover {
                background: url(../images/carrot-yellow.png) center bottom no-repeat;
            }

            .nav > li:nth-child(2) a {border-color: #138EBD;}
	    
            .nav > li:nth-child(2) a:hover, 
            .nav > li.current_page_item:nth-child(2) a,
            .nav > li.current-menu-ancestor:nth-child(2) a {
                background: url(../images/carrot-blue.png) center bottom no-repeat;
            }

			html.lt-ie9 .nav > li:first-child + li > a {border-color: #138EBD;}
	    	
			html.lt-ie9 .nav > li:first-child + li > a:hover {
                background: url(../images/carrot-blue.png) center bottom no-repeat;
            }

            .nav > li:nth-child(3) a {border-color: #2abeb0;}

                .nav > li:nth-child(3) a:hover, 
                .nav > li.current_page_item:nth-child(3) a,
                .nav > li.current-menu-ancestor:nth-child(3) a {
                    background: url(../images/carrot-teal.png) center bottom no-repeat;
                }

				html.lt-ie9 .nav > li:first-child + li + li > a {border-color: #2abeb0;}

				html.lt-ie9 .nav > li:first-child + li + li > a:hover {
                    background: url(../images/carrot-teal.png) center bottom no-repeat;
	            }


            .nav > li:nth-child(4) a {border-color: #fa6501;}

                .nav > li:nth-child(4) a:hover, 
                .nav > li.current_page_item:nth-child(4) a,
                .nav > li.current-menu-ancestor:nth-child(4) a {
                    background: url(../images/carrot-orange.png) center bottom no-repeat;
                }

				html.lt-ie9 .nav > li:first-child + li + li + li > a {border-color: #fa6501;}

				html.lt-ie9 .nav > li:first-child + li + li + li > a:hover {
                    background: url(../images/carrot-orange.png) center bottom no-repeat;
	            }


            .nav > li:nth-child(5) a {border-color: #a771ad;}

                .nav > li:nth-child(5) a:hover, 
                .nav > li.current_page_item:nth-child(5) a,
                .nav > li.current-menu-ancestor:nth-child(5) a {
                    background: url(../images/carrot-purple.png) center bottom no-repeat;
                }

				html.lt-ie9 .nav > li:first-child + li + li + li + li > a {border-color: #a771ad;}

				html.lt-ie9 .nav > li:first-child + li + li + li + li > a:hover {
                    background: url(../images/carrot-purple.png) center bottom no-repeat;
	            }


            .nav > li:nth-child(6) a {border-color: #bdbf16;}

                .nav > li:nth-child(6) a:hover, 
                .nav > li.current_page_item:nth-child(6) a,
                .nav > li.current-menu-ancestor:nth-child(6) a {
                    background: url(../images/carrot-lime.png) center bottom no-repeat;
                }

				html.lt-ie9 .nav > li:first-child + li + li + li + li + li > a {border-color: #bdbf16;}

				html.lt-ie9 .nav > li:first-child + li + li + li + li + li > a:hover {
                    background: url(../images/carrot-lime.png) center bottom no-repeat;
	            }


            .nav > li:nth-child(7) a {border-color: #eb2747;}

                .nav > li:nth-child(7) a:hover, 
                .nav > li.current_page_item:nth-child(7) a,
                .nav > li.current-menu-ancestor:nth-child(7) a {
                    background: url(../images/carrot-red.png) center bottom no-repeat;
                }

				html.lt-ie9 .nav > li:first-child + li + li + li + li + li + li > a {border-color: #eb2747;}

				html.lt-ie9 .nav > li:first-child + li + li + li + li + li + li > a:hover {
                    background: url(../images/carrot-red.png) center bottom no-repeat;
	            }


            .nav > li:nth-child(8) a {border-color: #40ae49;}

            .nav > li:nth-child(8) a:hover, 
            .nav > li.current_page_item:nth-child(8) a, 
            .nav > li.current-menu-ancestor:nth-child(8) a {
                background: url(../images/carrot-green.png) center bottom no-repeat;
            }

				html.lt-ie9 .nav > li:first-child + li + li + li + li + li + li + li > a {border-color: #40ae49;}

				html.lt-ie9 .nav > li:first-child + li + li + li + li + li + li + li > a:hover {
                	background: url(../images/carrot-green.png) center bottom no-repeat;
            	}

/* 07 = ROTATOR STYLES
---------------------------------------------------------- */
.rotator-wrapper {
    background-position: center center; /*background: url(../images/rotator-lion.jpg) center center no-repeat;*/
    background-repeat: no-repeat;
    height: 711px;
    margin: 30px auto 0px auto;
    position: relative;
    max-width: 1708px;
    width: 100%;
 }

.rotator-wrapper-background {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    left: 0px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
 }

.rotator-wrapper.subpage {
    background: url(../images/header-image-subpage.jpg) center center no-repeat;
    height: 170px;
 }

.rotator-wrapper .grass {
    bottom: -1px;
    position: absolute;
    z-index: 1;
 }

.rotator-wrapper .rotator {
    height: 711px;
    position: relative;
    z-index: 2;
 }

.rotator-wrapper.subpage .rotator {
    height: 170px;
    overflow: auto;
    position: relative;
 }

.rotator-wrapper .rotator .slide {
    display: none;
    position: absolute;
    z-index: 1;
    width: 100%;
 }

.rotator-wrapper .rotator .rotator-btns {
    padding-top: 462px;
    text-align: center;
 }

 .rotator-wrapper .rotator .rotator-btns .btn {
    display: inline-block;
 }


.rotator-nav {
    left: 20px;
    position: absolute;
    top: 51%;
    z-index: 999;
    margin-top: -44px;
 }

    .rotator-nav .pager {}

        .rotator-nav .pager .page {
            background: #8d9687;
            border-radius: 50%;
            cursor: pointer;
            display: block;
            height: 10px;
            margin-bottom: 10px;
            width: 10px;
         }

            .rotator-nav .pager .page.active {background-color: #faac01;}

    .rotator-nav .nav-items {margin-top: 30px;}

        .rotator-nav .nav-items a {
            background-image: url(../images/rotator-nav-icons.png);
            background-repeat: no-repeat;
            display: block;
            height: 9px;
            width: 13px;
         }

            .rotator-nav .nav-items a.down {
                background-position: 0px -19px;
                margin-top: 10px;
             }

.hours {
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 0px;
    top: 97px;
    z-index: 999;
 }

    .hours li {
        background: url('../images/hours-icon.png') center left no-repeat;
        color: #fff;
        font-size: 12px;
        margin-bottom: 10px;
        padding-left: 20px;
     }

/* 08 = TODAY AT THE ZOO
---------------------------------------------------------- */
.today-at-the-zoo-wrapper {
    margin: 0px;
    padding: 0px;
    width: 100%;
 }

.today-at-the-zoo {
    padding: 18px 0px 20px 0px;
    height: 207px;
    overflow: hidden;
}

    .today-at-the-zoo .left {
        text-align: center;
        width: 16.3%;
    }

.today-header {display: block;}

.today-at-the-zoo .left h2 {
    line-height: 36px;
    margin-bottom: 0px;
    margin-top: 0px;
 }

.today-at-the-zoo .left .clock {
    display: block;
    margin: 10px auto 10px auto;
    width: 66px;
    width: 70px;
 }

    .today-at-the-zoo .left .clock img {display: block;}

.event-arrow-wrap {
    display: block;
    margin: 10px auto 0 auto;
    width: 36%;
}

.today-event-arrow-down {
    display: block;
    background: url(../images/icon-arrows-up-down.png) -44px 0 no-repeat;
    height: 15px;
    margin-left: 25%;
    margin-top: 51px;
    width: 15px;
    float: left;
}

.today-event-arrow-up {
    display: block;
    background: url(../images/icon-arrows-up-down.png) no-repeat;
    height: 15px;
    margin-left: 25%;
    margin-top: 51px;
    width: 15px;
}

.today-at-the-zoo .left .view-all {font-size: 13px;}

.event-grid {
    float: left;
    margin-left: 20px;
    width: 78.25%;
}

.event-grid-arrows {
    display: block;
    height: 215px;
    float: left;
    position: relative;
    width: 31px !important;
}

.event-grid-arrows .up-arrow,
.event-grid-arrows .down-arrow {
    cursor: pointer;
    display: block;
    min-height: 102px;
    width: 100%;
}

.event-grid-arrows .up-arrow:hover,
.event-grid-arrows .down-arrow:hover {
    background-color: #faac01;
}

.event-grid-arrows .up-arrow {
    position: absolute;
    top: 0;
}

.event-grid-arrows .down-arrow {
    position: absolute;
    bottom: 0;
}

.event-grid .event {
    float: left;
    margin-bottom: 12px;
    margin-right: 12px;
    min-height: 102px;
    width: 260px;
 }

    .event-grid .event:hover {
        cursor: pointer;
        opacity: 0.85;
     }

    .event-grid .event:nth-child(3n) {margin-right: 0px;}

    .event-grid .event .time {
        display: block;
        font-size: 13px;
        min-height: 82px;
        padding: 10px;
        width: 74px;
     }

    .event-grid .event .title {
        font-size: 13px;
        padding: 10px;
        width: 145px;
     }

.tribe-events-list-separator-month {
    display: none !important;
}

.tribe-events-cal-links {
    display:block; 
    height: 50px;
    float: left;
    clear: both;
}

.tribe-events-button {
    float: left !important;
    display: block !important;
    clear: none !important;
    margin-right: 15px;
    background-color: #128EBD !important;
    border-radius: 0px !important;
    padding: 10px 15px 10px 15px !important;
    margin-left: 0px !important;
}

.tribe-events-meta-group-details {
    display: none !important;
}

.tribe-events-nav-previous {
    margin-top: 25px !important;
    width: 50%;
}

.tribe-events-nav-next {
    margin-top: 25px !important;
    width: 45%;
}

.tribe-bar-views-list {
    z-index: 1 !important;
}

.single-tribe_events .tribe-events-event-meta {
    border: none !important;
    background: #fff !important;
}

#tribe-events-footer {
    border-top: none !important;
}

/* 08 = HOME BANNER AREA
---------------------------------------------------------- */
.home-banner-area {padding: 18px 0px 18px 0px;}

    .home-banner-area a {
        display: block;
        height: 102px;
        margin: 0px;
     }

/* 08 = ANIMAL SPOTLIGHT
---------------------------------------------------------- */
.animal-spotlight-wrapper {width: 100%;}

.animal-spotlight {
    min-height: 320px;
    position: relative;
 }

    .animal-spotlight .animal-info {margin-top: 42px;}

    .animal-spotlight .spotlight-boxes {margin-top: 42px;}

    .animal-spotlight .animal-picture {
        bottom: 0px;
        left: 0px;
        position: absolute;
        width: 170px;
     }

        .animal-spotlight .animal-picture img {display: block;}

    .animal-spotlight .animal-info {}

        .animal-spotlight .animal-info h2 {
            background-image: url(../images/crazy-text-bottom-border.png);
            background-position: bottom left;
            background-repeat: repeat-x;
            line-height: 36px;
            margin-bottom: 26px;
            margin-top: 0px;
            padding-bottom: 15px;
         }

        .animal-spotlight .animal-info .details {
            margin-left: 170px;
            width: 502px;
         }

            .animal-spotlight .animal-info .details h3 {
                line-height: 18px;
                margin-bottom: 12px;
                margin-top: 0px;
             }

            .animal-spotlight .animal-info .details p {
                margin-bottom: 12px;
                margin-top: 0px;
             }

            .animal-spotlight .animal-info .details .learn-more {
                font-size: 13px;
                font-weight: 700;
             }

    .animal-spotlight .spotlight-boxes h3 {
        font-weight: 700;
        line-height: 18px;
        margin-bottom: 18px;
        margin-top: 0px;
     }

    .animal-spotlight .spotlight-boxes .box {
        display: block;
        font-weight: 700;
        margin-bottom: 15px;
        padding: 20px;
        width: 248px;
     }

    .animal-spotlight .spotlight-boxes .btn.box {
        line-height: 13px;
        padding: 16px 20px;
        text-align: center;
     }

.select-box {
    height: 30px;
    position: relative;
    width: 186px;
 }

    .select-box .current-selection {
        background-position: 164px 12px;
        background-image: url("../images/drop-down-icon.png");
        background-repeat: no-repeat;
        color: #707070;
        cursor: pointer;
        font-size: 13px;
        font-style: italic;
        line-height: 13px;
        padding: 8px 10px 9px 10px;
     }

    .select-box ul {
        background: #f1f1f1;
        display: none;
        list-style: none;
        margin: 0px;
        max-height: 150px;
        overflow-y: scroll;
        padding: 0px;
        position: absolute;
        width: 186px;
        z-index: 2;
     }

        .select-box ul li {
            margin: 0px;
            top: 30px;
         }

            .select-box ul li a {
                color: #707070;
                display: block;
                font-size: 13px;
                padding: 5px 10px 5px 10px;
             }

/* 08 = CONNECT WITH US
---------------------------------------------------------- */
.connect-with-us-wrapper {width: 100%;}

.connect-with-us {
    padding-bottom: 31px;
    padding-top: 36px;
 }

    .connect-with-us .left {width: 490px;}

    .connect-with-us .right {width: 175px;}

    .connect-with-us .left h2.crazy-text {
        line-height: 36px;
        margin-bottom: 16px;
        margin-top: 0px;
     }

    .connect-with-us .left p {margin-bottom: 0px;}

    .connect-with-us .right .view-our-recent-news {
        display: block;
        font-size: 13px;
        font-weight: 700;
        margin-top: 20px;
     }

.instagram-feed {margin-top: 36px;}

    .instagram-feed .photo {
        float: left;
        margin-right: 11px;
     }

        .instagram-feed .photo:nth-child(8) {margin-right: 0px;}

.social-icons.colored-icons {margin-top: 10px;}

    .social-icons.colored-icons a {
        background-image: url(../images/social-icons-colored-sprite.png);
        background-repeat: no-repeat;
        display: block;
        float: right;
        height: 30px;
        margin-left: 17px;
        width: 30px;
     }

        .social-icons.colored-icons a.facebook {
            background-position: 0px 0px;
            width: 14px;
         }

        .social-icons.colored-icons a.pinterest {
            background-position: -36px 0px;
            width: 22px;
         }

        .social-icons.colored-icons a.twitter {
            background-position: -71px 0px;
            width: 32px;
         }

        .social-icons.colored-icons a.instagram {background-position: -112px 0px;}

.social-icons.white-icons {margin-top: 10px;}

    .social-icons.white-icons a {
        background-image: url(../images/social-icons-white-sprite.png);
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 30px;
        margin-right: 5px;
        width: 30px;
     }

        .social-icons.white-icons a.facebook {
            background-position: 0px 0px;
            width: 14px;
         }

        .social-icons.white-icons a.pinterest {
            background-position: -19px 0px;
            width: 22px;
         }

        .social-icons.white-icons a.twitter {
            background-position: -41px 0px;
            width: 32px;
         }

        .social-icons.white-icons a.instagram {background-position: -75px 0px;}

/* 08 = SUBPAGE CONTENT STYLES
---------------------------------------------------------- */
.section-header {padding: 13px 0px 13px 0px;}

    .section-header h1 {
        font-size: 48px;
        font-weight: bold;
        line-height: 48px;
        margin: 0px;
     }

    .section-header .view-all {
        font-size: 13px;
        font-weight: 600;
        margin-top: 15px;
    }

.content {padding-top: 50px;}

.sidebar {width: 260px;}

.sub-menu ul > li > ul li:last-child, .parent-sidebar-menu ul > li > ul li:last-child, .parent-sidebar-menu > li, .child-sidebar-menu ul > li > ul li:last-child {
    border-bottom: none !important;
}

.sub-menu {
    border-top: solid #eaeaea 1px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 87.5%;
 }

    .sub-menu li {
        border-bottom: solid #eaeaea 1px;
        display: block;
        margin: 0px;
        padding: 0px;
     }

        .sub-menu li a {
            color: #5c5c5c;
            display: block;
            font-size: 12px;
            margin: 0 15px;
            padding: 6px 0px;
         }

            .sub-menu li a:hover {
                background: url('../images/hours-icon.png') center right no-repeat;
                color: #3FAD4A;
             }

            .sub-menu li.current_page_item > a {
                background: url('../images/hours-icon.png') center right no-repeat;
                color: #3FAD4A;
             }
    .sub-menu li ul {
        display: none;
    }

.parent-sidebar-menu {
    padding-left: 0px !important;
    border-top: solid #eaeaea 1px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 87.5%;
}

    .parent-sidebar-menu li {
        border-bottom: solid #eaeaea 1px;
        display: block;
        margin: 0px;
        padding: 0px;
    }

    .parent-sidebar-menu ul {
        width: 100%;
    }

        .parent-sidebar-menu li a {
            color: #5c5c5c;
            display: block;
            font-size: 12px;
            margin: 0 15px;
            padding: 6px 0px;
         }

            .parent-sidebar-menu li a:hover {
                background: url('../images/hours-icon.png') center right no-repeat;
                color: #3FAD4A;
             }

            .parent-sidebar-menu li.current_page_item > a {
                background: url('../images/hours-icon.png') center right no-repeat;
                color: #3FAD4A;
             }

.child-sidebar-menu {
    border-top: solid #eaeaea 1px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 87.5%;
 }

    .child-sidebar-menu li {
        border-bottom: solid #eaeaea 1px;
        display: block;
        margin: 0px;
        padding: 0px;
     }

        .child-sidebar-menu li a {
            color: #5c5c5c;
            display: block;
            font-size: 12px;
            margin: 0 15px;
            padding: 6px 0px;
         }

            .child-sidebar-menu li a:hover {
                background: url('../images/hours-icon.png') center right no-repeat;
                color: #3FAD4A;
             }

            .child-sidebar-menu li.current_page_item > a {
                background: url('../images/hours-icon.png') center right no-repeat;
                color: #3FAD4A;
             }

.sidebar-btns {margin-top: 40px;}
.sidebar-btns.no-margin {
    margin-top: 0;
}

    .sidebar-btns a {
        display: block;
        margin-bottom: 12px;
        width: 87.5%;
        height: 62px;
        overflow: hidden;
     }

        .sidebar-btns a:hover {opacity: 0.85;}

        .sidebar-btns a img {display: inline-block;}

.content-area {width: 780px;}

    .content-area h3 {margin-top: 0px;}

    .content-area p,
    .content-area ul,
    .content-area ol {
        color: #5c5c5c;
        font-size: 13px;
        line-height: 30px;
        font-family: 'Arial', 'Helvetica', sans-serif;
        margin: 0;
        padding-bottom: 10px;
     }

     .content-area .wp-post-image{
        margin-top: 10px;
        float: right;
     }

.gallery img {border: none !important;}

.group-table {font-weight: bold;}

    .group-table td {
        border: 1px solid #eaeaea;
        text-align: center;
    }

    .group-table .micro {font-weight: normal;}

#gform_submit_button_2,
#gform_submit_button_8 {
    background-image: url(../images/bkgd-textured-teal.png);
    border: solid #fff 1px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    line-height: 13px;
    padding: 12px 34px;
    text-transform: uppercase;
}

/* 08 = ANIMAL LIST
---------------------------------------------------------- */
.animal-grid {
    margin-top: 10px;
}
.animal-grid .animal {
    background: #f1f1f1;
    width: 236px;
    display: block;
    float: left;
    margin-bottom: 35px;
}

.animal img {
  display: block;
  margin: 0px !important;
  width: 100%;
  height: auto;
  float: none !important;
}

.animal .animal-meta {
    padding: 10px 18px; 
}

    .animal .animal-meta h4 {
        font-size: 14px;
        color: #8c8c8c;
        padding-top: 3px;
        width: 165px;
        vertical-align: middle;
    }

    .animal .animal-meta .animal-type {
        width: 27px;
        height: 27px;
        display: block;
        background-repeat: no-repeat;
    }

.animal-grid .animal.mammals .animal-meta .animal-type {
    background-image: url(../images/mammal-icon.png);
}

.animal-grid .animal.birds .animal-meta .animal-type {
    background-image: url(../images/bird-icon.png);
}

.animal-grid .animal.reptiles .animal-meta .animal-type {
    background-image: url(../images/reptiles-icon.png);
}

.filters .label {
    float: left;
    margin-right: 10px;
    font-size: 12px;
    color: #5c5c5c;
    padding-top: 5px;
}

.filters .filter-options {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .filters .filter-options li {
        float: left;
        margin-left: 5px;
    }

        .filters .filter-options li a {
            background-color: #f1f1f1;
            color: #8c8c8c;
            font-size: 14px;
            font-weight: 600;
            line-height: 14px;
            padding: 8px 13px 8px 13px;
            display: block;
        }

        .filters .filter-options li a:hover {
            background-color: #8c8c8c;
            color: #f1f1f1;
        }

        .filters .filter-options li.selected a.b {
            background-color: #2abeb0;
            color: #fff;
        }

        .filters .filter-options li.selected a.m {
            background-color: #fa6501;
            color: #fff;
        }

        .filters .filter-options li.selected a.r {
            background-color: #39b54a;
            color: #fff;
        }

.not-on-display {
    font-size: 12px;
    color: #faac01;
    padding-left: 8px;
    display: block;
    float: left;
    margin-top: 8px;
}

.not-on-display-small {
    font-size: 12px;
    color: #8c8c8c;
    padding-left: 8px;
    display: block;
    float: left;
    margin-top: 8px;
}

.animals-list-header-single.mammals {
    background-image: url(../images/crazy-text-bottom-border-orange.png);
    background-position: 0px 30px; 
    background-repeat: repeat-x;
}

.animals-list-header-single.birds {
    background-image: url(../images/crazy-text-bottom-border-blue.png);
    background-position: 0px 30px; 
    background-repeat: repeat-x;
}

.animals-list-header-single.reptiles {
    background-image: url(../images/crazy-text-bottom-border-green.png);
    background-position: 0px 30px; 
    background-repeat: repeat-x;
}

.animals-list-header-single .animal-type-icon {
    width: 27px;
    height: 27px;
    display: block;
    background-repeat: no-repeat;
}

.animals-list-header-single.mammals .animal-type-icon {
    background-image: url(../images/mammal-icon.png);
}

.animals-list-header-single.birds .animal-type-icon {
    background-image: url(../images/bird-icon.png);
}

.animals-list-header-single.reptiles .animal-type-icon {
    background-image: url(../images/reptiles-icon.png);
}

.animals-list-header-single.birds h3 {color: #04a0c9;}

.animals-list-header-single.mammals h3 {color: #fa6501;}

.animals-list-header-single.reptiles h3 {color: #39b54a;}

.animal-single-content p {
    margin-top: 10px;
}

.animal-list-species {
    width:30%; 
    margin-right: 3%;
}


/* 08 = ZOO NEWS
---------------------------------------------------------- */

.all-news-link {
    font-size: 15px;
    margin-bottom: 20px;
    display: block;
    background: url(../images/link-arrow.png) no-repeat 0 4px;
    padding-left: 17px;
}

    .all-news-link:hover {

    }

.news-post {
    background-image: url(../images/crazy-text-bottom-border.png);
    background-position: bottom; 
    background-repeat: repeat-x;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .news-post .date {
        font-style: italic;
        font-size: 13px;
        color: #5c5c5c;
        display: block;
        margin-top: 10px;
        margin-bottom:0px;
    }

/* 08 = SIDEBAR STYLES
---------------------------------------------------------- */


/* 09 = FOOTER STYLES
---------------------------------------------------------- */
.footer {padding: 20px 0px 20px 0px;}

.first-col {
    padding-right: 18px;
    width: 102px;
 }

.second-col {
    padding-right: 10px;
    width: 236px;
 }

    .second-col h4.crazy-text {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 0px;
        margin-top: 0px;
        text-transform: uppercase;
     }

    .second-col p {
        font-size: 12px;
        margin: 0px;
     }

    .second-col a {
        display: block;
        font-size: 12px;
     }

.third-col {width: 190px;}

    .third-col ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
     }

    .third-col li {margin-bottom: 2px;}

        .third-col li a {
            color: #fff;
            font-size: 12px;
            line-height: 12px;
         }

.fourth-col {width: 285px;}

.zoo-news {
    border-top: solid #109285 1px;
    margin-top: 5px;
    width: 250px;
 }

    .zoo-news .news-item {
        border-bottom: solid #109285 1px;
        font-size: 12px;
        padding: 5px 0px;
     }

        .zoo-news .news-item a {color: #fff;}

        .zoo-news .news-item p {
            color: #fff;
            margin: 0px;
         }

.fifth-col {width: 196px;}

    .fifth-col p {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 15px;
        padding: 15px;
        text-align: left;
     }

    .fifth-col img {
        display: block;
        float: right;
        margin-bottom: 15px;
     }

/* 10 - Gravity Directory Styles */

.gf_directory {
    font-size: 14px;
}

.tablenav-pages .displaying-num {
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
    margin-top: 8px;
}

.gf_directory tfoot {
    background-color: #37a947;
    color: #fff;
    padding: 10px 0;
}

.gf_directory thead {
    background-color: #37a947;
    color: #fff;
    padding: 10px 0;
}

.gf_directory thead a {
    color: #fff;
}

.gf_directory thead a:hover {
    color: #f9a101;
}

.gf_directory th {
    text-align: left;
    padding: 10px 0 10px 10px;
}

.gf_directory td {
    padding: 10px 0 10px 10px;
}

.gf_directory td a {
    color: #0196c2;
}

.gf_directory .odd {
    background-color: #fff;
}

.kws_gf_credit { display: none; }

.gf_directory .even {
    background-color: #eaeaea;
}

.entry-detail-view {
    font-size: 14px;
}

.entry-detail-view a {
    color: #0196c2;
}

.entry-detail-view thead th {
    font-size: 25px;
}

.entry-detail-view tbody th {
    text-align: left;
    padding: 10px 3px;
}

.entry-view-field-name {
    padding: 10px 0 0 0 !important;
}

.entry-view-section-break {
    font-size: 20px;
    font-weight: bold;
    background-color: #faac01;
    padding: 10px 10px;
    margin-top: 25px;
    display: block;
    color: #fff;
}

/* Food Form Styles */
.meal-table {
    width: 100%;
}

.meal-table td, .meal-table th {
    border: 1px solid #eaeaea;
    text-align: center;
}

#gform_6 .top_label li.gfield.gf_inline {
    margin-right: 40px !important;
}

#gform_submit_button_6 {
    background-image: url(../images/bkgd-textured-teal.png);
    border: solid #fff 1px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    line-height: 13px;
    padding: 12px 34px;
    text-transform: uppercase;