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

/* ----------------------------------------------------------
    Client Name CSS
    Version 1.0

    TABLE OF CONTENTS

    01 - BASE STYLES
    02 - DO NOT DISPLAY
    
    COLOR GUIDE (Main Site Colors and their Hex Codes)
    Main Blue: #338bc7
    Text Gray: #373737
    
---------------------------------------------------------- */

/* 01 = BASE STYLES
---------------------------------------------------------- */

body {
    color: #666;
    font-family: 'Arial', 'Helvetica', sans-serfi;
    font-size: 62.5%;
}

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

.gigantic{font-size: 30px;}

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

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

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

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

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

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

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

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

a {
    color: #666;
    text-decoration: none;
}

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

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


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

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

.print {display: block;}

.clear {clear: both;}

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

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

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

.today-at-the-zoo .left {
    float: none;
}

.event-grid {
    float: none;
    font-size: 13px;
    width: 100%;
}

.event-grid .event {
    display: block;
    float: none;
    margin-bottom: 5px;
}

.event .time br {display: none;}

.event .title strong {font-weight: normal;}

.event .left,
.event .right {float: none!important;}

.footer {
    border-top: 1px solid #bbb;
    margin-top: 20px;
}

.footer .first-col, .footer .second-col, .footer .third-col, .footer .fourth-col, .footer .fifth-col {
    float: none;
}

.footer .second-col a {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
}

/* 02 = DO NOT DISPLAY
---------------------------------------------------------- */

.rotator-wrapper,.header-wrapper,.secondary-header-wrapper, .clock,.today-at-the-zoo .view-all, .home-banner-area-wrapper,
.animal-spotlight-wrapper, .spotlight-boxes, .animal-info .learn-more, .view-our-recent-news, .instagram-feed,
.footer .first-col, .footer .fifth-col img, .footer .third-col, .footer .second-col .map-it, .sidebar, .content img,
.connect-with-us-wrapper,
.footer .fourth-col,
.mobile-display,
#tribe-events-bar,
.tribe-events-sub-nav,
.filters {
    display: none;
}


.group-reservations-page .logo,
.group-reservations-page .section-header,
.group-reservations-page .secondary-header,
.group-reservations-page img,
.group-reservations-page .entryback,
.group-reservations-page .content-area h1 {
    display: none !important;
}

.group-reservations-page .entry-detail-view {
    font-size: 12px;
}

.group-reservations-page .entry-detail-view tr {
    border: none;
}

.group-reservations-page .entry-view-section-break {
    border-top: 1px solid #eaeaea;
    font-weight: bold;
    font-size: 16px;
}

.group-reservations-page .entry-detail-view td {
    padding: 2px;
}

.group-reservations-page .entry-view-field-name {
    border-top: 1px solid #eaeaea;
    padding: 2px !important;
    padding-top: 5px !important;
}

.group-reservations-page .details {
    padding: 0;
}

.group-reservations-page .footer-wrapper { display: none; }