/*
Theme Name:     Smuttynose Brewing Company
Theme URI:      http://smuttynose.com
Version:        1.0
Author:         Vital
Author URI:     http://vtldesign.com
*/

/* --------------------------------------------------------------------------

    TABLE OF CONTENTS

    1. Global
    2. Layout
    3. Navigation
        3.1. Non-Sticky
            3.1.1. Main Navigation
            3.1.2. Utility Navigation
        3.2. Sticky
            3.2.1. Main Navigation
            3.2.2. Utility Navigation
        3.3. Small
            3.3.1. Main Navigation
            3.3.2. Utility Navigation
        3.4. Footer Navigation
        3.5. Page Sub Navigation
    4. Site Header/Footer
    5. Global Blocks
        5.1. Page Billbaord
        5.2. In Season Beer CTA
        5.3. In-Page Gallery
    6. WYSIWYG Core Styles
    7. Home Page
        7.1. Billboard
        7.2. Highlightsxg
        7.3. Events Feed
        7.4. Restaurant CTA
        7.5. Visit Our Store CTA
        7.6. Beers Section
        7.7. Brewery Section
        7.8. Philosophy Section
        7.9. Our Story Section
        7.10. Connect Section
        7.11. Hopper Footer
    8. Beers Page
    9. The Hopper
        9.1. Hopper Billboard
        9.2. Hopper Post List
        9.3. Hopper Modal Popup
        9.4. Hopper Modal Individual Styles
        9.5. Hopper Upload Page
    10. Our People Page
        10.1. Team Leaders
        10.2. Team Members
    11. Brewery Page
        11.1. Brewery Billboard
        11.2. Brewery Events
        11.3. Brewery Announcements
    12. Blog
        12.1. Blog Billboard
        12.2. Blog List Navigation
        12.3. Blog List Search
        12.4. Blog CTAs
        12.5. Blog List
        12.6. Single Blog Post
        12.7. Comments
        12.8. Sidebar
    13. Page Footers
        13.1. Up Next
        13.2. Visit Store/Restaurant
        13.3. Visit Store/Beers
        13.4. Smutty Swag
        13.5. Store
    14. Beer Single Page
        14.1. Smuttlabs Modal
    16. Global UI
        16.1.  Buttons
        16.2.  Small Post Feed
        16.3.  Beer Shelves
        16.4.  Beer Shelf Headers
        16.5.  Take A Tour CTA
        16.6.  Share Buttons
        16.7.  Gravity Form Elements
        16.8.  RoyalSlider Global
        16.9.  EasyDropdown Styled Select Inputs
        16.10. Google Calendar Plugin Layouts
    17. About Us Page
        17.1. Our People CTA
        17.2. Smuttlabs CTA
        17.3. Community CTA
    18. Our Story Page
        18.1. Timeline
    19. Beer Finder
        19.1. Zip Search Field
        19.2. Beer Finder Page
            19.2.1. Beer Finder Form Elements
            19.2.2. Beer Finder Results
    20. Visit Us Page
    21. Contact Us Page
    22. Events Page
    23. Smuttlabs Page
    24. Hayseed
    25. Errors


/*  ==========================================================================
     1. GLOBAL
    ==========================================================================  */

::-moz-selection    { background: #bb9230; color:#fff; }
::selection     { background: #bb9230; color:#fff; }

*,
*:before,
*:after {
    box-sizing: border-box;
}
html,
body {
    max-width: 100%;
    overflow-x: hidden;
    font-size: 100%;
}
body {
    position: relative;
    padding: 0;
    margin: 0;
    background: #f5ecd5 url('images/bg-redox-ivory.jpg') repeat;
    color: #312924;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.25;
    -webkit-font-smoothing: antialiased;
}
a {
    text-decoration: none;
    -webkit-transition: color 100ms ease-in-out;
    transition: color 100ms ease-in-out;
}
a:focus {
    outline: thin dotted;
}
.group:before,
.group:after { content: " "; display: table; }
.group:after { clear: both; }

.hide {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}


/*  ==========================================================================
     2. LAYOUT
    ==========================================================================  */

.wrapper {
    position: relative;
    max-width: 1160px;
    min-width: 300px;
    margin: 0 auto;
    padding: 0 40px;
}
.wrapper:before,
.wrapper:after { content: " "; display: table; }
.wrapper:after { clear: both; }

@media only screen and (max-width: 768px) {
    .wrapper {
        padding: 0 5%;
    }
}

/*  ==========================================================================
     3. NAVIGATION
    ==========================================================================  */

/*   3.1. Non-Sticky
    --------------------------------------------------------------------------  */

.site-navigation {
    position: relative;
    width: 100%;
    z-index: 9999;
}
.site-navigation.sticky-top {
    position: absolute;
    top: 40px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.6);
}
.site-navigation .logo {
    position: absolute;
    top: -76px;
    z-index: 1000;
}
.site-navigation .logo img {
    width: 220px;
    height: auto;
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}
.site-navigation .logo img:hover {
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
@media only screen and (min-width: 990px) and (max-width: 1156px) {

    .touch .site-navigation .logo {
        top: -64px;
    }
    .touch .site-navigation .logo img {
        width: 180px;
    }
}
@media only screen and (min-width: 990px) and (max-width: 1156px) {

    .touch .site-navigation .logo {
        top: -32px;
    }
    .touch .site-navigation .logo img {
        width: 100px;
    }
}
@media only screen and (min-width: 990px) {
    .hide-mobile {
        display: none;
    }
    .hide-desktop {
        display: block;
    }
}
@media only screen and (max-width: 1110px) {

    .site-navigation.sticky-top {
        top: 30px;
    }
    .site-navigation .logo {
        top: -70px;
    }
    .site-navigation .logo img {
        width: 190px;
    }
}
@media only screen and (max-width: 990px) {

    .site-navigation .logo {
        /*top: -35px;*/
        top: 0;
        left: 50%;
        margin-left: -80px;
    }
    .site-navigation .logo img {
        width: 150px;
    }
    .hide-desktop {
        display: none;
    }
    .hide-mobile {
        display: block;
    }
    .utility-menu .dist-login {
        display: none;
    }
}
@media only screen and (max-width: 480px) {
    .site-navigation .logo {
        /*top: -30px;*/
        top: 0;
        left: 50%;
        margin-left: -65px;
    }
    .site-navigation .logo img {
        width: 130px;
    }
}
@media only screen and (max-width: 380px) {
    .site-navigation .logo {
        /*top: -20px;*/
        top: 0;
        margin-left: -55px;
    }
    .site-navigation .logo img {
        width: 110px;
    }
}

/*   3.1.1. Non-Sticky Main Navigation
    --------------------------------------------------------------------------  */

@media only screen and (min-width: 990px) {

    .main-nav-lg {
        clear: right;
        height: 49px;
        background: #bb9230 url(images/bg-redox-mustard.jpg) repeat;
    }
    .sticky-top .main-nav-lg {
        border-bottom: 3px solid #665938;
    }
    .main-menu-lg {
        float: right;
        list-style: none;
    }
    .main-menu-lg .sub-menu {
        display: none;
    }
    .main-menu-lg > li {
        float: left;
        margin-left: 30px;
    }
    .touch .main-menu-lg > li {
        margin-left: 20px;
    }
    .main-menu-lg > li > a {
        display: block;
        height: 46px;
        color: #fff;
        font-family: 'Abraham Lincoln', Georgia, Cambria, 'Times New Roman', Times, serif;
        font-size: 1.625em;
        letter-spacing: 1px;
        line-height: 49px;
        text-transform: uppercase;
    }
    .touch .main-menu-lg > .menu-item-has-children > a {
        padding-right: 44px;
        font-size: 1.5em;
    }
    .main-menu-lg .naavy-sub-toggle {
        color: #fff;
    }
    .main-menu-lg .naavy-icon-arrow:before {
        position: relative;
        top: 2px;
    }
    .sticky-top .main-menu-lg > li:hover > a {
        color: #312924;
    }
    .main-menu-lg > li > ul {
        margin-left: -1em;
    }
    .sticky-top .main-menu-lg > li > ul {
        border-top: 3px solid #665938;
    }
    .main-menu-lg ul a {
        padding: .4em 1em;
        -webkit-transition: all 100ms linear;
        transition: all 100ms linear;
    }
    .sticky-top .main-menu-lg ul a {
        color: #bb9230;
        background: #312924 url(images/bg-redox-dkbrown.jpg) repeat;
    }
    .main-menu-lg ul li:first-child a {
        padding-top: .7em;
    }
    .main-menu-lg ul li:last-child a {
        padding-bottom: .7em;
    }
    .sticky-top .main-menu-lg ul li:hover a {
        background: #bb9230 url(images/bg-redox-mustard.jpg) repeat;
        color: #312924;
    }
    .sticky-top .main-menu-lg ul ul {
        background: #bb9230 url(images/bg-redox-mustard.jpg) repeat;
    }
    .sticky-top .main-menu-lg ul ul a {
        color: #312924;
    }
    .sticky-top .main-menu-lg ul ul a:hover {
        background: #9c761c;
    }
    .main-menu-lg .main-nav-cart {
        margin-left: 25px;
    }
    .main-menu-lg .main-nav-cart a {
        display: block;
        height: 30px;
        margin-top: 9px;
        padding: 0 1.25em;
        background: #312924;
        border-radius: 15px;
        color: #f5ecd5;
        font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
        font-size: .875em;
        letter-spacing: 0;
        line-height: 30px;
        text-transform: none;
        -webkit-transition: all 100ms linear;
        transition: all 100ms linear;
    }
    .sticky-top .main-menu-lg .main-nav-cart a:hover {
        background: #000;
        color: #fff;
    }
    .main-menu-lg .main-nav-cart .num {
        margin-left: 4px;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
    .main-menu-lg .main-nav-cart .icon {
        display: none;
    }
    .main-menu-lg .utility-nav-toggle,
    .main-menu-lg .social-link {
        display: none;
    }
}
@media only screen and (max-width: 1110px) {

    .main-menu-lg > li {
        margin-left: 25px;
    }
    .main-menu-lg > li > a {
        font-size: 1.375em;
    }
}
@media only screen and (max-width: 990px) {

    .main-menu-lg > li {
        margin-left: 14px;
    }
    .main-menu-lg > li > a {
        letter-spacing: 0;
    }
    .main-menu-lg .main-nav-cart {
        margin-left: 16px;
    }
    .main-menu-lg .main-nav-cart a {
        padding: 0 1em;
    }
    .main-menu-lg .main-nav-cart .icon {
        display: inline-block;
    }
    .main-menu-lg .main-nav-cart .text {
        display: none;
    }
}
@media only screen and (max-width: 780px) {

    .main-menu-lg > li > a {
        font-size: 1.25em;
    }
}

/*   Non-Sticky Utility Navigation
    --------------------------------------------------------------------------  */

@media only screen and (min-width: 990px) {

    .utility-nav {
        height: 42px;
        background: #312924 url(images/bg-redox-dkbrown.jpg) repeat;
        border-top: 4px solid #bb9230;
    }
    .utility-menu {
        float: right;
        list-style: none;
    }
    .utility-nav ul {
        padding-top: 9px;
    }
    .utility-menu li {
        float: left;
        margin-left: 25px;
        color: #fff;
    }
    .utility-menu li a {
        color: #fff;
        font-size: .875em;
    }
    .utility-menu li a:hover {
        color: #bb9230;
    }
    .sticky-not-top .utility-menu li a:hover {
        color: #312924;
    }
    .utility-menu .social-link {
        margin-left: 12px;
    }
    .utility-menu .social-link.first {
        margin-left: 25px;
    }
    .utility-menu .social-link a {
        color: #bb9230;
        font-size: 1.25em;
    }
    .utility-menu .social-link a:hover {
        color: #fff;
    }
}

/*   3.2. Sticky
    --------------------------------------------------------------------------  */

@media only screen and (min-width: 990px) {

    .site-navigation.sticky-not-top {
        position: fixed;
        top: -40px;
    }
    .site-navigation.sticky-not-top .logo {
        top: 4px;
    }
    .site-navigation.sticky-not-top .logo img {
        width: 110px;
    }
}

/*   3.2.1. Sticky Main Navigation
    --------------------------------------------------------------------------  */

@media only screen and (min-width: 990px) {

    .sticky-not-top .main-menu-lg .main-nav-cart a {
        height: 30px;
        line-height: 34px;
    }
    .sticky-not-top .main-nav-lg {
        height: 60px;
        background: #312924 url(images/bg-redox-dkbrown.jpg) repeat;
        border-bottom: 1px solid #bb9230;
        box-shadow: 0 9px 0 #312924;
    }
    .sticky-not-top .main-menu-lg > li > a {
        height: 59px;
        line-height: 62px;
    }
    .sticky-not-top .main-menu-lg > li:hover > a,
    .sticky-not-top .main-menu-lg > li > a:hover {
        color: #bb9230;
    }
    .sticky-not-top .main-menu-lg > li > ul {
        background: #bb9230 url(images/bg-redox-mustard.jpg) repeat;
    }
    .sticky-not-top .main-menu-lg ul > li > a {
        color: #14100e;
    }
    .sticky-not-top .main-menu-lg ul > li:hover > a {
        background: #9c761c;
    }
    .sticky-not-top .main-menu-lg ul ul {
        background: #9c761c;
    }
    .sticky-not-top .main-menu-lg ul ul li:hover a {
        background: #866618;
    }
    .sticky-not-top .main-menu-lg .main-nav-cart a {
        margin-top: 15px;
        background: #bb9230 url(images/bg-redox-mustard.jpg) repeat;
        line-height: 30px;
    }
    .sticky-not-top .main-menu-lg .main-nav-cart a:hover {
        color: #312924;
    }
    .sticky-not-top .main-menu-lg .utility-nav-toggle {
        display: block;
        margin-left: 15px;
    }
    .sticky-not-top .main-menu-lg .utility-nav-toggle a {
        padding: 0 .4em;
        color: #bb9230;
        line-height: 67px;
        -webkit-transition: all 100ms linear;
        transition: all 100ms linear;
    }
    .sticky-not-top .main-menu-lg .utility-nav-toggle a:hover,
    .sticky-not-top .main-menu-lg .utility-nav-toggle .active {
        background: #bb9230 url(images/bg-redox-mustard.jpg) repeat;
        color: #312924;
    }
}

/*   3.2.2. Sticky Utility Navigation
    --------------------------------------------------------------------------  */

@media only screen and (min-width: 990px) {
    .sticky-not-top .utility-nav {
        height: 40px;
        background: #312924 url(images/bg-redox-mustard.jpg) repeat;
    }
    .sticky-not-top .utility-nav ul {
        padding-top: 6px;
    }
    .sticky-not-top .utility-menu .social-link a {
        color: #312924;
    }
    .sticky-not-top .utility-menu .social-link:hover a {
        color: #fff;
    }
}

/*   3.3. Small Navigation
    --------------------------------------------------------------------------  */

/*   3.3.1. Small Main Navigation
    --------------------------------------------------------------------------  */

.main-nav-lg .naavy-menu-toggle,
.main-nav-lg .main-nav-sm-cart {
    display: none;
}

@media only screen and (max-width: 990px) {

    .main-nav-lg .naavy-menu-toggle,
    .main-nav-lg .main-nav-sm-cart {
        display: block;
    }
    .main-nav-lg {
        position: relative;
        clear: both;
        height: 44px;
        background: #bb9230 url(images/bg-redox-mustard.jpg) repeat;
    }
    .main-nav-lg .wrapper {
        padding: 0;
    }
    .main-nav-lg .naavy-menu-toggle {
        height: 44px;
        padding: 0 5%;
        color: #312924;
        font-family: 'Abraham Lincoln', Georgia, 'Cambria', 'Times New Roman', Times, serif;
        font-size: 1.25em;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 45px;
    }
    .main-nav-lg .naavy-menu-toggle .text {
        position: relative;
        top: 2px;
        margin-left: .125em;
        font-size: 1.125em;
    }
    .main-menu-lg {
        position: relative;
        top: 44px;
        width: 260px;
    }
    .naavy-menu-toggle .naavy-icon {
        position: relative;
        top: -1px;
    }
    .main-nav-sm-cart {
        position: absolute;
        top: 0;
        right: 5%;
        z-index: 100;
    }
    .main-nav-sm-cart .num {
        margin-left: 3px;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
    .main-menu-lg {
        display: none;
        padding: .2em 0 0;
        background: #312924 url(images/bg-redox-dkbrown.jpg) repeat;
    }
    .main-menu-lg .naavy-sub-toggle {
        color: #bb9230;
    }
    .main-menu-lg > li {
        margin-left: 0;
    }
    .main-menu-lg > li:first-child {
        border-top: 0;
    }
    .main-menu-lg > li > a {
        display: block;
        height: 44px;
        padding: 0 30px;
        color: #bb9230;
        font-family: 'Abraham Lincoln', Georgia, Cambria, 'Times New Roman', Times, serif;
        font-size: 1.5em;
        letter-spacing: 1px;
        line-height: 46px;
        text-transform: uppercase;
    }
    .main-menu-lg .main-nav-cart,
    .main-menu-lg .utility-nav-toggle {
        display: none;
    }
    .main-menu-lg ul,
    .main-menu-lg .naavy-parent.active > .naavy-sub-toggle {
        background: #221d19;
    }
    .main-menu-lg ul > li > a {
        display: block;
        height: 44px;
        padding: 0 30px;
        color: #bb9230;
        font-size: 1em;
        line-height: 44px;
    }
    .main-menu-lg ul ul,
    .main-menu-lg ul .naavy-parent.active > .naavy-sub-toggle {
        background: #000;
    }
    .main-menu-lg ul .naavy-parent.active > .naavy-sub-toggle .naavy-icon {
        color: #d6cdb6;
    }
    .main-menu-lg ul ul a {
        color: #d6cdb6;
        font-weight: normal;
    }
    .main-menu-lg .social-link {
        float: left;
        width: 25%;
        background: #221d18;
        text-align: center;
    }
    .main-menu-lg .social-link.first {
        border-left: 0;
    }
    .main-menu-lg .social-link a {
        padding: 0;
        letter-spacing: 0;
        line-height: 49px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 990px) {

    .main-nav-sm-cart {
        height: 30px;
        margin-top: 7px;
        padding: 0 1.25em;
        background: #312924;
        border-radius: 15px;
        color: #f5ecd5;
        font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
        font-size: .875em;
        line-height: 32px;
        -webkit-transition: all 100ms linear;
        transition: all 100ms linear;
    }
    .main-nav-sm-cart .icon {
        margin-right: 8px;
    }
}
@media only screen and (max-width: 480px) {

    .main-nav-lg {
        min-width: 300px;
    }
    .main-menu-lg {
        z-index: 1;
        width: auto;
    }
    .main-menu-lg > li > a,
    .main-menu-lg ul > li > a {
        padding: 0 5%;
    }
    .main-nav-lg .naavy-menu-toggle .naavy-icon {
        font-size: 1.6em;
    }
    .main-nav-lg .naavy-menu-toggle .text {
        top: 1px;
        font-size: 1em;
    }
    .main-nav-sm-cart {
        height: 44px;
        color: #312924;
        font-size: 1.25em;
        line-height: 44px;
    }
    .main-nav-sm-cart .text {
        display: none;
    }
    .main-nav-sm-cart .icon {
        position: relative;
        top: 2px;
    }
    .main-nav-sm-cart .num {
        font-size: .875em;
        font-weight: bold;
    }
}

/*   3.3.2. Small Utility Navigation
    --------------------------------------------------------------------------  */

@media only screen and (max-width: 990px) {

    .utility-nav {
        height: 34px;
        background: #312924 url(images/bg-redox-dkbrown.jpg) repeat;
        border-top: 0;
    }
    .utility-menu {
        float: none;
    }
    .utility-menu li {
        float: left;
        margin-right: 26px;
    }
    .utility-menu li a {
        color: #f5ecd5;
        font-size: .75em;
        font-weight: bold;
        line-height: 34px;
    }
    .utility-menu li a:hover {
        color: #bb9230;
    }
    .utility-menu .contact {
        float: right;
        margin-right: 0;
    }
    .utility-menu .social-link {
        display: none;
    }
}
@media only screen and (max-width: 473px) {
    .utility-menu li a {
        font-size: 0.5em;
    }
    .utility-menu li {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 340px) {
    .utility-menu li a {
        font-size: 7.5px;
    }
}

/*   3.4. Footer Navigation
    --------------------------------------------------------------------------  */

.footer-nav {
    position: relative;
    top: -80px;
}
.footer-nav ul {
    list-style: none;
}
.footer-nav li {
    position: relative;
    margin-bottom: .5em;
}
.footer-nav a {
    display: block;
    color: #45311a;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.125em;
}
.footer-nav a:hover,
.footer-nav li:hover {
    color: #bb9230;
}
.site-footer-social {
    position: relative;
    top: -70px;
    font-size: 1.5em;
}
.site-footer-social li {
    display: inline;
    position: relative;
    margin-right: 20px;
    list-style: none;
}
.site-footer-social li:hover {
    color: #bb9230;
}
.site-footer-social a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
}

/*   3.5. Page Sub Navigation
    --------------------------------------------------------------------------  */

.page-subnav {
    margin: 50px 0;
    text-align: center;
}
.page-subnav .current-page {
    color: #bb9230;
    font-family: 'Abraham Lincoln', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 3em;
    text-transform: uppercase;
}
.page-subnav .current-page:before {
    content: '';
    display: block;
    position: relative;
    top: 29px;
    width: 100%;
    height: 2px;
    background: #bb9230;
}
.page-subnav .current-page p {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 .5em;
    background: #f5ecd5 url('images/bg-redox-ivory.jpg') repeat;
}
.page-subnav .current-page a {
    color: #bb9230;
}
.page-subnav .page_item {
    display: inline-block;
    margin: 1em 15px 0;
}
.page-subnav .page_item a {
    color: #312924;
    font-weight: bold;
}
.page-subnav .page_item a:hover {
    text-decoration: underline;
}
.page-subnav .current_page_item a {
    color: #bb9230;
}
.page-subnav .icon {
    display: inline-block;
    margin-top: .8em;
    color: #d8c69a;
    font-size: 1.75em;
}
@media only screen and (max-width: 768px) {

    .page-subnav {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 480px) {

    .page-subnav .current-page {
        font-size: 2.5em;
    }
    .page-subnav .current-page:before {
        top: 24px;
    }
}

/*  ==========================================================================
     4. SITE HEADER/FOOTER
    ==========================================================================  */

.site-footer {
    padding: 50px 0 0;
    background: #f5ecd5 url('images/bg-redox-ivory.jpg') repeat;
}
.site-footer-nav {
    float: left;
    width: 20%;
    margin: 0 5% 0 0;
}
.site-footer .logo {
    position: relative;
    top: -100px;
    left: -40px;
}
.site-footer .logo img {
    width: 220px;
    height: auto;
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}
.site-footer-locations {
    float: left;
    width: 50%;
    padding: 0 3%;
}
.site-footer-locations-bnb img {
    display: block;
    width: 227px;
    height: auto;
    margin: 0 auto;
}
.site-footer-locations-content {
    margin: 50px 0 0;
}
.site-footer-locations-content a {
    color: #312924;
}
.site-footer-locations-content > div {
    position: relative;
    float: left;
    width: 35%;
}
.site-footer-locations-content > div:first-child {
    margin: 0 15% 0 10%;
}
.site-footer-locations-content > div:before {
    content: "\e60b";
    position: absolute;
    top: -2px;
    left: -25px;
    color: #433d37;
    font-family: 'Smutty Icons';
    speak: none;
    font-size: 1.5em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.site-footer-locations-content h2 {
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.25em;
    font-weight: normal;
    text-transform: uppercase;
}
.site-footer-locations-content p {
    font-size: .875em;
    line-height: 1.5;
}
.site-footer-brewery {
    max-width: 360px;
    margin: 70px auto 0;
}
.site-footer-brewery .logo-brewery {
    position: relative;
    float: left;
    top: -10px;
    width: 66px;
    height: auto;
    margin-right: 20px;
}
.site-footer-brewery p {
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.125em;
    font-weight: normal;
    line-height: 1.3;
    text-transform: uppercase;
}
.site-footer-brewery a {
    color: #312924;
}
.site-footer-brewery a:hover {
    color: #bb9230;
}
.site-footer .take-tour {
    width: 21%;
}
.site-footer-border {
    min-height: 100px;
    padding: 40px 0 20px;
    background: #312924 url('images/border-wavy-huge.png') repeat-x center top;
}
.site-footer-border p {
    color: #63544b;
    font-size: .75em;
    line-height: 1.5;
    text-align: center;
}
.site-footer-border .login {
    display: none;
    margin-top: 1em;
    font-weight: bold;
}
.site-footer-border .login a {
    color: #d6cdb6;
}
@media only screen and (max-width: 1070px) {
    .site-footer-tour h2 {
        width: 150px;
        margin: 0 auto;
        font-size: 2.5em;
    }
}
@media only screen and (max-width: 960px) {
    .site-footer-locations-content h2 {
        font-size: 1.125em;
    }
    .site-footer .take-tour h2 {
        width: 130px;
        margin: 0 auto;
        font-size: 2.125em;
    }
}
@media only screen and (max-width: 890px) {
    .site-footer-nav {
        width: 30%;
    }
    .site-footer .logo {
        left: -20px;
    }
    .site-footer .take-tour {
        width: 65%;
    }
    .site-footer .take-tour h2 {
        width: 250px;
        margin-bottom: .25em;
        font-size: 4em;
    }
    .site-footer .take-tour .icon-free {
        bottom: -10px;
        right: -10px;
    }
    .site-footer-locations {
        position: relative;
        clear: both;
        float: none;
        top: -50px;
        width: 100%;
        padding-top: 30px;
        border-top: 1px solid #c3b79a;
    }
    .site-footer-locations-bnb {
        float: left;
        width: 30%;
    }
    .site-footer-locations-content {
        float: right;
        width: 65%;
        margin: 0 0 40px;
    }
    .site-footer-brewery {
        clear: both;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 775px) {
    .site-footer-locations-bnb img {
        width: 170px;
        height: auto;
    }
    .site-footer-locations-bnb {
        width: 20%;
    }
    .site-footer-locations-content {
        width: 70%;
    }
}
@media only screen and (max-width: 668px) {
    .site-footer-nav,
    .site-footer .take-tour,
    .site-footer-locations-bnb,
    .site-footer-locations-content,
    .site-footer-locations-content > div {
        float: none;
        width: 100%;
    }
    .site-footer .logo {
        top: -80px;
        left: auto;
    }
    .site-footer .logo img {
        display: block;
        margin: 0 auto;
    }
    .footer-nav {
        margin-top: 20px;
    }
    .footer-nav li {
        float: left;
        width: 50%;
        text-align: center;
    }
    .site-footer-social {
        display: table;
        margin: 0 auto;
    }
    .site-footer .take-tour {
        position: relative;
        top: -40px;
    }
    .site-footer-locations {
        margin-top: 40px;
        text-align: center;
    }
    .site-footer-locations-content {
        margin-bottom: 30px;
    }
    .site-footer-locations-content > div {
        margin-top: 1.5em;
    }
    .site-footer-locations-content > div:first-child {
        margin-top: 2em;
        margin-left: 0;
    }
    .site-footer-locations-content > div:before {
        display: none;
    }
    .site-footer-brewery .logo-brewery {
        float: none;
        top: 0;
        margin-right: 0;
        margin-bottom: .75em;
    }
}
@media only screen and (max-width: 480px) {
    .site-footer-border .login {
        display: block;
    }
}
@media only screen and (max-width: 360px) {

    .footer-nav a {
        font-size: 1em;
    }
    .site-footer .take-tour h2 {
        width: 225px;
        margin-bottom: .25em;
        font-size: 3.5em;
    }
    .site-footer-locations {
        margin-top: 40px;
    }
}


/*  ==========================================================================
     5. GLOBAL BLOCKS
    ==========================================================================  */

/*   5.1. Page Billboard
    --------------------------------------------------------------------------  */

.page-billboard {
    position: relative;
    overflow: hidden;
    height: 800px;
    background-color: #14100e;
}
.page-billboard:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: transparent url(images/billboard-border-waves.png) repeat-x;
}
.page-billboard .background-img {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1000px;
}
.page-billboard .caption {
    position: relative;
    top: 400px;
    color: #fff;
    text-align: center;
}
.page-billboard.dark-bg .caption {
    color: #fff;
}
.page-billboard.light-bg .caption {
    color: #312924;
}
.page-billboard .cell {
    display: inline-block;
    vertical-align: middle;
}
.page-billboard .border {
    width: 218px;
    height: 3px;
    background: #bb9230;
}
.page-billboard .headline-line1 {
    padding: 0 .5em;
    font-family: 'Abraham Lincoln', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2.625em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}
.page-billboard .headline-line2 {
    max-width: 674px;
    margin: .25em auto 0;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2.625em;
    letter-spacing: 1px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}
.page-billboard .icon-wheat {
    color: #bb9230;
    font-size: 2.2em;
}
.page-billboard .arrow {
    display: block;
    position: absolute;
    bottom: 15%;
    left: 50%;
    margin-left: -.5em;
    color: #fff;
    font-size: 2em;
}
.page-billboard.dark-bg .arrow {
    color: #fff;
}
.page-billboard.light-bg .arrow {
    color: #312924;
}
.page-billboard .blog-list-nav-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
}
@media only screen and (min-width: 2000px) {

    .page-billboard .background-img {
        left: 0;
        width: 100%;
        margin-left: 0;
    }
    .page-billboard .background-img img {
        width: 100%;
    }
}
@media only screen and (max-width: 1400px) {

    .page-billboard {
        height: 660px;
    }
    .page-billboard .caption {
        top: 300px;
    }
}
@media only screen and (min-width: 990px) and (max-width: 1400px) {

    .page-billboard .background-img {
        top: 50%;
        margin-top: -400px;
    }
}
@media only screen and (max-width: 990px) {

    .page-billboard {
        height: 500px;
    }
    .page-billboard:after {
        height: 36px;
    }
    .page-billboard .background-img {
        margin-left: -687px;
    }
    .page-billboard .caption {
        top: 175px;
    }
    .page-billboard .border {
        width: 130px;
    }
    .page-billboard .headline-line1,
    .page-billboard .headline-line2 {
        font-size: 2.375em;
    }
}
@media only screen and (max-width: 740px) {

    .page-billboard {
        height: 300px;
    }
    .page-billboard .caption {
        top: 84px;
    }
    .page-billboard .border {
        display: none;
    }
    .page-billboard .headline-line1,
    .page-billboard .headline-line2 {
        font-size: 2.125em;
    }
}
@media only screen and (max-width: 480px) {

    .page-billboard {
        height: 220px;
        border-bottom: 5px solid #312924;
    }
    .page-billboard:after {
        display: none;
    }
    .page-billboard .background-img {
        margin-left: -275px;
    }
    .page-billboard .caption {
        top: 80px;
    }
    .page-billboard .headline-line1,
    .page-billboard .headline-line2 {
        font-size: 1.75em;
    }
    .page-billboard .icon-wheat {
        font-size: 1.5em;
    }
    .page-billboard .arrow {
        bottom: 5%;
        font-size: 1.5em;
    }
}

/*   5.2. In Season Beer CTA
    --------------------------------------------------------------------------  */

.in-season-cta {
    position: relative;
    clear: right;
    float: right;
    width: 175px;
    margin-top: 18px;
    border: 3px solid #d8d0b8;
    opacity: 1;
    -webkit-transition: opacity 100ms linear;
            transition: opacity 100ms linear;
}
.in-season-cta:hover {
    opacity: .8;
}
.in-season-cta div {
    min-height: 100px;
    padding: 10px 10px 10px 0;
    background: #d8d0b8 url('images/bg-redox-lighttan.jpg') repeat;
    border: 3px solid #555145;
}
.in-season-cta h2 {
    padding-left: 38px;
    color: #45311a;
    font-size: 1.25em;
    text-transform: uppercase;
}
.in-season-cta img {
    position: absolute;
    top: -18px;
    left: -50px;
}
.in-season-cta p {
    margin-top: 3px;
    padding: 6px 4px 2px 40px;
    background: #312924;
    border-width: 3px 3px 3px 0;
    border-style: solid;
    border-color: #bb9230;
    color: #fff;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.125em;
    line-height: 1.2;
}

/*   5.3. In-Page Gallery
    --------------------------------------------------------------------------  */

.in-page-gallery {
    position: relative;
    overflow: hidden;
    min-width: 300px;
    border-top: 10px solid #bb9230;
    border-bottom: 10px solid #bb9230;
}
.in-page-gallery .gallery {
    background: #312924 url(images/loading-bar-312924.gif) no-repeat center center;
}
.in-page-gallery .gallery-item img {
    display: block;
    width: 100%;
    height: auto;
}
.in-page-gallery-browser-wrap {
    overflow: visible !important;
    height: 0;
}
.in-page-gallery .browser {
    background: #312924;
    border-top: 10px solid #bb9230;
}
.in-page-gallery .gallery .owl-wrapper {
    cursor: -webkit-grab;
    cursor: grab;
}
.in-page-gallery .browser .owl-wrapper {
    cursor: pointer;
}
.in-page-gallery .gallery .grabbing,
.in-page-gallery .browser .grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.in-page-gallery .browser-item img {
    display: block;
    max-width: 100%;
    height: auto;
}
.in-page-gallery .gallery-nav {
    position: absolute;
    top: -70px;
    right: 0;
    z-index: 100;
}
.in-page-gallery .browser-toggle,
.in-page-gallery .gallery-arrow-prev,
.in-page-gallery .gallery-arrow-next {
    display: inline-block;
    vertical-align: top;
    width: 86px;
    height: 70px;
    margin-left: 1px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 100ms linear;
            transition: all 100ms linear;
}
.in-page-gallery .browser-toggle {
    background: #bb9230;
    background: rgba(187, 146, 48, .9);
    font-size: 2em;
    line-height: 80px;
}
.in-page-gallery .gallery-arrow-prev,
.in-page-gallery .gallery-arrow-next {
    background: #312924;
    background: rgba(49, 41, 36, .9);
    font-size: 2.75em;
    line-height: 82px;
}
.in-page-gallery .browser-toggle:hover {
    background: #bb9230;
    background: rgba(187, 146, 48, 1);
}
.in-page-gallery .gallery-arrow-prev:hover,
.in-page-gallery .gallery-arrow-next:hover {
    background: #312924;
    background: rgba(49, 41, 36, 1);
}
.in-page-gallery .gallery .loading {
    background: url(images/loading-bar-312924.gif) no-repeat center center;
}
.in-page-gallery .browser .loading {
    background: url(images/loading-spinner-312924.gif) no-repeat center center;
}
@media only screen and (max-width: 1220px) {

    .in-page-gallery .gallery-nav {
        top: -60px;
    }
    .in-page-gallery .browser-toggle,
    .in-page-gallery .gallery-arrow-prev,
    .in-page-gallery .gallery-arrow-next {
        width: 60px;
        height: 60px;
    }
    .in-page-gallery .browser-toggle {
        font-size: 1.5em;
        line-height: 68px;
    }
    .in-page-gallery .gallery-arrow-prev,
    .in-page-gallery .gallery-arrow-next {
        font-size: 2.125em;
        line-height: 71px;
    }
}
@media only screen and (max-width: 820px) {

    .in-page-gallery .gallery-nav {
        top: -44px;
    }
    .in-page-gallery .browser-toggle,
    .in-page-gallery .gallery-arrow-prev,
    .in-page-gallery .gallery-arrow-next {
        width: 44px;
        height: 44px;
    }
    .in-page-gallery .browser-toggle {
        font-size: 1.25em;
        line-height: 52px;
    }
    .in-page-gallery .gallery-arrow-prev,
    .in-page-gallery .gallery-arrow-next {
        font-size: 1.75em;
        line-height: 54px;
    }
}
@media only screen and (max-width: 620px) {

    .in-page-gallery {
        border-width: 6px;
    }
    .in-page-gallery .gallery-nav {
        top: -50px;
        left: 0;
        right: auto;
        width: 100%;
    }
    .in-page-gallery .gallery-arrow-next {
        float: right;
    }
    .in-page-gallery .gallery-arrow-prev,
    .in-page-gallery .gallery-arrow-next,
    .in-page-gallery .gallery-arrow-prev:hover,
    .in-page-gallery .gallery-arrow-next:hover {
        background: transparent;
    }
    .in-page-gallery .gallery-arrow-prev,
    .in-page-gallery .gallery-arrow-next {
        margin-left: 0;
        background: transparent;
        font-size: 2.5em;
    }
    .in-page-gallery .browser {
        border-top: 2px solid #000;
    }
    .in-page-gallery-browser-wrap {
        height: auto;
    }
    .in-page-gallery .browser-toggle {
        display: none;
    }
}


/*  ==========================================================================
     6. WYSIWYG CORE STYLES
    ==========================================================================  */

.page-main {
    padding: 60px 0;
}
.page-default-main .wrapper {
    max-width: 940px;
}
@media only screen and (max-width: 768px) {
    .page-main {
        padding: 30px 0;
    }
}
.page-main.entry a,
.blog-single .entry a {
    color: #bb9230;
    font-weight: bold;
    text-decoration: underline;
}
.page-main.entry a:hover,
.blog-single .entry a:hover {
    color: #312924;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-weight: normal;
    line-height: 1.2;
}
.entry h1:first-child,
.entry h2:first-child,
.entry h3:first-child,
.entry h4:first-child,
.entry h5:first-child,
.entry h6:first-child {
    margin-top: 0;
}
.entry h1 {
    margin-top: 1.25em;
    margin-bottom: .5em;
    font-family: 'Abraham Lincoln', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 3em;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
}
.entry h2 {
    margin-top: 1.2em;
    margin-bottom: .5em;
    font-size: 2em;
}
.entry h1 + h2 {
    margin-top: -.4em;
}
.entry h3 {
    margin-top: 1.5em;
    margin-bottom: .4em;
    font-size: 1.625em;
}
.entry h2 + h3 {
    margin-top: -.4em;
    margin-bottom: .2em;
}
.entry h4 {
    margin-top: 1.5em;
    margin-bottom: .4em;
    font-size: 1.5em;
}
.entry h3 + h4 {
    margin-top: .3em;
}
.entry h5 {
    margin-top: 1.6em;
    margin-bottom: .4em;
    font-size: 1.25em;
}
.entry h4 + h5 {
    margin-top: -.1em;
}
.entry h6 {
    margin-top: 1.6em;
    margin-bottom: .4em;
    font-size: 1.25em;
}
.entry h5 + h6 {
    margin-top: .2em;
}
.entry p,
.entry pre {
    font-size: 1em;
    line-height: 1.6em;
    margin: 1.5em 0 0;
}
.entry p:first-child {
    margin-top: 0;
}
.entry h1 + p,
.entry h2 + p,
.entry h3 + p,
.entry h4 + p,
.entry h5 + p,
.entry h6 + p {
    margin-top: 0;
}
.entry abbr[title] {
    border-bottom: 1px dotted;
}
.entry strong {
    font-weight: bold;
}
.entry blockquote {
    position: relative;
    margin: 2em 15%;
    padding-top: 2em;
    padding-bottom: 4em;
    color: #bb9230;
    text-align: center;
}
.entry blockquote:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 86px;
    height: 4px;
    margin-left: -43px;
    background: #dfc88d;
}
.entry blockquote:after {
    content: '\e611';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -81px;
    color: #dfc88d;
    font-family: 'Smutty Icons';
    font-size: 1.75em;
}
.entry blockquote p {
    font-size: 1.125em;
    font-style: italic;
}
blockquote p:before,
.entry blockquote p:before {
     content: "\201C";
     display: inline-block;
     padding-right: .1em;
}
blockquote p:after,
.entry blockquote p:after {
     content: "\201D";
     display: inline-block;
}
.entry dfn {
    font-style: italic;
}
.entry hr {
    box-sizing: content-box;
    clear: both;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    padding: 0;
}
.entry code,
.entry kbd,
.entry pre,
.entry samp {
    font-family: monospace, serif;
    font-size: 1em;
}
.entry pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.entry q {
    quotes: none;
}
.entry q:before,
.entry q:after {
    content: '';
    content: none;
}
.entry small {
    font-size: 80%;
}
.entry sub,
.entry sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.entry sup {
    top: -0.5em;
}
.entry sub {
    bottom: -0.25em;
}
.entry dl,
.entry menu,
.entry ol,
.entry ul {
    margin: 1em 0;
}
.entry ol {
    list-style-type: decimal;
}
.entry ul {
    padding: 0;
}
.entry ul li {
    position: relative;
    padding-left: 40px;
}
.entry ul li:before {
    content: "\e612";
    position: absolute;
    top: -1px;
    left: 16px;
    color: #e1cb93;
    font-family: 'Smutty Icons';
    font-size: 1em;
}
.entry li {
    margin-bottom: .4em;
    line-height: 1.6em;
}
.entry dd {
    margin: 0 0 0 40px;
}
.entry menu,
.entry ol {
    padding: 0 0 0 40px;
}
.entry nav ul,
.entry nav ol {
    list-style: none;
    list-style-image: none;
}
.entry table {
    margin: 0;
    padding: 0;
}
.entry table th,
.entry table td {
    padding: 10px 20px;
    text-align: left;
    border-bottom: 1px solid #c7ba98;
}
.entry table th {
    border-width: 2px;
}
.entry table tr:last-child th,
.entry table tr:last-child td {
    border-bottom: none;
}
.entry table tr:nth-child(even) {
    background: #d6cdb6;
}
.entry .sticky,
.entry .bypostauthor,
.entry .gallery-caption {
    display: block;
}
.entry .alignnone {
    margin: 1em 1em 1em 0;
}
.entry .aligncenter,
.entry div.aligncenter {
    display:block;
    margin: .5em auto;
}
.entry .alignright {
    float:right;
    margin: 0 0 1em 1em;
}
.entry .alignleft {
    float:left;
    margin: 0 1em 1em 0;
}
.entry .aligncenter {
    display: block;
    margin: 1em auto;
}
.flex-img {
    max-width: 100%;
    height: auto;
}
.entry img,
.entry img[class*="align"],
.entry img[class*="wp-image-"],
.entry .size-auto,
.entry .size-full,
.entry .size-large,
.entry .size-medium,
.entry .size-thumbnail {
    max-width: 100%;
    height: auto;
}
.entry img.alignright {
    margin: 1em 0 1em 1em;
}
.entry img.alignleft {
    margin: 1em 1em 1em 0;
}
.entry img.aligncenter{
    display: block;
    margin: 3em auto;
}
.entry a img {
    -webkit-transition: opacity 100ms linear;
    transition: opacity 100ms linear;
}
.entry a img:hover {
    opacity: .8;
}
.entry iframe {
    max-width: 100%;
}
.entry .wp-caption {
    margin-bottom: 1em;
    margin-left: 0;
    max-width: 96%;
    text-align: center;
}
.entry .wp-caption img {
    display: block;
    margin: 0 auto;
}
.entry .wp-caption-text {
    position: relative;
    font-size: .8em;
}
.entry .gallery {
    margin: 0 auto;
}
.entry .gallery .gallery-item  {
    margin: 0;
    float: left;
    text-align: center;
    width: 33%;
}
.entry .gallery-columns-4 .gallery-item {
    width: 25%;
}
.entry .gallery-columns-4 .gallery-item img {
    width: 100%;
    height: auto;
}
.entry-content-asset {
    border: 3px solid #fff;
}
.entry .gform_fields {
    margin: 0;
    padding: 0;
}
.entry .gform_fields li {
    margin-bottom: 1em;
    padding: 0;
}
.entry .gform_fields li:before {
    content: '';
}
@media only screen and (max-width: 768px) {

    .entry p,
    .entry pre,
    .entry li {
        font-size: .875em;
    }
    .entry ul li:before {
        left: 18px;
    }
    .entry h1 {
        font-size: 2.75em;
    }
    .entry h2 {
        font-size: 1.75em;
    }
    .entry h3 {
        font-size: 1.5em;
    }
    .entry h4,
    .entry h5,
    .entry h6 {
        font-size: 1.375em;
    }
    .entry blockquote {
        padding-bottom: 3em;
    }
}
@media only screen and (max-width: 480px) {

    .entry p,
    .entry pre,
    .entry li {
        font-size: .75em;
    }
    .entry menu,
    .entry ol {
        padding-left: 30px;
    }
    .entry ul li {
        padding-left: 30px;
    }
    .entry ul li:before {
        left: 13px;
    }
    .entry li {
        margin-bottom: .2em;
    }
    .entry h1 {
        margin-top: 1em;
        font-size: 2.25em;
    }
    .entry h2 {
        font-size: 1.5em;
    }
    .entry h3 {
        font-size: 1.25em;
    }
    .entry h4,
    .entry h5,
    .entry h6 {
        font-size: 1.25em;
    }
    .entry blockquote {
        position: relative;
        margin: 1.5em 0;
        padding-top: 1.5em;
        padding-bottom: 2.5em;
    }
    .entry blockquote:before {
        height: 3px;
    }
    .entry blockquote:after {
        margin-left: -58px;
        font-size: 1.25em;
    }
    .entry blockquote p {
        font-size: .875em;
        line-height: 1.5;
    }
}



/*  ==========================================================================
     7. HOME PAGE
    ==========================================================================  */

/*   7.1. Billboard
    --------------------------------------------------------------------------  */

.home-billboard {
    clear: both;
    min-width: 300px;
    background-color: #312924;
}
.home-billboard .royalSlider,
.home-billboard .slide {
    width: 100%;
    height: 700px;
}
.home-billboard .slide {
    background-size: cover;
}
.home-billboard .royalSlider {
    overflow: hidden;
}
.home-billboard .slide-content {
    overflow: visible;
    height: 700px;
}
.home-billboard-poster {
    position: absolute;
    bottom: -80px;
    left: -140px;
    z-index: 10;
    -webkit-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.home-billboard-caption {
    position: absolute;
    bottom: 80px;
    z-index: 100;
    width: 70%;
    color: #fff;
}
.home-billboard-headline {
    margin: 0 0 -.25em;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 4em;
    font-weight: normal;
    line-height: 1;
    text-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    text-transform: uppercase;
}
.home-billboard-text {
    margin-top: .75em;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.5;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}
.home-billboard-link {
    margin-top: .75em;
}
.billboard-sidebar {
    position: absolute;
    top: 180px;
    z-index: 90;
    width: 100%;
    height: 0;
}
.billboard-sidebar .wrapper:before,
.billboard-sidebar .wrapper:after { content: none; }

.billboard-sidebar .wrapper {
    overflow: visible;
}
.billboard-beer-finder {
    position: relative;
    float: right;
    width: 175px;
    height: 357px;
    background: #d6cdb6 url('images/bg-billboard-beer-finder.jpg') no-repeat;
}
.billboard-beer-finder .beer-finder-zip-search {
    position: absolute;
    bottom: 24px;
    left: 27px;
}
@media only screen and (max-width: 1280px) {

    .home-billboard .slide-content {
        padding-right: 0;
        padding-left: 0;
    }
    .home-billboard-poster {
        bottom: -24px;
        left: -80px;
    }
    .home-billboard-caption {
        width: 60%;
        margin-left: 10%;
    }
    .billboard-sidebar {
        right: 5%;
    }
}
@media only screen and (min-width: 1110px) and (max-width: 1280px) {

    .home-billboard-poster + .home-billboard-caption {
        margin-left: -240px;
    }
}
@media only screen and (min-width: 1110px) {

    .home-billboard-poster + .home-billboard-caption {
        left: 50%;
        width: 500px;
        max-width: none;
        margin-left: -250px;
    }
}
@media only screen and (max-width: 1110px) {

    .home-billboard-poster {
        display: none;
    }
}
@media only screen and (max-width: 990px) {

    .home-billboard .royalSlider,
    .home-billboard .slide,
    .royalSlider .slide-content {
        height: 500px;
    }
    .billboard-sidebar {
        top: 164px;
    }
    .billboard-sidebar .in-season-cta {
        display: none;
    }
    .home-billboard-headline {
        font-size: 3.5em;
    }
    .home-billboard-text {
        font-size: 1.125em;
    }
}
@media only screen and (max-width: 900px) {

    .home-billboard-caption {
        width: 52%;
    }
}
@media only screen and (max-width: 990px) {

    .home-billboard-headline {
        font-size: 3.25em;
    }
}
@media only screen and (max-width: 678px) {

    .home-billboard .royalSlider,
    .home-billboard .slide,
    .royalSlider .slide-content {
        height: 340px;
    }
    .home-billboard .rsArrow {
        top: 0;
        bottom: 0;
    }
    .home-billboard .rsArrowIcn {
        color: #fff;
        color: rgba(255,255,255,.9);
    }
    .home-billboard .rsArrowIcn {
        font-size: 3em;
        line-height: 350px;
    }
    .billboard-sidebar {
        display: none;
    }
    .home-billboard-caption {
        bottom: 30px;
        width: 100%;
        margin-left: 0;
        padding: 0 68px;
    }
    .home-billboard-headline {
        font-size: 2.5em;
    }
    .home-billboard-text {
        font-size: 1em;
    }
}
@media only screen and (max-width: 520px) {

    .home-billboard-caption {
        padding: 0 50px;
    }
}
@media only screen and (max-width: 480px) {

    .home-billboard-headline {
        font-size: 2em;
    }
    .home-billboard-text {
        font-size: 1em;
    }
}

/*   7.2. Highlights
    --------------------------------------------------------------------------  */

.home-highlights {
    padding: 60px 0;
    background: #f5ecd5 url('images/bg-redox-ivory.jpg') repeat;
    border-top: 5px solid #fff;
}
.home-highlights .column {
    float: left;
    width: 30%;
    margin-left: 5%;
}
.home-highlights .column:first-child {
    margin-left: 0;
}
@media only screen and (min-width: 700px) and (max-width: 860px) {
    .home-highlights .home-events-list {
        float: none;
        width: 100%;
    }
    .home-highlights .home-rest-highlight,
    .home-highlights .home-store {
        width: 45%;
        margin-top: 60px;
    }
}
@media only screen and (max-width: 860px) {
    .home-highlights {
        padding: 40px 0;
    }
}
@media only screen and (max-width: 700px) {
    .home-highlights .column {
        float: none;
        width: 100%;
        margin: 30px 0 0;
        padding-top: 30px;
        background: url('images/border-ragged.png') repeat-x center top !important;
    }
    .home-highlights .column:first-child {
        margin-top: 0;
        padding-top: 0;
        background-image: none !important;
    }
}
@media only screen and (max-width: 480px) {
    .home-highlights {
        padding: 30px 0;
    }
}

/*   7.3. Events Feed
    --------------------------------------------------------------------------  */

.home-events-list {
    position: relative;
}
.home-events-list h2 {
    padding-bottom: .5em;
    background: url('images/border-ragged.png') repeat-x center bottom;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.5em;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}
.home-events-list .event-item {
    margin-top: 1em;
}
.home-events-list .start-time,
.home-events-list .end-time,
.home-events-list .location,
.home-events-list .description {
    display: none;
}
.home-events-list .gce-list-item .title h3 {
    margin-top: .25em;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.4;
}
.home-events-list .gce-list-item .title h3 a {
    color: #312924;
}
.home-events-list .gce-list-item .title h3 a:hover {
    color: #bb9230;
}
.home-events-list .gce-list-item .time {
    color: #a99766;
    font-size: .875em;
}
.home-events-list .gce-list-item .more {
    margin-top: .5em;
}
.home-events-list .more a {
    color: #312924;
}
.home-events-list .more a:hover {
    color: #bb9230;
}
.home-events-list .view-all {
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
}
.home-events-list .view-all {
    margin-top: 1em;
    color: #312924;
    font-weight: bold;
    letter-spacing: -1px;
}
.home-events-list .view-all a {
    color: #312924;
}
.home-events-list .view-all a:hover {
    color: #bb9230;
}
.home-events-list .view-all .icon-calendar {
    position: relative;
    top: 4px;
    padding-right: 8px;
    font-size: 1.65em;
}
@media only screen and (max-width: 1012px) {

    .home-events-list .view-all {
        font-size: .875em;
    }
}
@media only screen and (min-width: 860px) and (max-width: 1012px) {

    .home-events-list .view-all {
        font-size: .75em;
    }
}
@media only screen and (min-width: 450px) and (max-width: 860px) {

    .home-events-list h2 {
        font-size: 1.75em;
        text-align: left;
    }
    .home-events-list .view-all {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 0;
        font-size: 1em;
    }
}
@media only screen and (max-width: 560px) {

    .home-events-list .view-all {
        font-size: .875em;
    }
}
@media only screen and (max-width: 450px) {

    .home-events-list h2 {
        font-size: 1.75em;
    }
    .home-events-list .view-all {
        text-align: center;
    }
}

/*   7.4. Restaurant CTA
    --------------------------------------------------------------------------  */

.home-rest-highlight {
    position: relative;
    height: 330px;
    text-align: center;
}
.home-rest-highlight-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 100%;
    -webkit-backface-visibility: hidden;
}
.home-rest-highlight a {
    display: block;
    position: absolute;
    bottom: -9px;
    left: 50%;
    z-index: 3;
    width: 224px;
    margin-left: -112px;
}
@media only screen and (max-width: 700px) {

    .home-rest-highlight {
        height: auto;
    }
    .home-rest-highlight-wrap {
        position: static;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    .home-rest-highlight a {
        position: relative;
        bottom: auto;
        left: auto;
        margin: 0 auto;
    }
}

/*   7.5. Visit Our Store CTA
    --------------------------------------------------------------------------  */

.home-store-item {
    position: relative;
    width: 241px;
    margin: 0 auto;
}
.home-store-item a {
    color: #312924;
}
.home-store-item h2 {
    position: absolute;
    top: 168px;
    left: -5px;
    width: 129px;
    height: 42px;
    padding-left: 10px;
    background: url('images/home-visit-store-tag.png') no-repeat;
    color: #fff;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: .875em;
    font-style: italic;
    line-height: 42px;
}
.home-store-item h2 a {
    color: #fff;
}
.home-store-item-price {
    position: absolute;
    top: 135px;
    right: -50px;
    width: 113px;
    height: 113px;
    padding-top: 34px;
    background: url('images/seal-gold.png') no-repeat;
    color: #fff;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.375em;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
    text-align: center;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.home-store-item-price em {
    display: block;
    color: #312924;
    font-size: .6875em;
    letter-spacing: 0;
}
.home-store-item-name {
    margin-top: 1.5em;
    padding: 0 5%;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-weight: bold;
    font-style: italic;
    letter-spacing: -1px;
    line-height: 1.4;
    text-align: center;
}
@media only screen and (min-width: 860px) and (max-width: 1100px) {
    .home-store-item-price {
        right: -10px;
    }
}
@media only screen and (max-width: 370px) {
    .home-store-item-price {
        right: -20px;
    }
}

/*   7.6. Beers Section
    --------------------------------------------------------------------------  */

.home-beers {
    padding: 80px 0;
    background: #f5ecd5 url('images/bg-home-beers.jpg') no-repeat center top;
    background-size: cover;
}
@media only screen and (max-width: 760px) {
    .home-beers {
        padding: 60px 0;
    }
}
@media only screen and (max-width: 480px) {
    .home-beers {
        padding: 40px 0;
    }
}
.home-beers h2 {
    margin-bottom: .35em;
    color: #f5ebde;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 3em;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}
.home-beers .bnb {
    display: block;
    width: 236px;
    height: auto;
    margin: 0 auto;
}
.home-beers h3 {
    margin-bottom: .5em;
    color: #66543d;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2em;
    font-weight: normal;
    text-align: center;
}
@media only screen and (max-width: 768px) {

    .home-beers h3 {
        font-size: 1.75em;
    }
}
@media only screen and (max-width: 670px) {

    .home-more-beer {
        margin-top: 60px;
    }
    .home-beers h3 {
        font-size: 1.5em;
        line-height: 1.25;
        text-transform: uppercase;
    }
}
.home-beers-header .wrapper {
    text-align: center;
}
.home-beers-header .view-all {
    margin-top: 30px;
}
.home-beer-shelf-wrap {
    max-width: 1600px;
    min-width: 300px;
    margin: 30px auto 0;
}
.home-beer-shelf {
    width: 100%;
    margin: -50px 0 30px;
}
.home-beer-shelf .beer-shelf-item {
    margin-bottom: 35px;
}
@media only screen and (max-width: 1130px) {
    .home-beer-shelf {
        margin-top: 54px;
    }
}

/*   7.7. Brewery Section
    --------------------------------------------------------------------------  */

.home-brewery {
    height: 530px;
    background: #bb9230 url('images/bg-home-brewery.jpg') no-repeat center top;
}
.home-brewery-content {
    margin: 150px 0 0 50%;
    padding: 20px 0 0 50px;
    background: url('images/icon-hops.png') no-repeat 0 0;
    color: #fff;
}
.home-brewery-content h2 {
    margin: 0;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2.5em;
    font-weight: normal;
    text-transform: uppercase;
}
.home-brewery-content p {
    line-height: 1.4;
}
@media only screen and (min-width: 2000px) {

    .home-brewery {
        background-size: cover;
    }
}
@media only screen and (max-width: 1160px) {

    .home-brewery-content {
        margin-left: 45%;
    }
}
@media only screen and (max-width: 1120px) {
    .home-brewery-content {
        margin-left: 40%;
    }
}
@media only screen and (max-width: 680px) {

    .home-brewery {
        height: auto;
        padding: 60px 0;
        background-position: top right;
    }
    .home-brewery-content {
        width: 100%;
        margin: 0;
    }
}
@media only screen and (max-width: 480px) {

    .home-brewery {
        padding: 20px 0 30px;
    }
}


/*   7.8. Philosophy Section
    --------------------------------------------------------------------------  */

.home-philosophy {
    padding: 80px 0;
    background: #f5ecd5 url('images/bg-redox-ivory.jpg') repeat;
    border-top: 5px solid #fff;
}
.home-philosophy-image,
.home-philosophy-content {
    float: left;
    width: 50%;
    text-align: center;
}
.home-philosophy-content {
    padding: 0 40px;
}
.home-philosophy-content h2 {
    margin-bottom: .35em;
    color: #bb9230;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.75em;
    font-weight: normal;
    text-transform: uppercase;
}
.home-philosophy-content blockquote {
    position: relative;
    color: #623e13;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.4375em;
    line-height: 1.4;
}
.home-philosophy-content blockquote p:before {
    position: absolute;
    top: -10px;
    left: -20px;
    color: #bcab81;
    font-size: 3em;
}
.home-philosophy-content blockquote p:after {
    content: none;
}
@media only screen and (max-width: 960px) {
    .home-philosophy {
        padding: 40px 0;
    }
    .home-philosophy-image,
    .home-philosophy-content {
        float: none;
        width: 100%;
    }
    .home-philosophy-content {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 480px) {
    .home-philosophy-content h2 {
        font-size: 1.5em;
    }
    .home-philosophy-content blockquote {
        font-size: 1.25em;
    }
    .home-philosophy-content blockquote:before {
        font-size: 2.5em;
    }
}

/*   7.9. Our Story Section
    --------------------------------------------------------------------------  */

.home-ourstory {
    height: 494px;
    background: #f5ecd5 url('images/bg-home-ourstory.jpg') no-repeat center top;
}
.home-ourstory-content {
    position: relative;
    padding: 150px 25% 0 44%;
    color: #fff;
}
.home-ourstory-content p {
    text-shadow: 1px 1px 3px rgba(0,0,0,.8);
}
.home-ourstory-content .play-video {
    display: block;
    position: absolute;
    top: 250px;
    left: 20%;
    width: 82px;
    height: 82px;
    margin: 0 auto;
    background: rgb(0,0,0);
    background: rgba(0,0,0,.7);
    border: 5px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 2.25em;
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}
.home-ourstory-content .play-video:before {
    position: relative;
    top: 2px;
    left: 2px;
}
.home-ourstory-content .play-video:hover {
    border-color: #bb9230;
    color: #bb9230;
}
.home-ourstory-content h2 {
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2.25em;
    font-weight: normal;
    text-transform: uppercase;
}
.home-ourstory-content p {
    margin-bottom: 2em;
    font-size: .875em;
    font-weight: bold;
    line-height: 1.5;
}
@media only screen and (min-width: 2000px) {

    .home-ourstory {
        background-size: cover;
    }
}
@media only screen and (max-width: 1100px) {
    .home-ourstory-content .play-video {
        left: 15%;
    }
}
@media only screen and (max-width: 950px) {
    .home-ourstory-content .play-video {
        left: 10%;
    }
}
@media only screen and (max-width: 850px) {
    .home-ourstory {
        background-position: -150px top;
    }
    .home-ourstory-content {
        width: 250px;
        padding: 150px 0 0;
    }
    .home-ourstory-content .play-video {
        left: auto;
        right: -130%;
    }
}
@media only screen and (max-width: 670px) {
    .home-ourstory {
        background-position: -250px top;
    }
    .home-ourstory-content .play-video {
        right: -90%;
    }
}
@media only screen and (max-width: 600px) {
    .home-ourstory {
        background-position: -400px top;
    }
    .home-ourstory-content .play-video {
        right: -40%;
    }
}
@media only screen and (max-width: 472px) {
    .home-ourstory {
        height: auto;
        padding: 120px 0 80px;
        background-position: left top;
    }
    .home-ourstory-content {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .home-ourstory-content p {
        display: none;
    }
    .home-ourstory-content .play-video {
        position: relative;
        top: auto;
        right: auto;
        margin: .35em auto .75em;
    }
}

/*   7.10. Connect Section
    --------------------------------------------------------------------------  */

.home-feeds {
    position: relative;
    padding: 60px 0;
    background:
        url('images/border-feed-text.png') repeat-x center bottom,
        url('images/bg-redox-ivory.jpg') repeat;
    background-color: #f5ecd5;
    border-top: 5px solid #fff;
}
.no-multiplebgs .home-feeds {
    background: #f5ecd5 url('images/bg-redox-ivory.jpg') repeat;
}
.home-email-signup {
    float: left;
    width: 44%;
    margin-right: 6%;
    padding: 30px 7% 40px 0;
    border-right: 1px solid #c3b79a;
}
.home-email-signup h2 {
    margin-bottom: .65em;
    color: #bb9230;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.875em;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
}
.home-email-signup .newsletter-signup-form .gfield {
    margin-bottom: .5em;
}
.home-email-signup .gfield_label {
    display: none;
}
.home-email-signup .newsletter-signup-form input[type="text"],
.home-email-signup .newsletter-signup-form input[type="email"] {
    display: block;
    padding: 13px 20px 10px;
    background: #fff;
    border-color: transparent;
    border-radius: 5px;
    color: #312924;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1em;
}
.home-email-signup .newsletter-signup-form input[type="text"]:focus,
.home-email-signup .newsletter-signup-form input[type="email"]:focus {
    border-color: #bb9230;
}
.home-email-signup .newsletter-signup-form input[type="submit"] {
    width: 100%;
}
.home-email-signup .newsletter-signup-form input[type="submit"]:focus {
    outline: 0;
    background-color: #3b8b9a;
}
.home-email-signup .gform_footer {
    position: relative;
}
.home-email-signup .gform_ajax_spinner {
    position: absolute;
    top: 12px;
    right: 104px;
}
.home-email-signup .gfield_error input[type="email"],
.home-email-signup .gfield_error input[type="email"]:focus {
    border-color: #c02918;
}
.home-email-signup .gform_confirmation_message {
    font-size: 1.125em;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}
.home-email-signup .validation_error {
    display: none;
}
.home-email-signup .validation_message {
    margin-top: 1em;
    text-align: center;
    color: #c02918;
    font-size: .75em;
    font-weight: bold;
    text-transform: uppercase;
}
.home-news-social {
    float: left;
    width: 50%;
}
.home-news-feed {
    float: left;
    width: 45%;
}
.home-news-feed {
    color: #45311a;
}
.home-news-feed h2 {
    margin-bottom: .5em;
    color: #bb9230;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.5em;
    font-weight: normal;
    text-transform: uppercase;
}
.home-news-item {
    margin-bottom: 1.5em;
}
.home-news-title {
    margin-bottom: .35em;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-weight: normal;
    font-size: 1.125em;
    line-height: 1.4;
}
.home-news-title a {
    color: #45311a;
}
.home-news-excerpt {
    font-size: .875em;
    line-height: 1.4;
}
.home-news-item .read-more {
    display: block;
    margin-top: .5em;
    color: #bb9230;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-weight: bold;
}
.home-social-links {
    float: right;
    width: 50%;
}
.home-social-links li {
    list-style: none;
    float: left;
    width: 49%;
    margin: 0 1% 1.25% 0;
}
.home-social-links .twitter {
    background: #8cb6be;
    background: rgba(140, 182, 190,.9);
}
.home-social-links .twitter:hover {
    background: #8cb6be;
    background: rgba(140, 182, 190,.9);
}
.home-social-links .instagram {
    background: #372e28;
    background: rgba(55, 46, 40,.9);
}
.home-social-links .facebook {
    background: #4c767e;
    background: rgba(76, 118, 126,.9);
}
.home-social-links .facebook:hover {
    background: #4c767e;
    background: rgba(76, 118, 126,.9);
}
.home-social-links .youtube {
    background: #a88125;
    background: rgba(168, 129, 37,.9);
}
.home-social-links a {
    display: block;
    height: 160px;
    padding-top: 32px;
    color: #fff;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-weight: bold;
    text-align: center;
}
.home-social-links img {
    display: block;
    margin: 0 auto .25em;
}
@media only screen and (min-width: 380px) {

    .home-email-signup .newsletter-signup-form .first-name,
    .home-email-signup .newsletter-signup-form .last-name {
        width: 49%;
    }
    .home-email-signup .newsletter-signup-form .first-name {
        float: left;
    }
    .home-email-signup .newsletter-signup-form .last-name {
        float: right;
    }
    .home-email-signup .newsletter-signup-form .email-address {
        clear: both;
    }
}
@media only screen and (min-width: 500px) and (max-width: 1120px) {

    .home-email-signup .newsletter-signup-form {
        max-width: 400px;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1120px) {
    .home-email-signup,
    .home-news-social {
        float: none;
        width: 100%;
    }
    .home-email-signup {
        padding: 0 0 40px 0;
        border-right: 0;
        border-bottom: 1px solid #c3b79a;
        text-align: center;
    }
    .home-email-signup h2 {
        text-align: center;
    }
    .home-news-social {
        margin-top: 40px;
    }
    .home-news-feed {
        width: 60%;
    }
    .home-social-links {
        width: 270px;
    }
}
@media only screen and (max-width: 920px) {
    .home-email-signup fieldset {
        max-width: 500px;
        margin: 0 auto 1em;
        text-align: center;
    }
    .home-email-signup label {
        width: 20%;
    }
    .home-email-signup .input-text {
        width: 80%;
    }
}
@media only screen and (max-width: 810px) {
    .home-news-feed {
        width: 50%;
    }
    .home-social-links {
        width: 40%;
    }
}
@media only screen and (max-width: 760px) {
    .home-feeds {
        padding-top: 40px;
    }
    .home-email-signup {
        padding-bottom: 20px;
    }
}
@media only screen and (min-width: 500px) and (max-width: 1120px) {
    .home-news-feed h2 {
        font-size: 1.75em;
    }
    .home-news-title {
        font-size: 1.25em;
    }
    .home-news-cat {
        font-size: 1em;
    }
    .home-news-excerpt {
        font-size: 1em;
    }
}
@media only screen and (max-width: 700px) {
    .home-news-feed,
    .home-social-links {
        float: none;
        width: 100%;
    }
    .home-social-links {
        margin-top: 30px;
    }
    .home-social-links li {
        width: 24%;
        margin-bottom: 0
    }
}
@media only screen and (max-width: 480px) {
    .home-feeds {
        padding: 30px 0;
        background: #f5ecd5 url('images/bg-redox-ivory.jpg') repeat;
    }
    .home-social-links {
        margin-top: 20px;
    }
    .home-social-links a {
        height: 80px;
        padding-top: 15px;
        font-size: .6875em;
    }
    .home-social-links img {
        width: 34px;
        height: auto;
    }
}
@media only screen and (max-width: 400px) {
    .home-email-signup label {
        font-size: 1em;
        line-height: 3;
    }
}

/*   7.11. Hopper Footer
    --------------------------------------------------------------------------  */

.home-footer {
    min-height: 330px;
    background: #312924 url('images/bg-home-hopper.jpg') repeat-x center top;
}
.home-hopper {
    float: left;
    width: 49%;
}
.home-hopper a {
    display: block;
    height: 330px;
    padding-top: 112px;
    text-align: center;
}
.home-page-cta {
    float: left;
    width: 51%;
    padding-top: 178px;
    color: #fff;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.25em;
    text-align: center;
    text-transform: uppercase;
}
.home-page-cta a {
    margin-left: .75em;
    color: #bb9230;
}
.home-page-cta a:hover {
    color: #fff;
}
.home-page-cta .icon-arrow-right:before {
    font-size: .625em;
}
@media only screen and (max-width: 1050px) {
    .home-page-cta {
        font-size: 1.0625em;
    }
}
@media only screen and (max-width: 916px) {
    .home-footer {
        background-position: left top;
    }
    .home-page-cta {
        padding: 100px 8% 0;
        font-size: 1.5em;
    }
    .home-page-cta a {
        display: block;
        margin-top: .5em;
    }
}
@media only screen and (max-width: 600px) {
    .home-footer {
        padding: 40px 0;
        background-size: cover;
    }
    .home-hopper,
    .home-page-cta {
        float: none;
        width: 100%;
    }
    .home-hopper a {
        height: auto;
        padding-top: 0;
    }
    .home-page-cta {
        height: auto;
        margin-top: 40px;
        padding: 0;
    }
}

/*  ==========================================================================
     8. BEERS PAGE
    ==========================================================================  */

.page-id-50 .site-navigation {
    box-shadow: 0 0 150px rgba(93, 51, 0,1), 0 0 50px rgba(93, 51, 0,.8);
}
.beer-full-time {
    padding-top: 200px;
    margin-bottom: 90px;
    background: url('images/bg-beers.jpg') no-repeat center top;
}
.beer-full-time-title,
.beer-full-time-logo-bnb,
.beer-full-time-tagline {
    display: inline-block;
}
.beer-full-time-title {
    text-align: right;
}
.beer-full-time-title h2,
.beer-full-time-tagline {
    position: relative;
    top: -40px;
    padding-bottom: 8px;
    background: url('images/border-ragged-brown-125px.png') no-repeat center bottom;
    color: #795a33;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.25em;
    font-weight: normal;
    text-transform: uppercase;
}
.beer-full-time-logo-bnb {
    margin: 0 35px;
}
.beer-full-time-logo-bnb img {
    width: 270px;
    height: auto;
}
@media only screen and (min-width: 2000px) {

    .beer-full-time {
        background-position: center -300px;
        background-size: cover;
    }
}
@media only screen and (max-width: 990px) {
    .beer-full-time {
        padding-top: 60px;
        background-size: 1300px;
    }
    .beer-full-time-logo-bnb img {
        width: 200px;
    }
}
@media only screen and (max-width: 660px) {
    .beer-full-time {

    }
    .beer-full-time-title,
    .beer-full-time-logo-bnb,
    .beer-full-time-tagline {
        display: block;
        text-align: center;
    }
    .beer-full-time-title h2,
    .beer-full-time-tagline {
        top: auto;
    }
    .beer-full-time-title {
        margin-bottom: 10px;
    }
    .beer-full-time-tagline {
        padding-top: 16px;
        padding-bottom: 0;
        background-position: center top;
    }
}
@media only screen and (max-width: 380px) {
    .beer-full-time {
        background-size: cover;
        margin-bottom: 60px;
        padding-bottom: 60px;
    }
    .page-id-50 .beer-full-time .beer-shelf-name {
        color: #fff;
    }
}
.beer-seasonals {
    margin-bottom: 90px;
}
.beer-seasonals .wrapper {
    border-top: 4px solid #bb9230;
}
@media only screen and (max-width: 380px) {
    .beer-seasonals {
        margin-bottom: 30px;
    }
}
.beer-bigbeer {
    margin-bottom: 90px;
}
.beer-bigbeer .wrapper {
    border-top: 4px solid #bb9230;
}
@media only screen and (max-width: 380px) {
    .beer-bigbeer {
        margin-bottom: 60px;
    }
}
.beer-smuttlabs {
    margin-bottom: 50px;
}
.beer-smuttlabs .wrapper:first-child {
    border-top: 4px solid #bb9230;
}
.beer-smuttlabs .beer-shelf-wrap {
    position: relative;
    top: -50px;
}
.beer-smuttlabs-footer ul {
    display: table;
    margin: 0 auto;
}
.beer-smuttlabs-footer li {
    display: inline-block;
    padding: 0 15px;
}
@media only screen and (max-width: 525px) {
    .beer-smuttlabs {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 380px) {
    .beer-smuttlabs-title {
        top: -46px;
    }
    .beer-smuttlabs-title img {
        width: 200px;
    }
    .beer-smuttlabs .beer-shelf-wrap {
        top: -30px;
    }
}


/*  ==========================================================================
     9. THE HOPPER
    ==========================================================================  */

/*   9.1. Hopper Billboard
    --------------------------------------------------------------------------  */

.billboard-hopper {
    padding: 184px 0 198px;
    background: #333 url('images/bg-hopper-billboard.jpg') no-repeat center top;
    background-size: cover;
    color: #fff;
}
@media only screen and (max-width: 990px) {

    .billboard-hopper {
        padding-top: 80px;
    }
}
@media only screen and (max-width: 620px) {

    .billboard-hopper {
        padding-bottom: 60px;
    }
}
.hopper-intro h2 {
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.1875em;
    font-weight: normal;
    text-transform: uppercase;
}
.hopper-intro-logo {
    text-align: center;
}
.hopper-intro-logo h1:after {
    content: "\e611";
    display: block;
    margin-top: 10px;
    color: #bb9230;
    font-family: 'Smutty Icons';
    font-size: 1.875em;
}
.hopper-intro-logo h2 {
    margin-top: 1.5em;
}
.hopper-intro-words,
.hopper-intro-obds,
.hopper-intro-images {
    float: left;
    margin-top: 40px;
    color: #fff;
    text-align: center;
}
.hopper-intro-obds {
    width: 41%;
    padding: 0 3%;
}
.hopper-intro-words {
    width: 28%;
    padding: 0;
}
.hopper-intro-images {
    width: 31%;
    padding: 16px 4% 0;
}
.hopper-intro-images h2 {
    font-size: 1.5em;
}
.hopper-intro-images p {
    margin-top: 1em;
    font-size: .875em;
    line-height: 1.5;
}
.hopper-intro-images a {
    margin-top: 1em;
}
.hopper-intro-words .post-wrap {
    position: relative;
    padding-bottom: 20px;
    background: url('images/bg-hopper-intro-words.png') no-repeat center top;
    color: #312924;
}
.hopper-intro-words .post-wrap:after {
    content: '';
    position: absolute;
    bottom: -32px;
    left: 0;
    width: 100%;
    height: 35px;
    background: url('images/bg-hopper-intro-words.png') no-repeat center bottom;
}
.hopper-intro-words h2 {
    margin-top: 40px;
}
.hopper-intro-words .title {
    margin-bottom: .35em;
    padding: 52px 14% 0;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.125em;
    text-transform: uppercase;
}
.hopper-intro-words .title a {
    color: #312924;
}
.hopper-intro-words .title a:hover {
    color: #bb9230;
}
.hopper-intro-words .more {
    display: block;
    margin: 1em auto 0;
    color: #312924;
    font-family: 'Desyrel', 'Brush Script MT', cursive;
    font-size: 1.125em;
}
.hopper-intro-words .more:hover {
    color: #bb9230;
}
.hopper-intro-words .more img {
    vertical-align: middle;
    margin-right: 10px;
    width: 26px;
    height: auto;
}
.hopper-intro-obds .image {
    display: inline-block;
    background: #fff;
    border: 6px solid #fff;
    border-radius: 5px;
    -webkit-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
            transform: rotate(-2deg);
}
.hopper-intro-obds .image img {
    display: block;
}
.hopper-intro-obds .title {
    position: relative;
    padding: 8px 0 2px;
    background: #fff;
    color: #bb9230;
    font-family: 'Desyrel', 'Brush Script MT', cursive;
    font-size: 2em;
    letter-spacing: -1px;
    line-height: 1;
}
.hopper-intro-obds .title img {
    position: relative;
    display: inline;
    vertical-align: middle;
    top: -4px;
    margin-right: 10px;
}
.hopper-intro-obds .title .icon {
    position: absolute;
    top: 8px;
    left: 8px;
    color: #d2d2d2;
}
.hopper-intro-obds h2 {
    margin-top: 22px;
}
.hopper-filter-wrap {
    position: relative;
}
@media only screen and (max-width: 760px) {

    .hopper-intro-words,
    .hopper-intro-obds {
        width: 48%;
    }
    .hopper-intro-obds {
        float: right;
    }
    .hopper-intro-images {
        float: none;
        clear: both;
        width: 100%;
        padding-top: 40px;
    }
}
@media only screen and (max-width: 520px) {

    .hopper-intro-words,
    .hopper-intro-obds {
        float: none;
        width: 100%;
    }
    .hopper-intro-words {
        max-width: 279px;
        margin: 30px auto 0;
    }
    .hopper-intro-images {
        margin-top: 40px;
        padding-top: 0;
    }
    .hopper-upload-button {
        display: block;
        width: 100%;
    }
}
@media only screen and (min-width: 620px) {

    .hopper-filter {
        position: absolute;
        top: -138px;
        left: 0;
        width: 100%;
        height: 138px;
        background: #000;
        background: rgba(0,0,0,.3);
    }
    .hopper-filter li {
        position: relative;
        float: left;
        width: 16.666666667%;
        height: 138px;
    }
    .hopper-filter .active:after {
        content: '';
        display: block;
        position: absolute;
        bottom: -13px;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -13px;
        border-style: solid;
        border-width: 13px 13px 0 13px;
        border-color: #000 transparent transparent transparent;
    }
    .hopper-filter a {
        display: block;
        height: 138px;
        padding: 2em 0;
        color: #fff;
        text-align: center;
        -webkit-transition: all 100ms ease-in-out;
                transition: all 100ms ease-in-out;
    }
    .hopper-filter .active a,
    .hopper-filter .active a:hover,
    .hopper-filter a:active,
    .hopper-filter a:focus {
        background: #000;
        background: rgba(0,0,0,.5);
    }
    .hopper-filter a:hover {
        background: #000;
        background: rgba(0,0,0,.2);
    }
    .hopper-filter .icon {
        display: block;
        color: #bb9230;
        font-size: 2.25em;
    }
    .hopper-filter .icon-hopper-video {
        margin-top: .3em;
        font-size: 1.75em;
    }
    .hopper-filter .name {
        display: block;
        margin-top: .8em;
        font-family: 'Desyrel', 'Brush Script MT', cursive;
        font-size: 1.125em;
        text-transform: uppercase;
    }
    .hopper-filter .filter-toggle {
        display: none;
    }
}
@media only screen and (min-width: 620px) and (max-width: 960px) {

    .hopper-filter .name {
        font-size: 1em;
    }
}
@media only screen and (min-width: 620px) and (max-width: 760px) {

    .hopper-filter .name {
        font-size: .875em;
    }
}
@media only screen and (max-width: 620px) {

    .hopper-filter {
        position: static;
        margin-top: 40px;
        padding: 0 5%;
        background: #f5ecd5;
    }
    .hopper-filter a {
        display: block;
        color: #312924;
    }
    .hopper-filter br {
        display: none;
    }
    .hopper-filter .filter-toggle {
        display: block;
        padding: .325em 0;
        background: #bb9230;
        border-radius: 5px;
        font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
        font-size: 1.325em;
        line-height: 1.3;
        text-align: center;
        text-transform: uppercase;
        -webkit-transition: background-color 100ms linear;
                transition: background-color 100ms linear;
    }
    .hopper-filter .filter-toggle:hover {
        background: #efba2d;
    }
    .hopper-filter .filter-toggle.active {
        border-radius: 5px 5px 0 0;
    }
    .hopper-filter .filter-toggle .icon {
        position: relative;
        top: 2px;
        margin-right: 8px;
        font-size: 1.25em;
    }
    .hopper-filter .filter-options {
        display: none;
        padding: 0;
        background: #312924;
        border-radius: 0 0 5px 5px;
    }
    .hopper-filter .filter-options a {
        display: block;
        height: 44px;
        color: #f5ecd5;
        font-family: 'Desyrel', 'Brush Script MT', cursive;
        font-size: 1.25em;
        line-height: 44px;
        text-align: center;
    }
    .hopper-filter .filter-options a:hover {
        color: #bb9230;
    }
    .hopper-filter .filter-options .icon {
        vertical-align: middle;
        margin-right: .5em;
    }
}


/*   9.2. Hopper Post List
    --------------------------------------------------------------------------  */

.hopper-post-list {
    padding: 70px 0;
}
.alm-listing:before,
.alm-listing:after { content: " "; display: table; }
.alm-listing:after { clear: both; }
.alm-listing { *zoom: 1; }

.hopper-post-list .hopper-post {
    position: relative;
    display: table;
    float: left;
    width: 32%;
    height: 200px;
    margin: 0 0 2% 2%;
    background-color: #312924;
    background-position: center center;
    background-size: cover;
}
.hopper-post-list .hopper-post-nothumb {
    background-image: url(images/bg-hopper-lined.png);
    background-repeat: repeat;
    background-size: auto;
}
.hopper-post-list .hopper-post a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    color: #fff;
}
.hopper-post-list .hopper-post-title {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    z-index: 1;
    padding: 0 10%;
    background: rgba(0,0,0,.25);
    color: #fff;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.125em;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all 100ms ease-in-out;
            transition: all 100ms ease-in-out;
}
.hopper-post-nothumb .hopper-post-title {
    background: transparent;
    color: #312924;
}
.hopper-post-list .hopper-post:hover .hopper-post-title {
    background: #bb9230;
    background: rgba(187, 146, 48,.8);
}
.hopper-post-list .hopper-post-title em {
    display: block;
    width: 32px;
    height: 32px;
    margin: 5px auto 0;
    background: #312923;
    background: rgba(49, 41, 35, .8);
    border-radius: 50%;
    font-size: 2.25rem;
    font-style: normal;
    -webkit-transition: all 100ms ease-in-out;
            transition: all 100ms ease-in-out;
}
.hopper-post-nothumb .hopper-post-title em {
    background: #bb9230;
    background: rgba(187, 146, 48,.8);
}
.hopper-post-nothumb:hover .hopper-post-title em {
    background: #312923;
    background: rgba(49, 41, 35, .8);
    color: #fff;
}
.hopper-post-list .hopper-post-icon {
    position: absolute;
    right: 5%;
    bottom: 8%;
    z-index: 2;
    color: #fff;
    color: rgba(255,255,255,.5);
    font-size: 1.5em;
}
.hopper-post-list .more {
    display: inline-block;
    padding: 12px 34px 4px 34px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-bottom: -.25em;
    background-color: #bb9230;
    color: #fff !important;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.25em !important;
    text-transform: uppercase;
    -webkit-transition: all 100ms ease-in-out;
            transition: all 100ms ease-in-out;
}
.hopper-post-list button.more:hover {
    background-color: #9c761c;
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.alm-btn-wrap .more {
    cursor: pointer;
    display: block;
    margin: 2em auto 0;
}
.alm-btn-wrap .more:focus {
    outline: 0;
    background-color: #9c761c;
}
.alm-btn-wrap .done {
    display: none;
}

@media only screen and (min-width: 740px) and (max-width: 830px) {

    .hopper-post-list .hopper-post-title {
        font-size: 1em;
    }
}
@media only screen and (min-width: 740px) {

    .hopper-post-list .hopper-post:nth-child(3n+1) {
        margin-left: 0;
    }
}
@media only screen and (max-width: 740px) {

    .hopper-post-list {
        padding: 40px 0;
    }
    .hopper-post-list .hopper-post {
        width: 100%;
        height: 250px;
        margin: 0 0 3%;
    }
    .hopper-post-list .hopper-post-title {
        font-size: 1.625em;
    }
    .hopper-post-list .hopper-post-icon {
        font-size: 2em;
    }
    .hopper-post-list button.more {
        margin-top: 1.25em;
    }
}
@media only screen and (max-width: 580px) {

    .hopper-post-list .hopper-post-title {
        font-size: 1.5em;
    }
    .hopper-post-list .hopper-post-icon {
        font-size: 1.75em;
    }
}
@media only screen and (max-width: 440px) {

    .hopper-post-list .hopper-post {
        height: 170px;
        margin: 0 0 5%;
    }
    .hopper-post-list .hopper-post-title {
        font-size: 1.25em;
    }
    .hopper-post-list .hopper-post-icon {
        font-size: 1.5em;
    }
    .hopper-post-list button.more {
        margin-top: .5em;
    }
}
@media only screen and (max-width: 360px) {

    .hopper-post-list button.more {
        width: 100%;
    }
}


/*   9.3. Hopper Modal Popup Defaults
    --------------------------------------------------------------------------  */

html.remodal_lock,
body.remodal_lock {
    overflow: hidden;
}
.remodal {
    visibility: hidden;
}
.remodal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    background: #312924;
    background: rgba(49, 41, 36, 0.9);
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    text-align: center;
}
body.remodal_active .remodal-overlay {
    opacity: 1;
}
.remodal-overlay:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: '';
}
.remodal-overlay > * {
    -webkit-transform: translateZ(0px);
            transform: translateZ(0px);
}
.remodal-bg {
    -webkit-transition: -webkit-filter 0.2s linear;
    transition: filter 0.2s linear;
}
body.remodal_active .remodal-bg {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}
.remodal {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 100%;
    box-sizing: border-box;
    background: #f5ecd5 url('images/bg-redox-ivory.jpg') repeat;
    background-clip: padding-box;
    box-shadow: 0 0 8px #171a24;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
}
body.remodal_active .remodal {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.remodal, .remodal-overlay:after {
    vertical-align: middle;
}
.remodal-close {
    position: absolute;
    top: 10px;
    right: -44px;
    width: 44px;
    height: 44px;
    background: #bb9230;
    border-radius: 0 3px 3px 0;
    text-decoration: none;
    -webkit-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
.remodal-close:after {
    display: block;
    font-size: 2.5em;
    font-family: Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif !important;
    content: "×";
    line-height: 44px;
    cursor: pointer;
    text-decoration: none;
    color: #312924;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
}
.remodal-close:hover,
.remodal-close:active {
    color: #f5ecd5;
}
.remodal-close:hover.remodal-close:after,
.remodal-close:active.remodal-close:after {
    color: #f5ecd5;
}
@media only screen and (max-width: 798px) {

    .remodal-close {
        top: 0;
        right: 0;
        border-radius: 0 3px 0 3px;
    }
}
@media only screen and (min-width: 641px) {

    .remodal {
        max-width: 700px;
        margin: 20px auto;
        min-height: 0;
        border-radius: 6px;
    }
}
@media only screen and (max-width: 641px) {

    .remodal {
        border-radius: 0;
    }
    .remodal-close {
        border-radius: 0 0 0 3px;
    }
}
.remodal.loading {
    padding: 35px 5%;
    background: #f5ecd5 url(images/loading-bar-f5ecd5.gif) no-repeat center center;
}
.remodal .remodal-close-end {
    margin-bottom: 35px;
    padding: 0 5%;
}
.remodal.loading .remodal-close,
.remodal.loading .remodal-close-end a {
    display: none;
}
.remodal-content {
    text-align: left;
}
@media only screen and (max-width: 641px) {

    .remodal .remodal-close-end {
        margin-bottom: 80px;
    }
}

/*   9.4. Hopper Modal Individual Styles
    --------------------------------------------------------------------------  */

.hopper-post-content {
    padding: 35px 5%;
}
.hopper-post-video-wrap {
    background: #000 url(images/loading-bar-000000.gif) no-repeat center center;
    min-height: 200px;
}
.hopper-post-video-wrap .wp-video {
    width: auto !important;
}
.hopper-post-video-wrap iframe,
.hopper-post-video-wrap object,
.hopper-post-video-wrap object embed,
.hopper-post-video-wrap video {
    width: 100% !important;
}
.hopper-post-video-wrap .instagram-media {
    max-width: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.hopper-post-featured-image,
.hopper-post-featured-image img {
    background: #000;
    border-radius: 6px 6px 0 0;
}
.hopper-post-featured-image img {
    display: block;
    margin: 0 auto;
}

/*   9.5. Hopper Upload Page
    --------------------------------------------------------------------------  */

.remodal-content .site-navigation,
.remodal-content .site-footer {
    display: none !important;
}
.hopper-upload-form {
    padding: 35px 5%;
    text-align: left;
}
.hopper-upload-form .dropdown {
    width: 100%;
}
.hopper-upload-form .gform_wrapper {
    margin-top: 2em;
}
.hopper-upload-form .gform_confirmation_message {
    margin-bottom: 0;
}


/*  ==========================================================================
     10. OUR PEOPLE PAGE
    ==========================================================================  */

/*   10.1. Team Leaders
    --------------------------------------------------------------------------  */

.about-team {
    padding: 60px 0;
}
@media only screen and (max-width: 740px) {

    .about-team {
        padding: 20px 0 0;
    }
}
.page-main + .about-team {
    padding-top: 0;
}
.about-team-main {
    max-width: 1160px;
    min-width: 300px;
    margin: 0 auto;
}
.about-team-main-intro {
    position: relative;
    z-index: 1;
    margin-top: 40px;
    padding: 0 28%;
    text-align: center;
}
.about-team-main-intro h2 {
    margin-bottom: .875em;
    font-family: 'Abraham Lincoln', Baskerville, Garamond, 'Times New Roman', serif;
    font-size: 3em;
    font-weight: normal;
    text-transform: uppercase;
}
.about-team-main-intro h2:after {
    content: '';
    display: block;
    width: 90px;
    height: 3px;
    margin: 4px auto 0;
    background: #bb9230;
}
.about-team-main-intro p {
    font-size: .875em;
    line-height: 1.5;
}
.about-team-leader-l,
.about-team-leader-r {
    position: relative;
    width: 50%;
    height: 400px;
}
.about-team-leader-l {
    float: left;
}
.about-team-leader-r {
    float: right;
}
.about-team-leader-l img,
.about-team-leader-r img {
    position: absolute;
    top: -150px;
}
.about-team-leader-l img {
    left: -150px;
}
.about-team-leader-r img {
    left: 100px;
}
.about-team-name {
    position: absolute;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    text-align: center;
}
.about-team-name .name {
    text-transform: uppercase;
}
.about-team-leader-l .about-team-name {
    top: 100px;
    left: 330px;
}
.about-team-leader-r .about-team-name {
    top: 220px;
    left: 40px;
}
@media only screen and (max-width: 860px) {
    .about-team-main-intro {
        margin-top: 3%;
        margin-bottom: 4%;
        padding: 0 5%;
    }
    .about-team-leader-l,
    .about-team-leader-r {
        height: 510px;
    }
    .about-team-leader-l img,
    .about-team-leader-r img {
        top: auto;
    }
    .about-team-leader-l img {
        left: -125px;
    }
    .about-team-leader-r img {
        left: -55px;
    }
    .about-team-leader-l .about-team-name {
        top: 30px;
        left: 220px;
    }
    .about-team-leader-r .about-team-name {
        top: 90px;
        left: -38px;
    }
}
@media only screen and (max-width: 720px) {
    .about-team-leaders {
        height: 675px;
    }
    .about-team-leader-l,
    .about-team-leader-r {
        float: none;
        width: 100%;
        height: auto;
    }
    .about-team-leader-r {
        top: -235px;
    }
    .about-team-leader-l img,
    .about-team-leader-r img {
        position: relative;
        max-width: 80%;
        height: auto;
    }
    .about-team-leader-l img {
        left: -20%;
    }
    .about-team-leader-r img {
        left: auto;
        right: -33%;
    }
    .about-team-name {
        font-size: 1.25em;
    }
    .about-team-leader-l .about-team-name {
        top: 20%;
        left: auto;
        width: 70%;
        margin-left: 30%;
    }
    .about-team-leader-r .about-team-name {
        top: 72%;
        left: auto;
        width: 60%;
        margin-right: 40%;
    }
}
@media only screen and (max-width: 590px) {
    .about-team-leader-r {
        top: -150px;
    }
    .about-team-name {
        font-size: 1.125em;
    }
}
@media only screen and (max-width: 510px) {
    .about-team-leaders {
        height: 545px;
    }
    .about-team-main-intro h2 {
        margin-bottom: .5em;
        font-size: 2.5em;
    }
    .about-team-main-intro p {
        font-size: .75em;
    }
}
@media only screen and (max-width: 450px) {
    .about-team-leaders {
        height: 480px;
    }
}
@media only screen and (max-width: 420px) {
    .about-team-leaders {
        height: 510px;
    }
    .about-team-leader-r {
        top: -50px;
    }
    .about-team-name {
        font-size: .875em;
    }
    .about-team-leader-r .about-team-name {
        top: 25%;
    }
}
@media only screen and (max-width: 370px) {
    .about-team-leaders {
        height: 440px;
    }
}
@media only screen and (max-width: 340px) {
    .about-team-leaders {
        height: 400px;
    }
}

/*   10.2. Team Members
    --------------------------------------------------------------------------  */

.about-team-members .team-members-intro {
    margin-bottom: 2.5em;
    text-align: center;
}
.about-team-members .team-members-intro h2 {
    font-family: 'Abraham Lincoln', Baskerville, Garamond, 'Times New Roman', serif;
    font-size: 3em;
    font-weight: normal;
    text-transform: uppercase;
}
.about-team-members .team-members-intro .subtitle {
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.125em;
    text-transform: uppercase;
}
.about-team-members .team-members-intro .subtitle:after {
    content: '';
    display: block;
    width: 90px;
    height: 3px;
    margin: 1.125em auto 0;
    background: #bb9230;
}
@media only screen and (max-width: 520px) {

    .about-team-members .team-members-intro h2 {
        font-size: 2.5em;
    }
    .about-team-members .team-members-intro .subtitle {
        font-size: 1em;
    }
}
.about-team-members .team-members-filter {
    background: #000;
    background: rgba(0,0,0,.5);
    text-align: center;
}
.about-team-members .team-members-filter a {
    position: relative;
    display: inline-block;
    padding: 1.25em 1em;
    color: #fff;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.25em;
    line-height: 1;
}
.about-team-members .team-members-filter .active,
.about-team-members .team-members-filter a:hover {
    color: #efba2d;
}
.about-team-members .team-members-filter .active:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -13px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -13px;
    border-style: solid;
    border-width: 13px 13px 0 13px;
    border-color: #312924 transparent transparent transparent;
    border-color: rgba(0,0,0,.5) transparent transparent transparent;
}
@media only screen and (max-width: 768px) {

    .about-team-members .team-members-filter {
        padding: .5em 0;
    }
    .about-team-members .team-members-filter .active:after {
        display: none;
    }
    .about-team-members .team-members-filter a {
        padding: .375em .5em;
    }
}
@media only screen and (max-width: 340px) {

    .about-team-members .team-members-filter a {
        display: block;
        font-size: 1.125em;
    }
}
.about-team-members .team-members {
    margin-top: 5em;
    text-align: center;
}
.about-team-members .team-member {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 267px;
    margin-bottom: 2em;
    text-align: center;
}
.about-team-members .team-member-photo {
    max-width: 100%;
    height: auto;
    margin-bottom: .6em;
    border-radius: 50%;
    border: 5px solid #fff;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    cursor: pointer;
}
.about-team-members .team-member-photo:hover {
    box-shadow: 0 0 30px rgba(0,0,0,.25);
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.about-team-members .active .team-member-photo {
    box-shadow: 0 0 30px rgba(0,0,0,.35);
    border-color: #312924;
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
}
.about-team-members .team-member-meta .name,
.about-team-members .team-member-meta .title {
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    line-height: 1.4;
    -webkit-transition: opacity 200ms ease-in-out;
            transition: opacity 200ms ease-in-out;
}
.about-team-members .name {
    text-transform: uppercase;
}
.about-team-members .active .team-member-meta .name,
.about-team-members .active .team-member-meta .title {
    opacity: 0;
}
.about-team-members .team-member-bio {
    position: absolute;
    top: 149px;
    left: 0;
    width: 100%;
    opacity: 0;
    padding: 24px 20px;
    background: #312924;
    background: rgba(49, 41, 36, .95);
    border-radius: 5px;
    color: #f5ecd5;
    -webkit-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
}
.about-team-members .active .team-member-bio {
    display: block;
    top: 160px;
    z-index: 10;
    opacity: 1;
}
.about-team-members .team-member-bio:before {
    content: '';
    display: block;
    position: absolute;
    top: -13px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -13px;
    border-style: solid;
    border-width: 0 13px 13px 13px;
    border-color: transparent transparent #312924 transparent;
    border-color: transparent transparent rgba(49, 41, 36, .95) transparent;
}
.about-team-members .team-member-bio .name {
    color: #d2a332;
    margin: 0;
    font-size: 1.25em;
}
.about-team-members .team-member-bio .title {
    color: #d2a332;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
}
.about-team-members .team-member-bio .bio {
    margin-top: 1.25em;
    font-size: .75em;
    line-height: 1.6;
}
.about-team-hiring .big-blue-button {
    margin-top: .4em;
    padding: 10px 12px 4px;
    font-size: 1em !important;
}
.about-team-hiring .team-member-photo:hover {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
@media only screen and (max-width: 900px) {

    .about-team-members .team-members {
        margin-top: 3em;
    }
}
@media only screen and (max-width: 620px) {

    .about-team-members .team-member {
        width: 220px;
    }
}
@media only screen and (max-width: 500px) {

    .about-team-members .team-member {
        display: block;
        width: 100%;
        margin-bottom: 1em;
    }
    .about-team-members .team-member-photo {
        width: 100px;
        border-width: 3px;
    }
    .about-team-members .active .team-member-bio {
        top: 120px;
    }
}


/*  ==========================================================================
     11. BREWERY PAGE
    ==========================================================================  */

/*   11.1. Brewery Billboard
    --------------------------------------------------------------------------  */

.brewery-billboard {
    clear: both;
    background: #bb9230 url('images/bg-redox-mustard.jpg') repeat;
}
.brewery-billboard-wrap {
    position: relative;
    overflow: hidden;
    height: 800px;
    background-repeat: no-repeat;
    background-position: center 50px;
    box-shadow: inset 0 20px 50px rgba(69, 49, 26, .5);
}
.brewery-billboard .wrapper {
    padding-top: 335px;
}
.brewery-billboard-title {
    text-align: center;
}
.brewery-billboard-title h1 {
    color: #fff;
    font-family: 'Abraham Lincoln', Baskerville, Garamond, 'Times New Roman', serif;
    font-size: 6.4375em;
    font-weight: normal;
    text-transform: uppercase;
}
.brewery-billboard-title .subtitle {
    margin-top: -.3em;
    color: #fff;
    font-family: 'Abraham Lincoln', Baskerville, Garamond, 'Times New Roman', serif;
    font-size: 3.125em;
    font-weight: normal;
    text-transform: uppercase;
}
.brewery-billboard-title .subtitle span {
    position: relative;
    top: 6px;
    font-size: 1.2em;
}
.brewery-billboard-awards {
    display: none;
    position: relative;
    overflow: visible;
    margin-top: 110px;
}
.brewery-billboard-awards.owl-carousel{
    width: 90%;
}
.brewery-billboard-awards .award-item {
    position: relative;
    min-height: 90px;
    margin: 0 40px;
    padding: 10px 40px;
    text-align: center;
}
.brewery-billboard-awards .award-item a {
    color: #fff;
}
.brewery-billboard-awards .award-item .icon {
    position: absolute;
    top: 0;
    color: #c4a349;
    font-size: 5em;
}
.brewery-billboard-awards .award-item .icon-laurel-left {
    left: 0;
}
.brewery-billboard-awards .award-item .icon-laurel-right {
    right: 0;
}
.brewery-billboard-awards .award {
    color: #fff;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.125em;
    line-height: 1.3;
}

@media only screen and (min-width: 1100px) and (max-width: 1400px) {

    .brewery-billboard-awards.owl-carousel{
        width: 80%;
    }
}
@media only screen and (min-width: 880px) and (max-width: 1100px) {

    .brewery-billboard-awards.owl-carousel{
        width: 70%;
    }
    .brewery-billboard-title {
        padding-right: 30%;
    }
}

/* This element's position is moved via site.js < 880px */
@media only screen and (min-width: 880px) {

    .brewery-billboard .take-tour {
        position: absolute;
        top: 200px;
        right: 10%;
        z-index: 100;
        width: 228px;
    }
}
@media only screen and (max-width: 1460px) {

    .brewery-billboard .take-tour {
        right: 5%;
    }
}
@media only screen and (max-width: 880px) {

    .brewery-billboard-awards.owl-carousel{
        width: 100%;
    }
    .brewery-billboard-wrap {
        height: 740px;
    }
    .brewery-billboard-awards {
        margin-top: 34px;
    }
    .brewery-tour .take-tour {
        float: none;
        margin: 30px 0;
        border: 0;
    }
    .brewery-tour .take-tour-wrap {
        padding: 0;
        background: none;
        border: 0;
    }
    .brewery-tour .take-tour-directions {
        padding-top: 0;
        background: none;
    }
}
@media only screen and (max-width: 754px) {

    .brewery-billboard-wrap {
        height: 500px;
        background-position: center -90px;
    }
    .brewery-billboard .wrapper {
        padding-top: 170px;
    }
    .brewery-billboard-title h1 {
        font-size: 5em;
    }
    .brewery-billboard-title .subtitle {
        font-size: 2.75em;
    }
    .brewery-billboard-awards {
        max-width: 360px;
        margin: 34px auto 0;
    }
}
@media only screen and (max-width: 460px) {

    .brewery-billboard-wrap {
        height: 400px;
        background-size: 500px;
        background-position: center -50px;
    }
    .brewery-billboard .wrapper {
        padding-top: 156px;
    }
    .brewery-billboard-title h1 {
        font-size: 3.25em;
    }
    .brewery-billboard-title .subtitle {
        margin-top: -.6em;
        font-size: 1.875em;
    }
    .brewery-billboard-title .subtitle span {
        top: 4px;
    }
    .brewery-billboard-awards {
        margin: 15px auto 0;
    }
    .brewery-billboard-awards .award {
        font-size: 1em;
    }
}



/*   11.2. Brewery Events
    --------------------------------------------------------------------------  */

.brewery-events {
    padding: 40px 0;
    border-top: 4px solid #fff;
}
.brewery-events h2 {
    padding-bottom: .35em;
    background: url('images/border-ragged.png') no-repeat center bottom;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.75em;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
}
.brewery-events .gce-page-list {
    margin-top: 2em;
}
.brewery-events .event-item {
    float: left;
    width: 30%;
    margin-left: 3%;
}
.brewery-events .gce-feed {
    padding-bottom: 0;
}
.brewery-events .gce-list-title,
.brewery-events .start-time,
.brewery-events .end-time,
.brewery-events .location,
.brewery-events .description {
    display: none;
}
.brewery-events .date {
    color: #bb9230;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.125em;
    text-transform: uppercase;
}
.brewery-events .gce-feed .event-item .title h3 {
    margin-top: .25em;
    font-size: 1.25em;
    line-height: 1.4;
}
.brewery-events .gce-feed .event-item .title a {
    color: #312924;
}
.brewery-events .gce-feed .event-item .more {
    margin-top: .4em;
}
.brewery-events .gce-feed .event-item .more a {
    color: #bb9230;
}
.brewery-events .gce-feed .event-item .more a:hover {
    color: #312924;
}
@media only screen and (max-width: 920px) {

    .brewery-events .title {
        font-size: 1em;
    }
}

@media only screen and (max-width: 880px) {

    .brewery-events {
        border-top: 0;
    }
}
@media only screen and (max-width: 620px) {

    .brewery-events {
        padding: 30px 0;
    }
    .brewery-events h2 {
        font-size: 1.5em;
    }
    .brewery-events .event-item {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 1.5em;
        text-align: center;
    }
    .brewery-events .gce-event-day:first-child .event-item {
        margin-top: 0;
    }
    .brewery-events .date {
        font-size: 1em;
    }
    .brewery-events .title {
        line-height: 1.5;
    }
}

/*   11.3. Brewery Announcements
    --------------------------------------------------------------------------  */

.brewery-announce {
    position: relative;
    overflow: hidden;
    height: 560px;
    padding-top: 100px;
    border-top: 10px solid #bb9230;
    color: #fff;
}
.brewery-announce .wrapper {
    max-width: 860px;
}
.brewery-announce .background-img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1000px;
}
@media only screen and (min-width: 2000px) {

    .brewery-announce .background-img {
        left: 0;
        width: 100%;
        margin-left: 0;
    }
    .brewery-announce .background-img img {
        width: 100%;
        height: auto;
    }
}
@media only screen and (max-width: 870px) {

    .brewery-announce .background-img {
        margin-left: -687px;
    }
}
@media only screen and (max-width: 760px) {

    .brewery-announce {
        height: auto;
        padding: 40px 0;
    }
}


/*   11.4. Brewery Content Area 1
    --------------------------------------------------------------------------  */

.brewery-content1 {
    margin-bottom: 100px;
}
.brewery-content1 .wrapper {
    max-width: 860px;
}
@media only screen and (max-width: 820px) {

    .brewery-content1 {
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 360px) {

    .brewery-content1 {
        margin-bottom: 40px;
    }
}

/*  ==========================================================================
     12. BLOG
    ==========================================================================  */

.blog-wrap {
    padding: 0 0 60px;
}
@media only screen and (max-width: 870px) {
    .blog-wrap {
        padding: 0 0 10%;
    }
}

/*   12.1. Blog Billboard
    --------------------------------------------------------------------------  */

.blog-billboard {
    min-width: 300px;
    background: #14100e;
}
.blog-billboard,
.blog-slider,
.blog-slider .slide,
.blog-slider .slide-content {
    height: 700px;
}
.blog-slider {
    position: relative;
}
.blog-slider .background-img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1000px;
}
.blog-slider .post-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 30% 72px 8%;
}
.blog-slider .post-date {
    margin-bottom: .5em;
    color: #dad189;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.375em;
    text-transform: uppercase;
}
.blog-slider .post-title {
    margin-bottom: .5em;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 3.25em;
    text-transform: uppercase;
    line-height: 1.2;
}
.blog-slider .post-title a {
    color: #fff;
    color: rgba(255,255,255,.8);
}
.blog-slider .post-title a:hover {
    color: #fff;
    color: rgba(255,255,255,1);
}
.blog-slider .post-excerpt {
    margin-bottom: 1.5em;
    color: #fff;
    line-height: 1.5;
}
@media only screen and (min-width: 2000px) {

    .blog-slider .background-img {
        left: 0;
        width: 100%;
        margin-left: 0;
    }
    .blog-slider .background-img img {
        width: 100%;
        height: auto;
    }
}
@media only screen and (max-width: 1270px) {

    .blog-slider .post-content {
        padding: 0 12% 72px;
    }
}
@media only screen and (max-width: 1024px) {

    .blog-slider .post-content {
        padding: 0 15% 72px;
    }
    .blog-slider .post-title {
        font-size: 3em;
    }
}
@media only screen and (max-width: 870px) {
    .blog-billboard,
    .blog-slider,
    .blog-slider .slide,
    .blog-slider .slide-content {
        height: 500px;
    }
    .blog-slider .background-img {
        margin-left: -687px;
    }
    .blog-slider .slide-content {
        background: #000;
        background: rgba(0,0,0,.4);
    }
    .blog-slider .post-content {
        padding: 0 15% 72px;
    }
    .blog-slider .post-date {
        font-size: 1.125em;
    }
    .blog-slider .post-title {
        margin-bottom: .25em;
        font-size: 2.125em;
    }
    .blog-slider .post-excerpt {
        font-size: .875em;
    }
    .blog-slider .rsArrowIcn {
        font-size: 5em;
    }
}
@media only screen and (max-width: 600px) {
    .blog-billboard,
    .blog-slider,
    .blog-slider .slide,
    .blog-slider .slide-content {
        height: 400px;
    }
    .blog-slider .post-content {
        padding-bottom: 40px;
    }
    .blog-slider .post-date {
        font-size: 1em;
    }
    .blog-slider .post-title {
        font-size: 1.675em;
    }
    .blog-slider .post-excerpt {
        font-size: .875em;
    }
    .blog-slider .big-blue-button {
        font-size: 1em !important;
    }
    .blog-slider .rsArrow {
        margin-top: -48px;
    }
    .blog-slider .rsArrowIcn {
        font-size: 3.5em;
    }
    .blog-slider .rsNav {
        display: none;
    }
}
@media only screen and (max-width: 480px) {
    .blog-billboard,
    .blog-slider,
    .blog-slider .slide,
    .blog-slider .slide-content {
        height: 220px;
    }
    .blog-slider .background-img {
        margin-left: -275px;
    }
    .blog-slider .post-content {
        padding: 0 15% 30px;
    }
    .blog-slider .post-title {
        margin-bottom: .5em;
        font-size: 1.375em;
    }
    .blog-slider .post-excerpt {
        display: none;
    }
    .blog-slider .rsArrowIcn {
        font-size: 3em;
    }
}

/*   12.2. Blog List Navigation
    --------------------------------------------------------------------------  */

.blog-list-nav-wrap {
    margin-bottom: 60px;
    background: #000;
    background: rgba(0,0,0,.5);
}
.blog-list .blog-list-nav-wrap {
    background: #bb9230;
}
.blog-list-menu {
    padding-right: 94px;
}
.blog-list-menu .menu-item {
    position: relative;
    display: inline;
    list-style: none;
}
.blog-list-menu .menu-item a {
    display: inline-block;
    padding: 20px 30px 16px;
    color: #fff;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    -webkit-transition: background 100ms ease-in-out;
    transition: background 100ms ease-in-out;
}
.blog-list-menu .menu-item a:hover {
    background: #bb9230;
    background: rgba(0,0,0,.7);
}
.blog-list-menu .current-menu-item a,
.blog-list-menu .active a {
    background: #bb9230;
    background: rgba(0,0,0,.7);
}
.blog-list-menu .current-menu-item a:after,
.blog-list-menu .active a:after {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -11px;
    border-style: solid;
    border-width: 9px 11.5px 0 11.5px;
    border-color: #312924 transparent transparent transparent;
}
@media only screen and (max-width: 1024px) {

    .blog-list-nav-wrap {
        padding: 20px 0;
    }
    .blog-list-menu {
        padding-right: 0;
        text-align: center;
    }
    .blog-list-menu .current-menu-item a:after,
    .blog-list-menu .active a:after {
        display: none;
    }
}
@media only screen and (max-width: 600px) {

    .blog-list-menu .menu-item a {
        padding: 1em 1.5em .75em;
    }
}
@media only screen and (max-width: 380px) {

    .blog-list-menu .menu-item a {
        display: block;
        padding: .75em 1.5em .5em;
    }
}


/*   12.3. Blog List Search
    --------------------------------------------------------------------------  */

@media only screen and (min-width: 1024px) {
    .blog-list-search {
        position: absolute;
        top: 0;
        right: 5%;
    }
    .blog-list-search .search-form {
        display: none;
        position: absolute;
        top: 52px;
        right: 0;
        width: 406px;
    }
}
.blog-list-search .search-toggle {
    position: absolute;
    top: 0;
    right: 0;
    height: 52px;
    margin: 0;
    padding: 0 24px;
    background: #caae62;
    border: 0;
    color: #fff;
    font-size: 1.5em;
    -webkit-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    cursor: pointer;
}
.blog-list-search .search-toggle:hover {
    background: #9a6e05;
}
.blog-list-search .search-toggle:focus {
    outline: 0;
}
.blog-list-search .search-toggle.active {
    background: #312924;
}
.blog-list-search .search-form {
    position: relative;
    z-index: 1;
    background: #312924;
}
.blog-list-search .search-form label {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
.blog-list-search .search-form .field {
    display: inline-block;
    vertical-align: middle;
    width: 282px;
    height: 44px;
    margin: 20px 0 20px 20px;
    padding: 7px 14px;
    border: 4px solid #5aa1ae;
    color: #666;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1em;
    -webkit-transition: all 200ms linear;
            transition: all 200ms linear;
}
.blog-list-search .search-form .field:focus {
    outline: 0;
    border-color: #bb9230;
}
.blog-list-search .search-form .submit {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 84px;
    height: 44px;
    margin-right: 20px;
    padding: 0 15px;
    background: #5aa1ae;
    border: 0;
    color: #fff;
    font-size: .875em;
    cursor: pointer;
    -webkit-transition: all 200ms linear;
            transition: all 200ms linear;
}
.blog-list-search .search-form .submit:focus,
.blog-list-search .search-form .submit:hover {
    outline: 0;
    background: #bb9230;
}
@media only screen and (max-width: 1024px) {

    .blog-list-search .search-form {
        display: block !important;
    }
    .blog-list-search .search-toggle {
        display: none;
    }
    .blog-list-search .search-form {
        padding-top: 20px;
        background: transparent;
        text-align: center;
    }
    .blog-list-search .search-form .field {
        margin-top: 0;
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 520px) {

    .blog-list-search .search-form .field {
        display: block;
        width: 100%;
        margin: 0;
    }
    .blog-list-search .search-form form {
        position: relative;
    }
    .blog-list-search .search-form .submit {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 0;
    }
}

/*   12.4. Blog CTAs
    --------------------------------------------------------------------------  */

/* This element moves locations in the DOM @ 990px. See site.js.  */
.blog-ctas {
    padding-top: 50px;
    padding-bottom: 50px;
}

.blog-cta {
    float: left;
    width: 33%;
    padding: 0 3%;
    background: url('images/border-blog-ctas.png') no-repeat left center;
}
.blog-cta:first-child {
    background: none;
}
.blog-cta .in-season-cta {
    margin-top: 0;
}
.blog-cta.entry img {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
}
@media only screen and (max-width: 754px) {

    .blog-cta {
        float: none;
        width: 100%;
        margin-top: 40px;
        padding: 0;
        background-image: none;
    }
    .blog-cta:first-child {
        margin-top: 0;
    }
    .blog-cta .in-season-cta {
        float: none;
        margin: 0 auto;
    }
    .blog-cta-3 {
        max-width: 300px;
        margin: 40px auto 0;
    }
}


/*   12.5. Blog List
    --------------------------------------------------------------------------  */

.blog-list-header {
    margin-bottom: 60px;
    padding-bottom: 10px;
    border-top: 4px solid #bb9230;
    background: url('images/border-branches.png') no-repeat center bottom;
    text-align: center;
}
.blog-list-header h1 {
    display: inline-block;
    position: relative;
    top: -.65em;
    padding: 0 15px;
    background: #f5ecd5;
    color: #312924;
    font-family: 'Abraham Lincoln', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.25em;
    font-weight: normal;
    text-transform: uppercase;
}
.blog-list .post {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #d7c8ab;
}
.blog-list .post:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.blog-list .post-thumb {
    float: right;
    width: 45%;
    text-align: right;
    -webkit-transition: opacity 100ms ease-in-out;
            transition: opacity 100ms ease-in-out;
}
.blog-list .post-thumb img {
    max-width: 100%;
    height: auto;
    border: 6px solid #fff;
}
.blog-list .post-content {
    float: left;
    width: 50%;
    padding-top: 1em;
}
.blog-list .post-date {
    margin-bottom: .5em;
    color: #bb9230;
    font-size: .8125em;
    font-weight: bold;
}
.blog-list .post-title {
    margin-bottom: .25em;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.5em;
    letter-spacing: -1px;
}
.blog-list .post-title a {
    color: #312924;
}
.blog-list .post-title a:hover {
    color: #bb9230;
}
.blog-list .post-excerpt p {
    margin-bottom: 1.5em;
    font-size: .875em;
    line-height: 1.5;
}
.blog-list .post-cat,
.blog-list .post-cat a {
    color: #bb9230;
}
@media only screen and (max-width: 870px) {
    .blog-list-header {
        margin-bottom: 10%;
    }
    .blog-list .post-thumb,
    .blog-list .post-content {
        float: none;
        width: 100%;
    }
    .blog-list .post-thumb {
        margin-bottom: 1em;
        text-align: left;
    }
    .blog-list .post-content {
        padding-top: 0;
    }
}
.pagination-wrap {
    clear: both;
    min-width: 300px;
    margin-top: 60px;
    background: url('images/bg-redox-mustard.jpg') repeat;
}
.pagination {
    padding: 50px 0;
}
.pagination ol {
    display: table;
    margin: 0 auto;
    text-align: center;
}
.pagination li {
    display: inline-block;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.75em;
    line-height: 1;
}
.pagination .current-page {
    color: #f5ecd5;
    padding: 0 8px;
}
.pagination a {
    display: block;
    padding: 0 8px;
    color: #312924;
    letter-spacing: -1px;
}
.pagination a:hover {
    color: #f5ecd5;
}
@media only screen and (max-width: 760px) {
    .pagination {
        padding: 10% 0;
    }
}
@media only screen and (max-width: 400px) {
    .pagination .prev-link,
    .pagination .next-link {
        display: block;
    }
    .pagination .prev-link {
        margin-bottom: 10px;
    }
    .pagination .next-link {
        margin-top: 10px;
    }
    .pagination li {
        font-size: 1.5em;
    }
}

/*   12.6. Single Blog Post
    --------------------------------------------------------------------------  */

.blog-single-billboard .background-img {
    top: 0;
    margin-top: 0;
}
.blog-single-billboard .headline-line2 {
    font-weight: normal;
}
@media only screen and (min-width: 990px) {

    .page-billboard.blog-single-billboard {
        height: 560px;
    }
    .blog-single-billboard .caption {
        top: 242px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 990px) {

    .page-billboard.blog-single-billboard {
        height: 380px;
    }
    .blog-single-billboard .caption {
        top: 100px;
    }
}
@media only screen and (max-width: 480px) {

    .page-billboard.blog-single-billboard {
        height: 220px;
        border-bottom: 0;
    }
    .blog-single-billboard .caption {
        top: 50px;
    }
    .blog-single-billboard .headline-line2 {
        font-size: 1.5em;
    }
}
.blog-single {
    padding: 60px 0;
}
.blog-single .blog-main {
    float: left;
    width: 71.2962963%;
}
.blog-sidebar {
    float: right;
    width: 18.5185185%;
}
.blog-sidebar .widget {
    margin-top: 5em;
}
.blog-sidebar .widget:first-child {
    margin-top: 0;
}
.widget-title {
    font-size: 1.125em;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}
.events-widget ul,
.widget_recent_entries ul {
    margin-top: 1em;
}
.events-widget a,
.widget_recent_entries a {
    display: block;
    margin-top: .75em;
    padding-top: .75em;
    border-top: 1px solid #d8c8ac;
    color: #312924;
    font-size: .875em;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}
.events-widget li:first-child a,
.widget_recent_entries li:first-child a {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.events-widget a:hover,
.widget_recent_entries a:hover {
    color: #bb9230;
}
.events-widget .event-date {
    display: block;
    margin-bottom: .125em;
    color: #7a5a30;
    font-weight: 400;
}
@media only screen and (max-width: 940px) {

    .events-widget a,
    .widget_recent_entries a {
        font-size: .75em;
    }
}
@media only screen and (max-width: 800px) {

    .blog-single {
        padding: 30px 0;
    }
    .blog-single .blog-main {
        float: none;
        width: 100%;
    }
    .blog-sidebar {
        display: none;
    }
}


/*   12.7. Comments
    --------------------------------------------------------------------------  */

.comments {
    margin-top: 80px;
}
.comments ol,
.comments ul {
    list-style: none;
}
.comments-header .wrapper,
.comments-footer .wrapper {
    border-top: 4px solid #bb9230;
    text-align: center;
}
.comments-footer {
    margin-top: 4em;
}
.comments-count {
    display: inline-block;
    position: relative;
    top: -.65em;
    padding: 0 15px;
    background: #f5ecd5;
    color: #795a33;
    font-family: 'Abraham Lincoln', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.25em;
    font-weight: normal;
    text-transform: uppercase;
}
.comment {
    margin-bottom: 2em;
}
.comment-meta .avatar {
    float: left;
    margin-right: 1em;
    border: 2px solid #fff;
    border-radius: 48px
}
.comment-author {
    margin-top: .75em;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1em;
    text-transform: uppercase;
}
.comment-author a {
    color: #312924;
}
.comment-time a {
    color: #bb9230;
    font-size: .875em;
}
.comment-edit-link {
    color: red;
    font-size: .875em;
    font-weight: bold;
    text-transform: uppercase;
}
.comment-text {
    margin-top: .5em;
}
.comment-text p {
    font-size: .875em;
    line-height: 1.5;
}
.comments .children {
    padding-left: 8%;
}
.comment-reply-title {
    margin-bottom: .4em;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.75em;
    font-weight: normal;
}
.comment-reply-link {
    display: block;
    margin-top: .8em;
    opacity: .4;
    color: #312924;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: .875em;
    text-transform: uppercase;
    -webkit-transition: opacity 100ms linear;
    transition: opacity 100ms linear;
}
.comment-reply-link:hover {
    opacity: 1;
}
.comments-list .comment-respond {
    margin-bottom: 2em;
}
.comments-list .comment-reply-title {
    font-size: 1.5em;
}
.comments-list .comment-reply-title small {
    float: right;
    margin-top: .6em;
    font-size: 60%;
    text-transform: uppercase;
}
.comments-list .comment-reply-title a {
    color: #bb9230;
}
@media only screen and (max-width: 480px) {

    .comment-meta .avatar {
        width: 48px;
        height: 48px;
        margin-right: .5em;
    }
    .comment-author {
        margin-top: .6em;
        font-size: .875em;
    }
    .comment-time a,
    .comment-text p {
        font-size: .75em;
    }
}

/*   12.8. Sidebar
    --------------------------------------------------------------------------  */

.widget_gce_widget .gce-navbar a {
    color: #312924;
    font-family: 'Abraham Lincoln', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.5em;
    text-transform: uppercase;
}
.widget_gce_widget .gce-navbar a:hover {
    color: #bb9230;
}
.widget_gce_widget .gce-prev,
.widget_gce_widget .gce-next {
    float: none;
    display: inline-block;
    margin: 0 .5em;
}
.widget_gce_widget .gce-prev a:before {
    content: '←';
    display: inline-block;
    margin-right: .125em;
}
.widget_gce_widget .gce-next a:after {
    content: '→';
    display: inline-block;
    margin-left: .125em;
}
.widget_gce_widget .gce-list-grouped .gce-event-day .gce-feed {
    float: none;
    width: 100%;
    padding: .75em 0;
}
.widget_gce_widget .gce-list-title {
    font-size: 1em;
}
.widget_gce_widget .gce-feed .event-item {
    text-align: center;
}
.widget_gce_widget .gce-feed .event-item .date {
    display: none;
}
.widget_gce_widget .gce-feed .event-item .title h3 {
    font-size: 1em;
    line-height: 1.5;
}
.widget_gce_widget .gce-feed .event-item .more {
    margin-top: .125em;
    font-size: .875em;
    font-weight: bold;
}
.widget_gce_widget .gce-feed .event-item .more a {
    color: #bb9230;
}
.widget_gce_widget .gce-feed .event-item .more a:hover {
    color: #45311a;
}


/*  ==========================================================================
     13. PAGE FOOTERS
    ==========================================================================  */

/*   13.1. Up Next
    --------------------------------------------------------------------------  */

.page-footer-upnext {
    position: relative;
    overflow: hidden;
    padding: 60px 0;
    background: #312924;
    border-top: 10px solid #bb9230;
    text-align: center;
    color: #f5ecd5;
}
.page-footer-upnext .wrapper {
    max-width: 400px;
}
.page-footer-upnext .background-img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -400px;
    margin-left: -1000px;
    opacity: .25;
}
.page-footer-upnext h3 {
    margin-bottom: .75em;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.5em;
    font-weight: normal;
    text-transform: uppercase;
}
.page-footer-upnext p {
    margin-top: 1.75em;
}
@media only screen and (min-width: 2000px) {

    .page-footer-upnext .background-img {
        width: 100%;
        left: 0;
        margin-left: 0;
    }
    .page-footer-upnext .background-img img {
        width: 100%;
        height: auto;
    }
}
@media only screen and (max-width: 1375px) {

    .page-footer-upnext {
        padding: 40px 0;
    }
    .page-footer-upnext .background-img {
        margin-top: -275px;
        margin-left: -687px;
    }
}
@media only screen and (max-width: 550px) {

    .page-footer-upnext {
        padding: 30px 0;
    }
    .page-footer-upnext .background-img {
        margin-top: -110px;
        margin-left: -275px;
    }
}


/*   13.2. Visit Store/Restaurant
    --------------------------------------------------------------------------  */

.page-footer-store-rest {
    min-height: 332px;
    background: #312924 url('images/bg-footer-store-rest.jpg') no-repeat center top;
    border-top: 2px solid #8b714d;
    border-bottom: 2px solid #8b714d;
}
.page-footer-store-rest .big-blue-button {
    padding: 15px 22px 9px;
    font-size: 1.125em !important;
}
.page-footer-store-rest .store,
.page-footer-store-rest .rest {
    float: left;
    width: 50%;
}
.page-footer-store-rest .store {
    padding-top: 45px;
    text-align: center;
}
.page-footer-store-rest .store p {
    margin-top: 1em;
}
.page-footer-store-rest .logo,
.page-footer-store-rest .cta {
    text-align: center;
}
.page-footer-store-rest .logo {
    float: left;
    width: 52%;
}
.page-footer-store-rest .cta {
    float: right;
    width: 48%;
}
.page-footer-store-rest .rest {
    padding-top: 180px;
}
.page-footer-store-rest .logo img {
    width: 195px;
    opacity: .8;
}
.page-footer-store-rest .logo p {
    margin-top: 1em;
    color: #d8cfb9;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: .875em;
    font-style: italic;
}
.page-footer-store-rest .cta p {
    padding-top: 30px;
}
@media only screen and (min-width: 2000px) {

    .page-footer-store-rest {
        background-size: cover;
    }
}
@media only screen and (max-width: 1024px) {
    .page-footer-store-rest {
        background-position: -550px top;
    }
    .page-footer-store-rest .store {
        width: 30%;
    }
    .page-footer-store-rest .rest {
        width: 70%;
    }
    .page-footer-store-rest .logo {
        width: 65%;
    }
    .page-footer-store-rest .cta {
        width: 35%;
    }

}
@media only screen and (max-width: 920px) {
    .page-footer-store-rest .rest {
        float: right;
        width: 65%;
    }
}
@media only screen and (max-width: 830px) {
    .page-footer-store-rest {
        padding: 30px 0 70px;
        background-position: left top;
        background-size: cover;
    }
    .page-footer-store-rest .store,
    .page-footer-store-rest .rest {
        float: none;
        width: auto;
        max-width: 500px;
        margin: 0 auto;
    }
    .page-footer-store-rest .store {
        padding-top: 0;
    }
    .page-footer-store-rest .store img {
        float: right;
    }
    .page-footer-store-rest .store p {
        float: left;
        margin-top: 70px;
    }
    .page-footer-store-rest .rest {
        padding-top: 0;
    }
}
@media only screen and (max-width: 530px) {
    .page-footer-store-rest .store img,
    .page-footer-store-rest .store p {
        float: none;
    }
    .page-footer-store-rest .store p {
        margin-top: 0;
    }
    .page-footer-store-rest .rest {
        margin-top: 40px;
    }
    .page-footer-store-rest .rest .logo,
    .page-footer-store-rest .rest .cta {
        float: none;
        width: 100%;
    }
    .page-footer-store-rest .rest .cta p {
        padding-top: 20px;
    }
}

/*   13.3. Visit Store/Beers
    --------------------------------------------------------------------------  */

.page-footer-store-beer {
    min-height: 332px;
    background: #312924 url('images/bg-footer-store-beer.jpg') no-repeat center top;
    border-top: 2px solid #8b714d;
    border-bottom: 2px solid #8b714d;
}
.page-footer-store-beer .big-blue-button {
    padding: 15px 22px 9px;
    font-size: 1.125em !important;
}
.page-footer-store-beer .store,
.page-footer-store-beer .beer {
    float: left;
    width: 50%;
}
.page-footer-store-beer .store {
    padding-top: 45px;
    text-align: center;
}
.page-footer-store-beer .store p {
    margin-top: 1em;
}
.page-footer-store-beer .beer .big-blue-button {
    position: relative;
    top: 230px;
    left: 250px;;
}
@media only screen and (min-width: 2000px) {

    .page-footer-store-beer {
        background-size: cover;
    }
}
@media only screen and (max-width: 1024px) {
    .page-footer-store-beer .beer {
        background-position: -690px top;
    }
    .page-footer-store-beer .store {
        width: 30%;
    }
    .page-footer-store-beer .store .big-blue-button {
        position: relative;
        top: -38px;
    }
    .page-footer-store-beer .store {
        width: 40%;
    }
    .page-footer-store-beer .beer {
        float: right;
        width: 45%;
    }
    .page-footer-store-beer .beer .big-blue-button {
        top: 210px;
        left: 25px;
    }
}
@media only screen and (max-width: 560px) {
    .page-footer-store-beer .beer {
        padding-bottom: 35px;
        background-position: left top;
        background-size: cover;
    }
    .page-footer-store-beer .store,
    .page-footer-store-beer .beer {
        float: none;
        width: 100%;
    }
    .page-footer-store-beer .store {
        padding-top: 30px;
    }
    .page-footer-store-beer .beer {
        text-align: center;
    }
    .page-footer-store-beer .beer .big-blue-button {
        top: -15px;
        left: auto;
    }
}

/*   13.4. Smutty Swag
    --------------------------------------------------------------------------  */

.page-footer-swag {
    min-height: 328px;
    background: #312924 url('images/bg-footer-smuttyswag.jpg') no-repeat center top;
    border-top: 2px solid #8b714d;
    border-bottom: 2px solid #8b714d;
    box-shadow: 0 0 100px rgba(0,0,0,.5) inset,
                        0 0 50px rgba(0,0,0,.5) inset;
}
.page-footer-swag-cta {
    max-width: 280px;
    margin: 80px auto 0;
    text-align: center;
}
.page-footer-swag-cta h2 {
    margin-bottom: .5em;
    background: url('images/border-swag-logo.png') no-repeat center 55px;
    color: #fff;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2.3125em;
    font-weight: normal;
    text-transform: uppercase;
    line-height: .9;
}
.page-footer-swag-cta h2 em {
    position: relative;
    top: .15em;
    font-size: 130%;
    font-style: normal;
}
.page-footer-swag-cta h2 em:last-of-type {
    left: .15em;
}
.page-footer-swag-cta h2 span {
    display: block;
    font-family: 'Abraham Lincoln', Baskerville, Garamond, 'Times New Roman', serif;
    font-size: 85%;
}
@media only screen and (min-width: 2000px) {

    .page-footer-swag {
        background-position: center center;
        background-size: cover;
    }
}


/*   13.5. Store
    --------------------------------------------------------------------------  */

.page-footer-store {
    min-height: 328px;
    background: #312924 url('images/bg-footer-store.jpg') no-repeat center top;
    border-top: 2px solid #8b714d;
    border-bottom: 2px solid #8b714d;
    box-shadow: 0 0 100px rgba(0,0,0,.5) inset,
                        0 0 50px rgba(0,0,0,.5) inset;
}
.page-footer-store .text {
    float: left;
    width: 50%;
    text-align: center;
}
.page-footer-store .text p {
    margin-top: 28%;
    color: #fff;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.125em;
    text-transform: uppercase;
}
.page-footer-store .cta {
    float: right;
    width: 50%;
    text-align: center;
}
.page-footer-store .logo {
    width: 238px;
    margin-top: 14%;
    margin-bottom: 24px;
}
@media only screen and (min-width: 2000px) {

    .page-footer-store {
        background-position: center bottom;
        background-size: cover;
    }
}
@media only screen and (max-width: 580px) {

    .page-footer-store .text,
    .page-footer-store .cta {
        float: none;
        width: 100%;
    }
    .page-footer-store .text {
        padding-top: 40px;
    }
    .page-footer-store .cta {
        padding-top: 20px;
    }
    .page-footer-store .text p,
    .page-footer-store .logo {
        margin-top: 0;
    }
    .page-footer-store .logo {
        width: 200px;
    }
}


/*  ==========================================================================
     14. BEER SINGLE PAGE
    ==========================================================================  */

.beer-billboard {
    position: relative;
    height: 560px;
}
.beer-billboard .background-img {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1000px;
}
.beer-billboard .caption {
    position: relative;
    top: 300px;
    color: #fff;
    text-align: center;
}
.beer-billboard.dark-bg .caption {
    color: #fff;
}
.beer-billboard.light-bg .caption {
    color: #312924;
}
.beer-billboard h1 {
    color: #fff;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2.875em;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0 0 10px rgba(0,0,0,.3);
    line-height: 1.1;
}
.beer-subnav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.5);
}
.beer-submenu {
    text-align: center;
}
@media only screen and (min-width: 740px) {

    .beer-submenu li {
        position: relative;
        display: inline-block;
        margin: 0 1.5em;
        text-align: center;
    }
    .beer-submenu a {
        display: block;
        padding: 1.2em 0 1em;
        color: #fff;
        font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
        font-size: 1.25em;
    }
    .beer-submenu a:hover {
        color: #bb9230;
    }
    .beer-submenu .current-menu-item:after {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -14px;
        border-style: solid;
        border-width: 8px 14px 0 14px;
        border-color: #1b1c1d transparent transparent transparent;
    }
    .beer-subnav-toggle {
        display: none;
    }
}
@media only screen and (max-width: 1068px) {

    .beer-submenu li {
        margin: 0 1.125em;
    }
    .beer-submenu a {
        font-size: 1.125em;
    }
    .beer-submenu .current-menu-item:after {
        bottom: -7px;
    }
}
@media only screen and (max-width: 1024px) {

    .beer-billboard,
    .beer-billboard img {
        height: 400px;
    }
    .beer-billboard .background-img {
        margin-left: -714px;
    }
    .beer-billboard .caption {
        top: 216px;
    }
    .beer-billboard h1 {
        font-size: 2.125em;
    }
}
@media only screen and (max-width: 932px) {

    .beer-submenu li {
        margin: 0 .5em;
    }
    .beer-submenu a {
        font-size: 1em;
    }
    .beer-submenu .current-menu-item:after {
        bottom: -8px;
    }
}
@media only screen and (max-width: 740px) {

    .beer-billboard,
    .beer-billboard img {
        height: 220px;
    }
    .beer-billboard .background-img {
        margin-left: -392px;
    }
    .beer-submenu {
        display: none;
    }
    .beer-billboard .caption {
        top: 100px;
    }
    .beer-billboard h1 {
        font-size: 1.875em;
    }
}
.beer-main-content {
    margin-top: 80px;
}
@media only screen and (max-width: 1024px) {

    .beer-main-content {
        margin-top: 60px;
    }
}
@media only screen and (max-width: 800px) {

    .beer-main-content {
        margin-top: 40px;
    }
}
@media only screen and (max-width: 480px) {

    .beer-main-content {
        margin-top: 30px;
    }
}
.beer-featured-img {
    float: left;
    width: 45%;
    background: url(images/bg-beer-feat-img.png) no-repeat center top;
    text-align: center;
}
.beer-featured-img img {
    background: #292519;
    border: 6px solid #292519;
    border-radius: 6px;
    -webkit-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
            transform: rotate(-2deg);
}
.beer-featured-img .hashtag {
    position: relative;
    margin-top: 20px;
}
.beer-featured-img .hashtag p {
    position: relative;
    z-index: 10;
    display: inline-block;
    width: 250px;
    height: 36px;
    background: #6b503c;
    color: #f5ecd5;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 36px;
}
.beer-featured-img .hashtag:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 50%;
    z-index: 0;
    width: 240px;
    height: 36px;
    margin-left: -120px;
    background: #67a181;
    -webkit-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
            transform: rotate(-2deg);
}
.beer-description {
    float: right;
    width: 50%;
    margin-left: 5%;
}
.beer-description .headline {
    margin-bottom: .75em;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2em;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.beer-description .description p,
.beer-description .description li {
    font-size: .875em;
    line-height: 1.5;
}
.beer-description .beer-excerpt {
    margin-bottom: 1em;
}
.beer-description .video {
    position: relative;
    float: right;
    margin: 0 0 1em 1.25em;
    border: 2px solid #bb9230;
}
.beer-description .video .icon {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    background: #000;
    background: rgba(0,0,0,.7);
    border-radius: 3px;
    color: #fafafa;
    font-size: 1.5em;
    text-align: center;
    -webkit-transition: all 100ms linear;
            transition: all 100ms linear;
}
.beer-description .video:hover .icon {
    background: #bb9230;
    background: rgba(187, 146, 48, .9);
}
.beer-description .video .icon:before {
    vertical-align: middle;
    line-height: 50px;
}
.beer-description .video img {
    display: block;
    width: 200px;
}
.beer-description .beer-more-toggle {
    display: block;
    margin-top: 1em;
    cursor: pointer;
}
.beer-description .beer-more-toggle a {
    display: inline-block;
    padding: .4em 1em;
    background: #bb9230;
    color: #f5ecd5;
    font-size: .875em;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all 100ms linear;
            transition: all 100ms linear;
}
.beer-description .beer-more-toggle a:hover {
    background: #312924;
}
.beer-description .beer-read-more {
    overflow: hidden;
    height: 0;
}
.beer-description .beer-read-more.visible {
    display: inline !important;
}
.beer-description .availability {
    margin-top: 2em;
}
.beer-description .availability h3 {
    font-size: 1.125em;
    font-weight: normal;
    text-transform: uppercase;
}
.beer-description .availability p {
    margin-top: 1em;
    font-size: .875em;
    line-height: 1.5;
}
.beer-description .beer-finder {
    margin-top: 1.5em;
    padding: 15px;
    background: url(images/bg-spatter-mustard.png) no-repeat;
    background-size: cover;
}
.beer-description .beer-finder .search {
    float: left;
    width: 48%;
    text-align: center;
}
.beer-description .beer-finder-zip-search {
    display: inline-block;
    margin-top: 23px;
}
.beer-description .beer-finder-zip-search .search-button {
    color: #312924;
}
.beer-description .beer-finder .bring-it {
    float: right;
    width: 48%;
    color: #fff;
    text-align: center;
}
.beer-description .beer-finder .bring-it h2 {
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: .875em;
    text-transform: uppercase;
}
.beer-description .beer-finder .bring-it .big-blue-button {
    margin-top: .5em;
    padding-top: 10px;
    font-size: 1em !important;
}
@media only screen and (max-width: 1024px) {

    .beer-featured-img {
        width: 30%;
        background: none;
    }
    .beer-featured-img .hashtag p {
        width: 200px;
        font-size: 1.25em;
    }
    .beer-featured-img .hashtag:after {
        top: 2px;
        width: 180px;
        height: 36px;
        margin-left: -90px;
    }
    .beer-description {
        width: 65%;
    }
}
@media only screen and (max-width: 800px) {

    .beer-featured-img,
    .beer-description {
        float: none;
        width: 100%;
        margin: 0;
    }
    .beer-featured-img {
        display: none;
    }
    .beer-description .headline {
        font-size: 1.75em;
    }
}
@media only screen and (max-width: 480px) {

    .beer-description .headline {
        font-size: 1.375em;
    }
    .beer-description .video {
        display: inline-block;
        float: none;
        width: 204px;
        margin: 0 0 1em;
        border: 2px solid #bb9230;
    }
    .beer-description .availability p,
    .beer-description .description p,
    .beer-description .description li {
        font-size: .75em;
    }
    .beer-description .beer-more-toggle {
        margin-top: 0;
    }
}
@media only screen and (max-width: 460px) {

    .beer-description .beer-finder {
        padding: 20px 10px;
    }
    .beer-description .beer-finder .search,
    .beer-description .beer-finder .bring-it {
        float: none;
        width: 100%;
    }
    .beer-description .beer-finder-zip-search {
        margin-top: 0;
    }
    .beer-description .beer-finder .bring-it {
        margin-top: 1.5em;
    }
}
.beer-stats {
    margin-top: 80px;
    border-top: 3px solid #bb9230;
}
@media only screen and (max-width: 480px) {

    .beer-stats {
        margin-top: 60px;
    }
}
.beer-stats-header {
    margin-bottom: 10px;
    text-align: center;
}
.beer-stats-header h2 {
    display: inline-block;
    position: relative;
    top: -.6em;
    margin: 0 auto;
    padding: 0 20px 20px;
    background: #f5ecd5 url('images/border-branches-sm.png') no-repeat center bottom;
    font-family: 'Abraham Lincoln', Baskerville, Garamond, 'Times New Roman', serif;
    font-size: 1.875em;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}
.beer-stats-sec1,
.beer-stats-sec2,
.beer-stats-sec3 {
    float: left;
    width: 33%;
    min-height: 181px;
    padding: 0 3%;
    text-align: center;
}
.beer-stats-sec2,
.beer-stats-sec3 {
    background: url('images/border-vert-brn-grad.png') no-repeat top left;
}
.beer-stats h3 {
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.0625em;
}
.beer-stats p {
    margin-bottom: 1em;
    font-size: .875em;
    line-height: 1.4;
}
.beer-stats-sec1 div {
    float: left;
    width: 42%;
    margin-top: 15px;
}
.beer-stats-sec1 div:first-child {
    margin-left: 8%;
}
.beer-stats .beer-stats-sec1 h3 {
    position: relative;
    top: 68px;
    width: 72px;
    height: 22px;
    margin: 0 auto;
    padding-top: 4px;
    font-size: 1em;
    background: url('images/bg-stats-abv-ibu.png') no-repeat center center;
}
.beer-stats .beer-stats-sec1 p {
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2.625em;
}
@media only screen and (min-width: 660px) and (max-width: 820px) {
    .beer-stats-sec1 div {
        position: relative;
        float: none;
        top: -60px;
        width: 100%;
        margin: 0;
    }
    .beer-stats-sec1 div:first-child {
        top: -20px;
        margin-left: 0;
    }
}
@media only screen and (max-width: 660px) {
    .beer-stats-sec1,
    .beer-stats-sec2,
    .beer-stats-sec3 {
        float: none;
        width: 100%;
        min-height: 0;
        background-image: none;
    }
    .beer-stats-sec1 div {
        margin-top: 0;
    }
}
.beer-test-pairings {
    position: relative;
    overflow: hidden;
    min-height: 560px;
    margin-top: 20px;
    background-color: #312924;
    background-position: center center;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 2000px) {

    .beer-test-pairings {
        background-size: cover;
    }
}
.beer-test-pairings .beer-testimonial {
    max-width: 500px;
    margin: 100px auto 0;
    color: #fff;
    text-align: center;
}
.beer-test-pairings .beer-testimonial p {
    font-size: 1.5em;
    line-height: 1.4;
}
.beer-test-pairings .beer-testimonial cite {
    display: block;
    margin-top: .5em;
    font-size: 1em;
    font-style: normal;
}
.beer-test-pairings .beer-pairings {
    margin-bottom: 44px;
}
.beer-test-pairings .beer-pairings h2 {
    margin-top: 100px;
    color: #fc6666;
    font-family: 'Abraham Lincoln', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.5em;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}
.beer-test-pairings .beer-pairings h2 span {
    display: block;
    color: #fff;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.25rem;
}
.beer-test-pairings .pairings {
    margin-top: 30px;
}
.beer-test-pairings .pairings li {
    float: left;
    color: #fff;
    font-size: 1em;
    line-height: 1.5;
    text-align: center;
}
.beer-test-pairings .pairings-5 li {
    width: 20%;
    padding: 0 2%;
}
.beer-test-pairings .pairings-4 li {
    width: 25%;
    padding: 0 2%;
}
.beer-test-pairings .pairings-3 li {
    width: 33.333333333%;
    padding: 0 2%;
}
.beer-test-pairings .pairings-2 {
    max-width: 680px;
    margin: 30px auto 0;
}
.beer-test-pairings .pairings-2 li {
    width: 50%;
    padding: 0 2%;
}
.beer-test-pairings .pairings-1 li {
    width: 100%;
    padding: 0 2%;
}
@media only screen and (max-width: 760px) {

    .beer-test-pairings .beer-testimonial {
        margin-top: 80px;
    }
    .beer-test-pairings .beer-pairings h2 {
        margin-top: 80px;
    }
    .beer-test-pairings .pairings {
        margin-top: 10px;
    }
    .beer-test-pairings li {
        float: none !important;
        width: 100% !important;
    }
}
@media only screen and (max-width: 600px) {

    .beer-test-pairings .beer-testimonial {
        margin-top: 40px;
    }
    .beer-test-pairings .beer-testimonial p {
        font-size: 1.25em;
    }
    .beer-test-pairings .beer-testimonial cite {
        margin-top: 1em;
        font-size: .875em;
    }
    .beer-test-pairings .beer-pairings h2 {
        margin-top: 40px;
    }
}
.beer-social {
    margin-top: 76px;
}
.beer-social .twitter {
    position: relative;
    float: left;
    width: 50%;
    padding: 28px 5% 28px 0;
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: center;
}
.beer-social .twitter p:before,
.beer-social .twitter p:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 100px;
    height: 3px;
    margin-left: -50px;
    background: #bb9230;
}
.beer-social .twitter p:before {
    top: 0;
}
.beer-social .twitter p:after {
    bottom: 0;
}
.beer-social .twitter small {
    display: block;
    margin-top: .5em;
    font-size: .875rem;
    font-weight: bold;
}
.beer-social .twitter a {
    color: #312924;
    text-decoration: underline;
}
.beer-social .twitter a:hover {
    color: #bb9230;
}
@media only screen and (max-width: 1024px) {

    .beer-social .twitter {
        padding: 0 5% 0 0;
        font-size: 1.25em;
    }
    .beer-social .twitter p:before,
    .beer-social .twitter p:after {
        display: none;
    }
}
@media only screen and (max-width: 760px) {

    .beer-social .twitter {
        padding: 0  ;
    }
}
@media only screen and (max-width: 480px) {

    .beer-social .twitter {
        font-size: 1.125em;
    }
}
.beer-social .instagram {
    float: right;
    width: 50%;
}
.beer-social .instagram-feed {
    list-style: none;
}
.instagram-feed-item {
    position: relative;
    float: left;
    width: 33.33333333%;
    background: #312924;
    border: 3px solid #312924;
    border-radius: 3px;
    box-shadow: 3px 3px 10px rgba(0,0,0,.4);
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}
.instagram-feed-item a {
    position: relative;
    z-index: 100;
}
.instagram-feed-item:nth-child(1) {
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
        transform: rotate(-2deg);
}
.instagram-feed-item:nth-child(1):hover {
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
}
.instagram-feed-item:nth-child(2) {
    top: -10px;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
        transform: rotate(2deg);
}
.instagram-feed-item:nth-child(2):hover {
    top: -10px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
        transform: rotate(5deg);
}
.instagram-feed-item:nth-child(3) {
    left: -12px;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
        transform: rotate(-2deg);
}
.instagram-feed-item:nth-child(3):hover {
    left: -12px;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
}
.instagram-feed-item img {
    display: block;
    position: relative;
    z-index: 2;
    width: 180px;
    height: auto;
}
.beer-social .instagram .hashtag {
    display: block;
    margin-top: 30px;
    color: #312924;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}
.beer-social .instagram .hashtag:hover {
    color: #bb9230;
}
.beer-social .social-links {
    text-align: center;
}
.beer-social .social-links .icons {
    margin-top: 10px;
}
.beer-social .social-links .icon {
    display: inline-block;
    margin: 0 .15em;
    color: #312924;
    font-size: 2em;
}
.beer-social .social-links .icon:hover {
    color: #bb9230;
}
@media only screen and (max-width: 760px) {

    .beer-social {
        margin-top: 40px;
    }
    .beer-social .twitter,
    .beer-social .instagram {
        float: none;
        width: 100%;
    }
    .beer-social .instagram {
        margin-top: 50px;
    }
    .beer-social .instagram-feed {
        max-width: 558px;
        margin: 0 auto;
    }
}
.beer-line {
    margin: 60px 0;
}
.beer-line .wrapper {
    border-top: 4px solid #bb9230;
}

/*   14.1. Smuttlabs Modal
    --------------------------------------------------------------------------  */

.smuttlabs-modal-label {
    border-radius: 6px 6px 0 0;
}
.smuttlabs-modal-name,
.smuttlabs-modal-desc {
    padding-right: 5%;
    padding-left: 5%;
}
.smuttlabs-modal-name {
    margin-bottom: .5em;
    padding-top: 35px;
    color: #bb9230;
    font-family: 'Abraham Lincoln', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 3.375em;
    font-weight: normal;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}
.smuttlabs-modal-desc {
    padding-bottom: 35px;
}

/*  ==========================================================================
     16. GLOBAL UI
    ==========================================================================  */

/*   16.1. Buttons
    --------------------------------------------------------------------------  */

.big-blue-button,
.big-brown-button {
    display: inline-block;
    padding: 12px 34px 4px 34px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-bottom: -.25em;
    color: #fff !important;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.25em !important;
    text-transform: uppercase;
    -webkit-appearance: none;
    -webkit-transition: all 100ms ease-in-out;
            transition: all 100ms ease-in-out;
}
.big-blue-button {
    background-color: #5aa1ae;
}
.big-brown-button {
    background-color: #bb9230;
}
.big-blue-button:hover {
    background-color: #3b8b9a;
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.big-brown-button:hover {
    background-color: #9c761c;
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
@media only screen and (max-width: 360px) {
    .big-blue-button,
    .big-brown-button {
        display: block;
        width: 100%;
        text-align: center;
    }
}

/*   16.2. Small Post Feed
    --------------------------------------------------------------------------  */

.post-feed-small {
    position: relative;
}
.post-feed-small-item {
    margin-top: 1.5em;
}
.post-feed-small-details {
    float: left;
    width: 100%;
    margin-left: -75px;
}
.post-feed-small-details div {
    margin-left: 75px;
}
.post-feed-small-title {
    margin-bottom: .5em;
    color: #45311a;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    line-height: 1.3;
}
.post-feed-small-title a {
    color: inherit;
}
.post-feed-small-more {
    color: #bb9230;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
}
.post-feed-small-more:hover {
    color: #312924;
}

/*   16.3. Beer Shelves
    --------------------------------------------------------------------------  */

.beer-shelf-wrap {
    min-width: 300px;
}
.no-touch .beer-shelf .owl-stage-outer {
    overflow: visible !important;
}
.beer-shelf-item {
    text-align: center;
}
.beer-shelf-item .bottle {
    position: relative;
    max-width: 140px;
    margin: 0 auto;
}
.beer-shelf-item .bottle:before {
    content: "";
    display: block;
    position: relative;
    left: 15px;
    width: 108px;
    height: 35px;
}
.beer-shelf-item .in-season:before {
    background: url(images/tag-in-season.png) no-repeat center center;
    background-size: 108px;
}
.beer-shelf-item .bottle:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -40px;
    left: -16px;
    width: 212px;
    height: 109px;
    z-index: 0;
    background: url(images/beer-bottle-shadow.png) no-repeat center center;
}
.beer-shelf-item a {
    color: #312924;
}
.beer-shelf-item .product-img {
    display: block;
    position: relative;
    z-index: 1;
    max-width: 100%;
    width: auto !important;
    margin: 0 auto;
}
.beer-shelf-name {
    margin-top: 1em;
    padding: 0 .5em;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.5em;
}
.beer-shelf-item .more {
    margin: 1em 0 0;
}
.beer-shelf-item .more a {
    padding: 10px 15px 5px 15px;
    font-size: 1em !important;
}
.beer-shelf-item .more {
    display: inline-block;
    padding: 10px 15px 5px 15px;
    background-color: #5aa1ae;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1em;
    text-transform: uppercase;
    -webkit-transition: background-color 100ms ease-in-out;
    transition: background-color 100ms ease-in-out;
}
.beer-shelf-item .more:hover {
    background-color: #3b8b9a;
}
.beer-shelf .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -50px;
}
.beer-shelf .owl-prev,
.beer-shelf .owl-next {
    position: absolute;
    opacity: .7;
    color: #000;
    font-size: 5em;
    line-height: 1;
    -webkit-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
}
.beer-shelf .owl-prev:hover,
.beer-shelf .owl-next:hover {
    opacity: 1;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.beer-shelf .owl-prev {
    left: 5%;
}
.beer-shelf .owl-next {
    right: 5%;
}
.beer-shelf .owl-prev.disabled,
.beer-shelf .owl-next.disabled {
    opacity: 0;
}
@media only screen and (max-width: 768px) {

    .beer-shelf-item .product-img {
        width: auto;
        height: 400px;
    }
    .beer-shelf-item .bottle:after {
        bottom: -30px;
        left: 12px;
        width: 150px;
        height: 77px;
        background-size: 150px;
    }
    .beer-shelf-name {
        margin-top: 1.5em;
        font-size: 1.25em;
    }
    .beer-shelf-item .more {
        margin: .75em 0 0;
    }
}
@media only screen and (max-width: 380px) {

    .beer-shelf-item .product-img {
        height: 300px;
    }
    .beer-shelf-item .bottle:after {
        bottom: -20px;
        left: 18px;
        width: 120px;
        height: 62px;
        background-size: 120px;
    }
    .beer-shelf-name {
        font-size: 1.125em;
    }
    .beer-shelf-item .more {
        font-size: .875em;
    }
}

/*   16.4. Beer Shelf Headers
    --------------------------------------------------------------------------  */

.beer-shelf-header {
    text-align: center;
}
.beer-shelf-header-full-time .tagline {
    display: inline-block;
    position: relative;
    top: -.65em;
    padding: 0 15px;
    background: #f5ecd5;
    color: #795a33;
    font-family: 'Abraham Lincoln', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.25em;
    font-weight: normal;
    text-transform: uppercase;
}
.beer-shelf-header-full-time .title {
    position: relative;
    top: -.65em;
    padding-bottom: 25px;
    background: url('images/border-branches.png') no-repeat center bottom;
    color: #bb9230;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2.25em;
    font-weight: normal;
    text-transform: uppercase;
}
.beer-shelf-header-seasonals .tagline {
    display: inline-block;
    position: relative;
    top: -.65em;
    padding: 0 15px;
    background: #f5ecd5;
    color: #795a33;
    font-family: 'Abraham Lincoln', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.25em;
    font-weight: normal;
    text-transform: uppercase;
}
.beer-shelf-header-seasonals .title {
    position: relative;
    top: -.65em;
    padding-bottom: 25px;
    background: url('images/border-branches.png') no-repeat center bottom;
    color: #bb9230;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2.25em;
    font-weight: normal;
    text-transform: uppercase;
}
.beer-shelf-header-big-beers .title {
    display: inline-block;
    position: relative;
    top: -.4em;
    padding: 0 20px;
    background: #f5ecd5 url('images/accent-bbseries-hops.png') no-repeat center bottom;
    color: #795a33;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2.5em;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1;
}
.beer-shelf-header-big-beers .title span {
    display: block;
    color: #bb9230;
    font-family: 'Abraham Lincoln', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: .875em;
    font-weight: normal;
    text-transform: uppercase;
}
.beer-shelf-header-smuttlabs .title {
    display: inline-block;
    position: relative;
    top: -62px;
    padding: 0 20px;
    background: #f5ecd5;
}
.beer-shelf-header-smuttlabs .title img {
    width: 270px;
    height: auto;
}
@media only screen and (max-width: 600px) {

    .beer-shelf-header-seasonals .tagline,
    .beer-shelf-header-seasonals .title {
        font-size: 2em;
    }
}

/*   16.5. Take A Tour CTA
    --------------------------------------------------------------------------  */

.take-tour {
    float: right;
    background: #f5ecd5 url('images/bg-redox-ivory.jpg') repeat;
    border: 4px solid #d9d0ba;
    text-align: center;
}
.take-tour-wrap {
    padding: 30px 5%;
    background:
        url('images/border-wavy-double.png') repeat-x center top,
        url('images/border-wavy-bottom.png') repeat-x center bottom;
    border-width: 0 4px 0;
    border-style: solid;
    border-color: #312924;
}
.take-tour h2 {
    position: relative;
    margin-bottom: .5em;
    font-family: 'Abraham Lincoln', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.875em;
    font-weight: normal;
    text-transform: uppercase;
}
.take-tour h3{
    color: #bb9231;
}
.take-tour .free {
    position: relative;
}
.take-tour .icon-free {
    position: absolute;
    bottom: -8px;
    right: -5px;
    font-size: .4em;
}
.take-tour p {
    margin-top: .75em;
    line-height: 1.4;
    font-size: .9em;
}
.take-tour .big-blue-button {
    margin-top: 1em;
    padding: 10px 20px 2px 20px;
}
.take-tour-directions {
    margin-top: 30px;
    padding-top: 20px;
    background: url('images/border-ragged-312924.png') repeat-x center top;
}
.take-tour-directions a {
    color: #312924;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.3125em;
}
.take-tour-directions a:hover {
    color: #bb9230;
}
.take-tour-directions .icon-pin {
    vertical-align: middle;
    margin-right: .25em;
    font-size: 1.25em;
}
.take-tour-directions .text {
    font-size: .875em;
    text-transform: uppercase;
}

/*   16.6. Share Buttons
    --------------------------------------------------------------------------  */

.post-share-wrap {
    margin-top: 80px;
}
.post-share .share-link {
    display: inline-block;
    margin-left: 12px;
    border: 4px solid #d9d0b9;
    box-shadow: inset 4px 4px 0 #cdc2a6,
                inset -4px -4px 0 #cdc2a6;
}
.post-share .share-link:first-child {
    margin-left: 0;
}
.post-share .count {
    padding: 10px;
    color: #312924;
    font-weight: bold;
    text-align: center;
}
.post-share .share {
    padding: 5px 10px 0;
    background: #c4b795;
    color: #f5ecd5;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.25em;
    -webkit-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}
.post-share .share span {
    margin-right: 8px;
}
.share-twitter:hover {
    box-shadow: inset 4px 4px 0 #02adee,
                inset -4px -4px 0 #02adee;
}
.share-twitter:hover .count {
    color: #02adee;
}
.share-twitter:hover .share {
    background: #02adee;
}
.share-facebook:hover {
    box-shadow: inset 4px 4px 0 #3b5a99,
                inset -4px -4px 0 #3b5a99;
}
.share-facebook:hover .count {
    color: #3b5a99;
}
.share-facebook:hover .share {
    background: #3b5a99;
}
.share-googleplus:hover {
    box-shadow: inset 4px 4px 0 #de4b39,
                inset -4px -4px 0 #de4b39;
}
.share-googleplus:hover .count {
    color: #de4b39;
}
.share-googleplus:hover .share {
    background: #de4b39;
}
.share-linkedin:hover {
    box-shadow: inset 4px 4px 0 #017cb7,
                inset -4px -4px 0 #017cb7;
}
.share-linkedin:hover .count {
    color: #017cb7;
}
.share-linkedin:hover .share {
    background: #017cb7;
}

/*   16.7. Gravity Forms Elements
    --------------------------------------------------------------------------  */

.entry .gform_wrapper {
    max-width: 600px;
    margin: 2em auto;
}
.gfield_label {
    display: block;
    font-weight: bold;
}
.gfield_required {
    margin-left: .125em;
    color: #bb9230;
}
.gfield {
    margin-bottom: 1em;
}
.gfield input[type="text"],
.gfield input[type="email"],
.gfield input[type="tel"],
.gfield input[type="url"],
.gfield input[type="file"],
.gfield textarea {
    width: 100%;
    padding: .7em .8em .5em;
    background: transparent;
    border: 2px solid #312924;
    border-radius: 0;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1em;
    line-height: 1;
    -webkit-appearance: none;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
}
.gfield input[type="text"]:focus,
.gfield input[type="email"]:focus,
.gfield input[type="tel"]:focus,
.gfield input[type="url"]:focus,
.gfield input[type="file"]:focus,
.gfield textarea:focus {
    outline: 0;
    border-color: #bb9230;
}
.gfield textarea {
    line-height: 1.5;
}
.gform_footer input[type="submit"] {
    display: inline-block;
    padding: 12px 34px 4px 34px;
    background-color: #5aa1ae;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 0 0 -.25em 0;
    color: #fff !important;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.375em !important;
    text-transform: uppercase;
    -webkit-appearance: none;
    -webkit-transition: background-color 100ms ease-in-out;
    transition: background-color 100ms ease-in-out;
    cursor: pointer;
}
@media only screen and (max-width: 360px) {

    .gform_footer input[type="submit"] {
        display: block;
        width: 100%;
    }
}
.gform_footer input[type="submit"]:hover {
    background-color: #3b8b9a;
}
.gfield_radio label,
.gfield_checkbox label {
    cursor: pointer;
}

.ginput_complex:before,
.ginput_complex:after { content: " "; display: table; }
.ginput_complex:after { clear: both; }
.ginput_complex { *zoom: 1; }

.ginput_complex .ginput_left {
    clear: both;
    float: left;
    width: 48%;
}
.ginput_complex .ginput_right {
    float: right;
    width: 48%;
}
.ginput_complex label {
    display: block;
    margin-top: .2em;
}
.gfield_radio li,
.gfield_checkbox li {
    margin-bottom: .5em !important;
}
.gfield_radio input,
.gfield_checkbox input {
    position: relative;
    top: -2px;
    margin-right: .5em;
}
.gfield_description {
    color: #8a8273;
    font-size: .875em;
    font-style: italic;
}
.gform_drop_area {
    margin-top: .5em;
    padding: 40px 30px;
    border: 4px dashed #8a8273;
    text-align: center;
}
.gform_drop_instructions {
    color: #8a8273;
    font-size: 1em;
    font-style: italic;
}
.gform_drop_area .button {
    display: inline-block;
    padding: 12px 24px 4px 24px;
    background-color: #5aa1ae;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 0 0 -.25em .25em;
    color: #fff !important;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1em !important;
    text-transform: uppercase;
    -webkit-appearance: none;
    -webkit-transition: background-color 100ms ease-in-out;
    transition: background-color 100ms ease-in-out;
    cursor: pointer;
}
.gform_validation_container {
    display: none;
}
.gform_confirmation_message {
    margin: 1em 0;
    padding: 20px;
    background: #bb9230;
    border-radius: 4px;
    color: #f5ecd5;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.5em;
    text-align: center;
}
.validation_error {
    padding: 1em 0;
    color: red;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.25em;
    text-align: center;
}
.validation_message {
    margin-top: .25em;
    color: red;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: .75em;
    font-style: normal;
    text-transform: uppercase;
}
.gfield_error input {
    border-color: red !important;
}
.gform_delete {
    cursor: pointer;
}
.gform_ajax_spinner {
    margin-left: 15px;
}

/*   16.8. RoyalSlider Global
    --------------------------------------------------------------------------  */

.royalSlider .slide-content {
    position: relative;
}
.royalSlider .slide {
    background-position: center center;
    background-repeat: no-repeat;
}
.rsBullets {
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 100;
    margin: 0 auto;
    text-align: center;
}
.rsBullet {
    cursor: pointer;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 6px;
    background: #fff;
    background: rgba(255,255,255,0.4);
    border-radius: 8px;
}
.rsBullet.rsNavSelected {
    background: #fff;
}
.rsArrow {
    position: absolute;
    top: 50%;
    z-index: 100;
}
.rsArrowLeft {
    left: 5%;
}
.rsArrowRight {
    right: 5%;
}
.rsArrowIcn {
    color: #fff;
    color: rgba(255,255,255,.4);
    font-size: 6em;
    -webkit-transition: color 100ms linear;
            transition: color 100ms linear;
}
.rsArrowIcn:hover {
    color: #fff;
    color: rgba(255,255,255,.9);
}
@media only screen and (max-width: 1420px) {

    .rsArrowLeft {
        left: 0;
    }
    .rsArrowRight {
        right: 0;
    }
}
@media only screen and (max-width: 480px) {

    .rsBullets {
        display: none;
    }
}

/*   16.9. EasyDropdown Styled Select Inputs
    --------------------------------------------------------------------------  */

.easydropdown-select .old {
    display: none;
}
.easydropdown-select,
.easydropdown-select div,
.easydropdown-select li,
.easydropdown-select div::after {
    -webkit-transition: all 150ms ease-in-out;
            transition: all 150ms ease-in-out;
}
.easydropdown-select .selected::after,
.easydropdown-select.scrollable div::after {
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none;
}
.easydropdown-select {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border: 2px solid #312924;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
.gform_wrapper .easydropdown-select {
    display: block;
    width: 100%;
}
.easydropdown-select.open {
    z-index: 2;
}
.easydropdown-select:hover {
    border-color: #bb9230;
}
.easydropdown-select.open:hover {
    border-color: #bb9230;
}
.easydropdown-select.focus {
    border-color: #312924;
}
.easydropdown-select .carat {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -4px;
    border: 6px solid transparent;
    border-top: 8px solid #000;
}
.easydropdown-select.open .carat {
    margin-top: -10px;
    border-top: 6px solid transparent;
    border-bottom: 8px solid #f5ecd5;
}
.easydropdown-select.disabled .carat {
    border-top-color: #999;
}
.easydropdown-select .selected,
.easydropdown-select li {
    display: block;
    min-height: 39px;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 1;
    padding: 9px 12px;
    overflow: hidden;
    white-space: nowrap;
}
.easydropdown-select.open .selected {
    background: #312924;
    color: #f5ecd5;
}
.easydropdown-select.disabled .selected {
    color: #999;
}
.easydropdown-select div {
    position: absolute;
    height: 0;
    left: -2px;
    right: -2px;
    top: 108%;
    margin-top: -1px;
    background: #d8d0b8 url('images/bg-redox-ivory.jpg') repeat;
    border: 2px solid #312924;
    border-top: 0;
    overflow: hidden;
    opacity: 0;
}
.easydropdown-select.open div {
    opacity: 1;
    z-index: 2;
}
.easydropdown-select.scrollable.bottom div::after {
    opacity: 0;
}
.easydropdown-select ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    list-style: none;
    overflow: hidden;
    margin: 0 !important;
}
.easydropdown-select.scrollable.open ul {
    overflow-y: auto;
}
.easydropdown-select li {
    list-style: none !important;
    margin: 0 !important;
    padding: 8px 12px !important;
}
.easydropdown-select li.focus {
    background: #bb9230;
    position: relative;
    z-index: 3;
    color: #fff;
}
.easydropdown-select li.active {
    color: #bb9230;
}
.easydropdown-select li.active:hover {
    color: #fff;
}

/*   16.10. Google Calendar Plugin Layouts
    --------------------------------------------------------------------------  */

.gce-list-title {
    margin: .2em 0;
    padding: .8em 0 .5em;
    background: #caaf62;
    color: #f5ecd5;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.25em;
    font-style: normal;
    letter-spacing: -1px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.gce-list-grouped .gce-event-day:before,
.gce-list-grouped .gce-event-day:after { content: " "; display: table; }
.gce-list-grouped .gce-event-day:after { clear: both; }

.events-page-calendar .gce-list-grouped .gce-event-day .gce-feed {
    float: left;
    width: 50%;
    margin: 0;
    padding: 2em 4%;
}
.events-page-calendar .gce-list-grouped .gce-event-day .gce-feed:nth-child(even) {
    clear: both;
}
.gce-list-grouped .date {
    color: #bb9230;
}
.gce-feed .event-item .title h3 {
    font-size: 1.75em;
    font-weight: normal;
    line-height: 1.3;
}
.home-events-list .event-item .title h3 {
    margin-top: .25em;
    font-size: 1.125em;
}
.gce-feed .event-item .title a {
    color: #45311a;
}
.gce-feed .event-item .title a:hover {
    color: #bb9230;
}
.gce-feed .event-item .time {
    margin-top: .25em;
    font-size: 1.25em;
}
.gce-feed .event-item .location {
    margin-top: 1.25em;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.6em;
}
.gce-feed .event-item .description {
    margin-top: 1.25em;
    font-size: 1em;
    line-height: 1.6em;
    word-wrap: break-word;
}
.gce-feed .event-item .description a {
    color: #bb9230;
    font-weight: bold;
    text-decoration: underline;
}
.gce-feed .event-item .more {
    margin-top: 1.25em;
}
.home-events-list .event-item .more {
    margin-top: .5em;
}
.events-page-calendar .gce-feed .event-item .more a {
    display: inline-block;
    padding: 12px 34px 4px 34px;
    background-color: #5aa1ae;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-bottom: -.25em;
    color: #fff !important;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.25em !important;
    text-transform: uppercase;
    -webkit-appearance: none;
    -webkit-transition: all 100ms ease-in-out;
            transition: all 100ms ease-in-out;
}
.events-page-calendar .gce-feed .event-item .more a:hover {
    background-color: #3b8b9a;
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
@media only screen and (max-width: 1120px) {

    .gce-feed .event-item .title h3 {
        font-size: 1.375em;
    }
    .gce-feed .event-item .more {
        font-size: .875em;
    }
    .gce-list-count-3up .gce-list-entry {
        width: 50%;
        padding: 0 4%;
    }
}
@media screen and (max-width: 760px) {

    .events-page-calendar .gce-list-grouped .gce-event-day .gce-feed {
        float: none;
        width: 100%;
    }
}
@media only screen and (max-width: 620px) {

    .gce-feed .event-item .title h3 {
        font-size: 1.25em;
    }
    .gce-feed .event-item .time {
        font-size: 1em;
    }
    .gce-feed .event-item .location,
    .gce-feed .event-item .description {
        margin-top: 1em;
    }
}


/*  ==========================================================================
     17. ABOUT US PAGE
    ==========================================================================  */

/*   17.1. Our Story CTA
    --------------------------------------------------------------------------  */

.about-our-story .wrapper {
    max-width: 865px;
    height: 504px;
    background: #312924 url(images/bg-cta-our-story.jpg) no-repeat;
    border-top: 10px solid #bb9230;
    -webkit-transition: opacity 200ms linear;
            transition: opacity 200ms linear;
}
.about-our-story .wrapper:hover {
    opacity: .85;
}
.about-our-story .cta {
    padding-top: 28%;
    padding-left: 60%;
    color: #fff;
    text-align: center;
}
.about-our-story .cta h2 {
    margin-bottom: .375em;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2.25em;
    font-weight: normal;
    text-transform: uppercase;
}
.about-our-story .cta a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    text-indent: -9999px;
}
@media only screen and (max-width: 680px) {

    .about-our-story .wrapper {
        height: 350px;
        background-position: top center;
    }
    .about-our-story .cta {
        padding-left: 40%;
    }
}
@media only screen and (max-width: 390px) {

    .about-our-story .wrapper {
        height: 250px;
        background-position: center -80px;
    }
    .about-our-story .cta {
        padding-top: 70px;
        padding-left: 0;
    }
}


/*   17.2. Our People CTA
    --------------------------------------------------------------------------  */

.about-cta-people {
    margin-top: 6em;
}
.about-cta-people-imgs {
    max-width: 2000px;
    margin: 0 auto;
}
.about-cta-people-img {
    float: left;
    width: 33.333%;
    max-height: 324px;
    padding: 0 10px;
}
.about-cta-people-img:nth-child(1) img {
    position: relative;
    left: -10px;
}
.about-cta-people-img:nth-child(3) img {
    position: relative;
    right: -10px;
}
.about-cta-people-img img {
    display: block;
    margin: auto;
}
.about-cta-people-text {
    margin-top: 2em;
}
.about-cta-people-text .wrapper {
    max-width: 642px;
}
@media only screen and (max-width: 560px) {

    .about-cta-people-img {
        min-width: 300px;
    }
    .about-cta-people-img:first-child,
    .about-cta-people-img:last-child {
        display: none;
    }
    .about-cta-people-img {
        float: none;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }
}

/*   17.3. Smuttlabs CTA
    --------------------------------------------------------------------------  */

.about-cta-smuttlabs {
    min-width: 300px;
    margin-top: 50px;
    padding: 2px 0;
    border-top: 1px solid #bb9230;
    border-bottom: 1px solid #bb9230;
}
.about-cta-smuttlabs-wrap {
    background: #522c01 url(images/bg-smuttlabs.png) repeat;
    box-shadow: inset 0 -2px 0 #bb9230, inset 0 2px #bb9230;
    text-align: center;
}
.about-cta-smuttlabs .logo {
    margin: 32px 0 26px;
    width: 280px;
    height: auto;
    -webkit-transition: -webkit-transform 100ms linear;
    transition: transform 100ms linear;
}
.about-cta-smuttlabs .logo:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
@media only screen and (max-width: 460px) {

    .about-cta-smuttlabs .logo {
        width: 220px;
    }
}

/*   17.4. Community CTA
    --------------------------------------------------------------------------  */

.about-cta-community {
    margin: 50px 0 100px;
}
.about-cta-community-text {
    float: left;
    width: 48%;
}
.about-cta-community-img {
    float: right;
    width: 48%;
    margin-left: 2%;
}
.about-cta-community-text {
    padding-top: 3em;
}
@media only screen and (max-width: 1040px) {

    .about-cta-community-text {
        padding-top: 0;
    }
}
@media only screen and (max-width: 900px) {

    .about-cta-community {
        margin-bottom: 60px;
    }
    .about-cta-community-text {
        float: none;
        width: auto;
        padding: 0;
    }
    .about-cta-community-img {
        float: right;
        width: 300px;
        margin: 0 0 1em 2em;
    }
}
@media only screen and (max-width: 640px) {

    .about-cta-community-img {
        width: 220px;
    }
}
@media only screen and (max-width: 500px) {

    .about-cta-community-text {
        margin-top: 2em;
        text-align: center;
    }
    .about-cta-community-img {
        float: none;
        width: 260px;
        margin: 0 auto;
    }
}

/*  ==========================================================================
     18. OUR STORY PAGE
    ==========================================================================  */

/*   18.1. Timeline
    --------------------------------------------------------------------------  */

.our-story-timeline {
    padding-top: 60px;
    background: #618b93 url(images/bg-our-story-map.jpg) no-repeat center top;
}
.our-story-timeline .wrapper {
    max-width: 1258px;
}
.our-story-timeline .event {
    position: relative;
    opacity: 0;
    padding: 160px 0 60px;
    background: url(images/border-dotted.png) repeat-y center top;
}
.our-story-timeline .event .image,
.our-story-timeline .event .text {
    width: 50%;
}
.our-story-timeline .event.even .image,
.our-story-timeline .event.odd .text {
    float: left;
}
.our-story-timeline .event.even .text,
.our-story-timeline .event.odd .image {
    float: right;
}
.our-story-timeline .event .date {
    display: block;
    position: absolute;
    top: -5px;
    left: 50%;
    width: 110px;
    height: 110px;
    margin-left: -55px;
    padding-top: 1.75em;
    background: url(images/icon-burst.png) no-repeat;
    background-size: cover;
}
.our-story-timeline .event .date p {
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    text-transform: uppercase;
}
.our-story-timeline .event .date span {
    display: block;
    font-size: 1.75em;
}
.our-story-timeline .event .text {
    padding: 0 5%;
    color: #fff;
    text-align: center;
}
.our-story-timeline .event .title {
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.875em;
    font-weight: normal;
    line-height: 1.2;
    text-transform: uppercase;
}
.our-story-timeline .event .desc {
    margin-top: .5em;
    line-height: 1.5;
}
.our-story-timeline .event-img {
    position: relative;
}
.our-story-timeline .event.even .event-img {
    left: -16px;
    -webkit-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
            transform: rotate(-2deg);
}
.our-story-timeline .event.odd .event-img {
    right: -60px;
    -webkit-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
            transform: rotate(2deg);
}
@media only screen and (min-width: 2000px) {

    .our-story-timeline {
        background-size: 100% 858px;
    }
}
@media only screen and (max-width: 760px) {

    .our-story-timeline .wrapper {
        padding: 0;
    }
    .our-story-timeline .event {
        padding: 120px 0 20px;
    }
    .our-story-timeline .event .title {
        font-size: 1.5em;
    }
    .our-story-timeline .event .desc {
        font-size: .875em;
    }
}
@media only screen and (max-width: 620px) {

    .our-story-timeline .event {
        padding: 100px 0 10px;
    }
    .our-story-timeline .event .date {
        width: 84px;
        height: 84px;
        margin-left: -42px;
        padding-top: 1.25em;
    }
    .our-story-timeline .event .date span {
        font-size: 1.5em;
    }
    .our-story-timeline .event .title {
        font-size: 1.25em;
    }
    .our-story-timeline .event .desc {
        font-size: .75em;
    }
}
@media only screen and (max-width: 480px) {

    .our-story-timeline {
        padding-top: 40px;
    }
    .our-story-timeline .event {
        padding: 100px 0 26px;
    }
    .our-story-timeline .event .image,
    .our-story-timeline .event .text {
        width: 100%;
    }
    .our-story-timeline .event.even .image,
    .our-story-timeline .event.odd .text {
        float: none;
    }
    .our-story-timeline .event.even .text,
    .our-story-timeline .event.odd .image {
        float: none;
    }
    .our-story-timeline .event .text {
        margin-top: 20px;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(95,139,148,0)), color-stop(26%,rgba(95,139,148,0.6)), color-stop(50%,rgba(95,139,148,1)), color-stop(74%,rgba(95,139,148,0.6)), color-stop(100%,rgba(95,139,148,0)));
        background: -webkit-linear-gradient(top,  rgba(95,139,148,0) 0%,rgba(95,139,148,0.6) 26%,rgba(95,139,148,1) 50%,rgba(95,139,148,0.6) 74%,rgba(95,139,148,0) 100%);
        background: -webkit-linear-gradient(top, rgba(95,139,148,0) 0%, rgba(95,139,148,0.6) 26%, rgba(95,139,148,1) 50%, rgba(95,139,148,0.6) 74%, rgba(95,139,148,0) 100%);
        background: linear-gradient(to bottom,  rgba(95,139,148,0) 0%,rgba(95,139,148,0.6) 26%,rgba(95,139,148,1) 50%,rgba(95,139,148,0.6) 74%,rgba(95,139,148,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005f8b94', endColorstr='#005f8b94',GradientType=0 );
    }
    .our-story-timeline .event.even .event-img {
        left: auto;
    }
    .our-story-timeline .event.odd .event-img {
        right: auto;
    }
    .our-story-timeline .event-img {
        display: block;
        width: 300px;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 380px) {

    .our-story-timeline .event-img {
        width: 200px;
    }
    .our-story-timeline .event .text {
    }
}


/*  ==========================================================================
     19. BEER FINDER
    ==========================================================================  */

/*   19.1. Zip Search Field
    --------------------------------------------------------------------------  */

.beer-finder-zip-search fieldset {
    display: inline-block;
    position: relative;
}
.beer-finder-zip-search .search-field {
    width: 120px;
    height: 26px;
    padding: 0 10px;
    border: 0;
    color: #312a24;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-weight: bold;
    font-size: .8em;
    line-height: 28px;
    -webkit-transition: all 100ms linear;
            transition: all 100ms linear;
}
.beer-finder-zip-search .search-field:focus {
    outline: 3px solid #312a24;
}
.beer-finder-zip-search .search-button {
    position: absolute;
    top: -12px;
    right: -6px;
    width: 45px;
    height: 45px;
    padding: 0;
    background: transparent;
    border: 0;
    color: #c09e3e;
    font-size: 2.25em;
    cursor: pointer;
    -webkit-transition: color 100ms linear;
            transition: color 100ms linear;
}
.beer-finder-zip-search .search-button:hover,
.beer-finder-zip-search .search-button:focus {
    color: #5aa1ae;
    outline: 0;
}

/*  ==========================================================================
     19.2. Beer Finder Page
    ==========================================================================  */

.beer-finder .wrapper {
    margin-bottom: 60px;
    padding-top: 220px;
}
.beer-finder-inner {
    min-height: 800px;
}
.beer-finder-heading {
    position: relative;
    z-index: 1;
    max-width: 620px;
    margin: 0 auto 60px;
    border-top: 2px solid #bb9230;
    text-align: center;
}
.beer-finder-heading:after {
    content: '\e611';
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -104px;
    color: #bb9230;
    font-family: 'Smutty Icons';
    font-size: 2.25em;
}
.beer-finder-heading .heading {
    display: inline-block;
    position: relative;
    top: -.6em;
    padding: 0 .4em;
    background: #d8d0b8 url('images/bg-redox-ivory.jpg') repeat;
    font-family: 'Abraham Lincoln', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2.625em;
    font-weight: normal;
    text-transform: uppercase;
}
.beer-finder-heading .subhead {
    position: relative;
    top: -.6em;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2.625em;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.beer-finder-geezers {
    position: fixed;
    top: 132px;
    left: 0;
    z-index: 0;
    width: 100%;
}
.beer-finder-geezers .geezer {
    width: 50%;
}
.beer-finder-geezers .geezer1 {
    float: left;
    padding-right: 280px;
    text-align: right;
}
.beer-finder-geezers .geezer1 img {
    margin-top: 50px;
}
.beer-finder-geezers .geezer2 {
    float: right;
    padding-left: 260px;
}
@media only screen and (max-width: 1360px) {

    .beer-finder-heading {
        max-width: 510px;
    }
    .beer-finder-heading .heading {
        font-size: 2.25em;
    }
    .beer-finder-heading .subhead {
        font-size: 2.25em;
    }
    .beer-finder-geezers .geezer1 img {
        width: 300px;
    }
    .beer-finder-geezers .geezer2 img {
        width: 260px;
    }
}
@media only screen and (max-width: 1100px) {

    .beer-finder-heading {
        max-width: 460px;
    }
    .beer-finder-heading .heading {
        font-size: 2em;
    }
    .beer-finder-heading .subhead {
        font-size: 2em;
    }
    .beer-finder-geezers .geezer1 img {
        width: 200px;
    }
    .beer-finder-geezers .geezer2 img {
        width: 160px;
        margin-top: 30px;
    }
}
@media only screen and (max-width: 860px) {

    .beer-finder .wrapper {
        margin-bottom: 20px;
        padding-top: 0;
    }
    .beer-finder-geezers {
        position: static;
        margin: 20px 0;
        text-align: center;
    }
    .beer-finder-geezers .geezer {
        display: inline-block;
        float: none;
        width: auto;
        padding: 0;
    }
    .beer-finder-geezers .geezer1 img {
        width: 100px;
        margin-top: 0;
    }
    .beer-finder-geezers .geezer2 img {
        width: 85px;
        margin-top: 0;
    }
}
.touch .beer-finder .wrapper {
    padding-top: 125px;
}
.touch .beer-finder-geezers {
    position: static;
    margin: 20px 0;
    text-align: center;
}
.touch .beer-finder-geezers .geezer {
    display: inline-block;
    float: none;
    width: auto;
    padding: 0;
}
.touch .beer-finder-geezers .geezer1 img {
    width: 100px;
    margin-top: 0;
}
.touch .beer-finder-geezers .geezer2 img {
    width: 85px;
    margin-top: 0;
}
@media only screen and (max-width: 755px) {

    .touch .beer-finder .wrapper {
        padding-top: 0;
    }
}

/*   19.2.1. Beer Finder Form Elements
    --------------------------------------------------------------------------  */

.beer-finder-form {
    position: relative;
    z-index: 2;
    text-align: center;
}
.beer-finder-form fieldset {
    margin-bottom: 1em;
}
.beer-finder-form .label {
    font-size: 1.125em;
}
.beer-finder-zip {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 .8em;
}
.beer-finder-field-zip {
    position: relative;
    width: 200px;
    height: 40px;
    padding: 0 12px;
    background: transparent;
    border: 2px solid #312924;
    border-radius: 0;
    cursor: pointer;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 41px;
    -webkit-appearance: none;
    -webkit-transition: all 150ms ease-in-out;
            transition: all 150ms ease-in-out;
}
.beer-finder-locate {
    position: absolute;
    top: 9px;
    right: 10px;
    color: #bb9230;
    font-size: 1.375em;
    cursor: pointer;
    -webkit-transition: -webkit-transform 100ms ease-in-out;
            transition: transform 100ms ease-in-out;
}
.beer-finder-zip-validate {
    display: none;
    color: red;
    padding-top: 4px;
}

.beer-finder-locate:hover {
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
}
.beer-finder-field-zip:hover,
.beer-finder-field-zip:focus {
    outline: 0;
    border-color: #bb9230;
}
.beer-finder-field-zip::-webkit-input-placeholder {
    color: #312924;
}
.beer-finder-field-zip:-moz-placeholder {
    color: #312924;
}
.beer-finder-field-zip::-moz-placeholder {
    color: #312924;
}
.beer-finder-field-zip:-ms-input-placeholder {
    color: #312924;
}
.beer-finder-field-product,
.beer-finder-field-business {
    width: 280px;
    margin: 0 0 0 .8em;
}
.beer-finder-field-miles {
    width: 100px;
    margin: 0 .8em;
}
.beer-finder-submit:focus {
    outline: 0;
    cursor: pointer;
}
@media only screen and (max-width: 440px) {

    .beer-finder-form fieldset {
        margin-bottom: 0;
    }
    .beer-finder-form .easydropdown-select,
    .beer-finder-field-zip {
        display: block;
        width: 100%;
        margin: .5em 0;
    }
    .beer-finder-zip {
        display: block;
        margin-left: 0;
    }
}

/*   19.2.2. Beer Finder Results
    --------------------------------------------------------------------------  */

.beer-finder-map {
    display: none;
    width: 500px;
    height: 400px;
    margin: 60px auto 0;
    background: url(images/loading-bar-e5e3df.gif) no-repeat center center;
    border: 2px solid #312924;
}
.beer-finder-map .gm-style-iw {
    color: #312924;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    text-align: center;
}
.beer-finder-map .gm-style-iw h3 {
    color: #bb9230;
    font-size: 1.25em;
}
.beer-finder-map .gm-style-iw p {
    font-size: 1em;
}
.beer-finder-results-wrap {
    position: relative;
    z-index: 1;
}
.beer-finder-results {
    max-width: 350px;
    margin: 0 auto;
}
.beer-finder-result {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 2px solid #bb9230;
    text-align: center;
}
.beer-finder-result:first-child {
    margin-top: 40px;
    padding-top: 0;
    border-top: 0;
}
.beer-finder-result .number {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: #bb9230;
    border-radius: 50%;
    color: #f5ecd5;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 42px;
}
.beer-finder-result h3 {
    margin-top: .5em;
    font-size: 1.25em;
}
.beer-finder-result .address,
.beer-finder-result .phone {
    max-width: 220px;
    margin: .25em auto 0;
}
.beer-finder-pagination {
    margin: 60px 0 60px;
    padding: 20px 0 10px;
    border-top: 3px solid #312924;
    border-bottom: 3px solid #312924;
    font-weight: bold;
    text-align: center;
}
.beer-finder-pagination h4 {
    margin-bottom: .5em;
    font-size: 1.125em;
    text-transform: uppercase;
}
.beer-finder-pagination li {
    display: inline-block;
    margin: 0 .375em .375em;
}
.beer-finder-pagination a {
    color: #bb9230;
    font-size: 1.5em;
}
.beer-finder-pagination a:hover {
    color: #312924;
}
.beer-finder-no-results-form {
    position: relative;
    z-index: 1000;
    max-width: 500px;
    margin: 40px auto;
}
.beer-finder-no-results-msg {
    margin-bottom: 40px;
    color: red;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
}
.beer-finder-no-results-form h2 {
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.75em;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}
.beer-finder-no-results-form p {
    margin: 1em 0;
    line-height: 1.5;
    text-align: center;
}
.beer-finder-dist-map {
    width: 500px;
    margin: 60px auto 0;
}
@media only screen and (max-width: 600px) {

    .beer-finder-map {
        width: 100%;
    }
}
@media only screen and (max-width: 380px) {

    .beer-finder-map {
        height: 250px;
    }
}


/*  ==========================================================================
     20. VISIT US PAGE
    ==========================================================================  */

.visit-us-tour .cta {
    max-width: 1100px;
    padding: 0;
    background-position: center center;
    background-size: cover;
}
.visit-us-tour .text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 550px;
    padding: 100px 40px;
    background: #312924;
    background: rgba(48, 38, 32, .5);
    color: #fff;
}
@media only screen and (min-width: 820px) {

    .visit-us-tour .cta {
        min-height: 560px;
    }
}
@media only screen and (max-width: 820px) {

    .visit-us-tour .text {
        position: static;
        width: 100%;
        padding: 80px 40px;
    }
}
@media only screen and (max-width: 460px) {

    .visit-us-tour .text {
        padding: 40px 40px;
    }
}

/*  ==========================================================================
     21. CONTACT US PAGE
    ==========================================================================  */

.contact-us-form .gfield_radio:before,
.contact-us-form .gfield_radio:after { content: " "; display: table; }
.contact-us-form .gfield_radio:after { clear: both; }

.contact-us-form .gfield_radio li {
    float: left;
    margin-left: 1em;
}
.contact-us-form .gfield_radio li:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
}
.contact-us-form .clear-multi:before,
.contact-us-form .clear-multi:after { content: " "; display: table; }
.contact-us-form .clear-multi:after { clear: both; }

.contact-us-form .gfield_date_month,
.contact-us-form .gfield_date_day,
.contact-us-form .gfield_date_year {
    float: left;
    width: 30%;
    margin: 0 3% 0 0;
}
.contact-us-form .gfield_date_month input,
.contact-us-form .gfield_date_month label,
.contact-us-form .gfield_date_day input,
.contact-us-form .gfield_date_day label,
.contact-us-form .gfield_date_year input,
.contact-us-form .gfield_date_year label {
    display: block;
    width: 100%;
}
.contact-us-form .gfield_date_month input,
.contact-us-form .gfield_date_day input,
.contact-us-form .gfield_date_year input {
    padding: .7em .8em .5em;
    background: transparent;
    border: 2px solid #312924;
    border-radius: 0;
    font-family: 'Merriweather', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1em;
    line-height: 1;
    -webkit-appearance: none;
    -webkit-transition: all 100ms linear;
            transition: all 100ms linear;
}


/*  ==========================================================================
     22. EVENTS PAGE
    ==========================================================================  */

@media only screen and (min-width: 990px) {

    .page-id-3003 .page-billboard {
        height: 540px;
    }
    .page-id-3003 .page-billboard .caption {
        top: 250px;
    }
}
.page-id-3003 .page-billboard:after {
    content: none;
}
.events-page-calendar {
    padding: 60px 0;
}
.events-page-calendar .gce-navbar a {
    color: #312924;
    font-family: 'Abraham Lincoln', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2em;
    text-transform: uppercase;
}
.events-page-calendar .gce-navbar a:hover {
    color: #bb9230;
}
.events-page-calendar .gce-prev,
.events-page-calendar .gce-next {
    float: none;
    display: inline-block;
    margin: 0 .5em;
}
.events-page-calendar .gce-prev a:before {
    content: '←';
    display: inline-block;
    margin-right: .125em;
}
.events-page-calendar .gce-next a:after {
    content: '→';
    display: inline-block;
    margin-left: .125em;
}
.gce-month-title {
    display: block;
}

/*  ==========================================================================
     23. SMUTTLABS PAGE
    ==========================================================================  */

.smuttlabs-billboard .wrapper {
    padding-top: 316px;
}
.smuttlabs-billboard .logo {
    display: block;
    width: 330px;
    margin: 0 auto;
}
.smuttlabs-billboard .text {
    max-width: 476px;
    margin: 2em auto 0;
    color: #fff;
    font-size: 1.25em;
    text-align: center;
}
.smuttlabs-intro {
    padding: 3em 0;
    background: #522c01 url(images/bg-smuttlabs.png) repeat;
    box-shadow: inset 0 -2px 0 #bb9230, inset 0 2px #bb9230;
    color: #fff;
    line-height: 1.5;
}
.smuttlabs-intro .wrapper {
    max-width: 880px;
    margin: 0 auto;
}
.smuttlabs-list-item {
    position: relative;
    max-width: 820px;
    margin: 2.5em auto 0;
    padding-top: 1em;
    text-align: center;
}
.smuttlabs-list-item:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 120px;
    height: 3px;
    margin-left: -60px;
    background: #bb9230;
}
.smuttlabs-list-item:first-child {
    margin-top: 0;
    padding-top: 0;
}
.smuttlabs-list-item:first-child:before {
    display: none;
}
.smuttlabs-list-item .name {
    font-family: 'Abraham Lincoln', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 3.375em;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.smuttlabs-list-item .name a {
    color: #bb9230;
}
.smuttlabs-list-item .name a:hover {
    color: #312924;
}
@media only screen and (max-width: 1400px) {

    .smuttlabs-billboard .wrapper {
        padding-top: 240px;
    }
}
@media only screen and (max-width: 990px) {

    .smuttlabs-billboard .wrapper {
        padding-top: 120px;
    }
}
@media only screen and (max-width: 740px) {

    .smuttlabs-billboard .wrapper {
        padding-top: 46px;
    }
    .smuttlabs-billboard .logo {
        width: 200px;
    }
    .smuttlabs-billboard .text {
        margin-top: 1em;
        font-size: 1em;
    }

}
@media only screen and (max-width: 480px) {

    .smuttlabs-billboard .wrapper {
        padding-top: 40px;
    }
    .smuttlabs-billboard .logo {
        width: 150px;
    }
    .smuttlabs-billboard .text {
        font-size: .875em;
    }
    .smuttlabs-intro {
        padding: 2em 0;
        font-size: .875em;
    }
    .smuttlabs-list-item .name {
        font-size: 2.75em;
    }
}

/*  ==========================================================================
     24. HAYSEED
    ==========================================================================  */

.grid{
    content: '';
    display: table;
    clear: both;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

/* Billboard */

.page-billboard.hayseed{
    position: relative;
    overflow: hidden;
    height: 700px;
    background-color: #14100e;
}
.page-billboard.hayseed:after {
    content:none;
    width: 0;
    height: 0;
}
.page-billboard.hayseed .caption {
    position: relative;
    top: 250px;
    text-align: center;
}
.page-billboard.hayseed .headline-line3 {
    margin: 1em auto 0;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.625em;
    letter-spacing: 1px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}
.page-billboard.hayseed .billboard-buttons{
    display: block;
    text-align: center;
    position: relative;
    top: 280px;
}

.page-billboard.hayseed .billboard-buttons .big-blue-button{
    display: inline-block;
    margin: 0 20px;
}

/* Content */

.hayseed-content{
    display: block;
}
.hayseed-content .col{
    display: block;
    float: left;
}
.hayseed-content .col{
    width: 46%;
    margin: 0 2%;
}
.hayseed-content .thirds .col:first-child{
    width: 36%
}
.hayseed-content .thirds .col{
    width: 56%
}
.hayseed-content .content{
    padding: 30px 0 50px 0;
    font-size: 1em;
    line-height: 1.9em;
    border-bottom: 2px solid #bb9b45
}

.hayseed-content .title{
    text-transform: uppercase;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.6em;
    display: block;
    margin: 0 auto;
}
.hayseed-content .subtitle{
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1em;
    margin: 10px 0;
}
.hayseed-content .bigtitle{
    font-family: 'Abraham Lincoln', Baskerville, Garamond, 'Times New Roman', serif;
    font-size: 4.5em;
    line-height: .8em;
    font-weight: normal;
    text-transform: uppercase;
}
.hayseed-content a.big-blue-button{
    margin: 20px auto;
    text-decoration: none;
}

.hayseed-content .owners img{
    border: 5px solid #fff;
    transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
}
.hayseed-content .owner-quote{
    display: block;
    padding-top: 40px;
    background: url(images/quote.png) no-repeat top left;
}
.hayseed-content .owner-quote p{
    font-size: 1.3em;
    line-height: 2em;
}

.hayseed-content .contact{
    display: block;
    padding: 40px 0;
}

.hayseed-content .contact .hours .title{
    border-bottom: 2px solid #bb9b45;
    width:70%;
    padding-bottom: 10px;
    margin: 0 auto 20px auto;
    text-align: center;
}
.hayseed-content .contact .hours{
    font-size: 1em;
    padding-left: 30px;
}
.hayseed-content .contact .hours .col{
    width: 65%;
    margin: 0;
}
.hayseed-content .contact .hours .col:first-child{
    width: 35%;
}
.hayseed-content .contact .day{
    font-weight: bold;
    font-size: 1.2em;
}
.hayseed-content .contact .hour{
    font-size: 1em;
}
.hayseed-content .contact .closes{
    font-size: .7em;
    color: #bb9b45;
    font-family: Arial, sans-serif;
}
.hayseed-content .contact small{
    color: #bb9b45;
    font-family: Arial, sans-serif;
    display: block;
    padding-top: 20px;
}
.hayseed-content .take-tour-wrap{
    background:
        url('images/border-wavy.png') repeat-x center top,
        url('images/border-wavy-bottom.png') repeat-x center bottom;
    background-color: #eae0c8;
    max-width: 70%;
    margin: 0 auto;
}

.hayseed-content .take-tour-wrap div{
    display: block;
    padding: 10px 0 15px 60px;
}
.hayseed-content .take-tour-wrap .address{
    background: url('images/icon-address.png') no-repeat left center,
}
.hayseed-content .take-tour-wrap .phone{
    background: url('images/icon-phone.png') no-repeat left center,
}
.hayseed-content .take-tour-wrap .email{
    background: url('images/icon-social.png') no-repeat left center,
}
.hayseed-content .take-tour-wrap .email a{
    color: #312924;
    text-decoration: underline;
    display: block;
    margin-bottom: 10px;
    font-weight: normal;;
}

.hayseed-content .contact .local-suppliers{
    text-align: center;
}

.gallery-desc{
    display: inline-block;
    padding: 20px 30px;
    background-color: #c1a048;
    color: #fff;
    max-width: 50%;
    position: absolute;
    bottom: 10px;
    z-index: 999;
}

.hayseed-cta{
    text-align: center;
}
.hayseed-cta .image img{
    max-width: 30%;
    height: auto;
    margin: 0 auto 15px auto;
}
.hayseed-cta .menu{
    padding: 30px 0;
    background: url(images/hayseed-menu-cta.jpg) no-repeat center;
}
.hayseed-cta .menu .big-blue-button{
    margin-top: 170px;
}

/*   Hayseed Menu Page
    --------------------------------------------------------------------------  */

/* Nav */

section#sticky-anchor{
    display: block;
    min-height: 52px;
}
.hayseed-nav.stick {
    position: fixed;
    top: 69px;
    z-index: 999;
}

.hayseed-nav{
    background: #cbae70;
    height: 52px;
    width: 100%;
    position: relative;
    text-align: center;
}
.hayseed-nav a{
    display: inline-block;
    margin: 0 1em;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    color: #312924;
    font-size: 1.2em;
    line-height: 56px;
}
.hayseed-nav a:hover{
    color: #fff;
}
.hayseed-nav a.active{
    color: #fff;
}

/* Menu Content */

.hayseed-content.menu{
    text-align: center;
}

.hayseed-content.menu .thirds .col.left{
    width: 65%;
    margin: 0;
}
.hayseed-content.menu .thirds .col{
    width: 35%;
    margin: 0;
}

.hayseed-content.menu .icon{
    color: #d8c69a;
    margin: 0;
}
.hayseed-content.menu .subtitle{
    font-size: 1.3em;
    margin: 2em 0 0 0;
}
.hayseed-content.menu .price{
    position: relative;
    left: 1em;
}
.hayseed-content.menu .price-special{
    position: relative;
    left: 1em;
    font-family: Arial, sans-serif;
    font-style: italic;
    font-size: .7em;
}
.hayseed-content.menu h1{
    color: #bb9231;
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2.4em;
}
.hayseed-content.menu .item-description p{
    margin-bottom: 15px;
}
.hayseed-content.menu .description{
    background: url(images/hayseed-chefs-statement.png) no-repeat center top -20px;
    padding: 1em 8em;
}
.hayseed-content.menu .description p{
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    line-height: 1.4em;
    font-size: 1.3em;
    margin-bottom: 1.7em;
}
.hayseed-content.menu .menu-cat{
    margin-bottom: 3em;
}
.hayseed-content.menu .menu-cat-desc{
    font-family: 'Abraham Lincoln', Baskerville, Garamond, 'Times New Roman', serif;
    font-size: 1.2em;
    color: #96865a;
}

.hayseed-content .menu-chalkboard{
    max-width: 400px;
    position: absolute;
    top: 0;
    right: 0;
}
.hayseed-content .chalkboard{
    display: block;
    background: url(images/bg-beer-feat-img.png) no-repeat center top 35px;
    padding: 15px;
    margin-bottom: 20px;
}
.hayseed-content .chalkboard img{
    border: 5px solid #fff;
    border-radius: 5px;
}
.hayseed-content .hashtag{
    position: relative;
}
.hayseed-content .hashtag p{
    position: relative;
    z-index: 10;
    display: inline-block;
    width: 250px;
    height: 36px;
    background: #c5a349;
    color: #f5ecd5;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 36px;
}
.hayseed-content .hashtag:after{
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 50%;
    z-index: 0;
    width: 240px;
    height: 36px;
    margin-left: -120px;
    background: rgba(195, 161, 72, 0.58);
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.hayseed-content .hashtag .icon-instagram{
    position: relative;
    left: 30px;
    color: #fff;
    z-index: 30;
    font-size: 1.2em;
}


/* Footer */

.hayseed-content .footer{
    border-top: 4px solid #bb9231;
    margin-top: 100px;
    color: #312924;
}
.hayseed-content .footer p{
    font-family: 'Caslon Antique', Georgia, Cambria, 'Times New Roman', Times, serif;
    display: block;
    margin: 10px auto;
    font-weight: bold;
    font-style: italic;
    color: #795a33;
    line-height: 1.4em;
    width: 30%;
}
.hayseed-content .footer img{
    display: block;
    margin: 20px auto -40px auto;
}
.hayseed-content .footer .tagline{
    display: inline-block;
    position: relative;
    top: -.65em;
    margin-bottom: -.65em;
    padding: 0 15px;
    background: #f5ecd5;
    font-family: 'Abraham Lincoln', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.25em;
    font-weight: normal;
    text-transform: uppercase;
}
.hayseed-content .footer .icon{
    color: #795a33;
    margin: 0 0 20px 0;
    font-size: 1.6em;
}

.page-billboard.hayseed.menu{
    max-height: 500px;
}

@media only screen and (max-width: 1400px) {

    .page-billboard.hayseed {
        height: 600px;
    }

    .page-billboard.hayseed .caption {
        top: 250px;
    }
    .hayseed-content .contact .hours{
        padding-left: 0px;
    }
    .hayseed-content .contact .hour{
        font-size: .9em;
    }

    .hayseed-content.menu .description{
        background: none;
        padding: 1em 6em;
    }
}
@media only screen and (max-width: 990px) {

    .page-billboard.hayseed {
        height: 500px;
    }

    .page-billboard.hayseed .caption {
        top: 125px;
    }
    .page-billboard.hayseed .billboard-buttons{
        top: 175px;
    }
    .hayseed-content .contact .closes{
        display: block;
        margin-top: 5px;
    }
    .hayseed-content .contact .hours{
        font-size: .8em;
    }
    .hayseed-content .contact .day{
        font-size: 1.1em;
    }
    .hayseed-content .contact .closes{
        font-size: .6em;
    }
    .hayseed-content .take-tour-wrap{
        max-width: 100%;
    }
    .hayseed-nav.stick {
        top: 0px;
    }
    .hayseed-content .footer p{
        width: 80%;
    }

    .hayseed-nav{
        height: auto;
        padding: 10px 0;
    }
    .hayseed-nav a{
        line-height: 36px;
    }
    .hayseed-nav a{
        margin: 0 1em;
        font-size: 1em;
        line-height: 36px;
    }

    .hayseed-content.menu .col{
        width: 100%!important;
    }
    .hayseed-content .menu-chalkboard{
        position: relative;
        margin: 0 auto 40px auto;
    }


}
@media only screen and (max-width: 740px) {

    .page-billboard.hayseed {
        height: 400px;
    }
    .page-billboard.hayseed.menu{
        height: 250px;
    }
    .page-billboard.hayseed .caption {
        top: 84px;
    }
    .page-billboard.hayseed .billboard-buttons{
        top: 125px;
    }
    .page-billboard.hayseed .billboard-buttons .big-blue-button{
        padding: 8px 20px 2px 20px;
        font-size: 1em!important;
    }
    .hayseed-content.menu .description{
        padding: 1em 3em;
    }
    .hayseed-content.menu .description p{
        line-height: 1.1em;
        font-size: 1em;
    }

    section#sticky-anchor{
        min-height: 90px;
    }

}
@media only screen and (max-width: 699px) {

    .hayseed-content .owners img{
        border: 5px solid #fff;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .hayseed-content .col{
        display: block;
        float: none;
        width: 100%!important;
        margin: 3% 0;
    }
    .hayseed-content .owner-quote{
        display: block;
        padding-top: 20px;
        background: none;
    }
    .hayseed-content .content{
        padding: 0px 0 20px 0;
    }
    .hayseed-content .contact .hours{
        text-align: center;
    }
    .hayseed-content .grid{
        margin-top: 20px;
    }
    .gallery-desc{
        padding: 20px 30px;
        max-width: 70%;
        position: absolute;
        bottom: 10px;
    }

}

@media only screen and (max-width: 620px) {
    .gallery-desc{
        left: 15%;
    }
}

@media only screen and (max-width: 480px) {

    .page-billboard.hayseed {
        height: 350px;
        border-bottom: 5px solid #312924;
    }
    .page-billboard.hayseed .headline-line3 {
        margin: .5em auto;
    }
    .page-billboard.hayseed .billboard-buttons .big-blue-button{
        padding: 8px 10px 0px 10px;
        margin: 2px 5px;
    }
    .page-billboard.hayseed .billboard-buttons{
        top: 80px;
    }
    .gallery-desc{
        display: none;
    }
    .hayseed-nav a{
        line-height: 26px;
    }
}

/*  ==========================================================================
     25. ERRORS
    ==========================================================================  */

.error404-text {
    max-width: 720px;
    margin: .5em auto;
    line-height: 1.5;
}
.error404-text a {
    color: #bb9230;
    text-decoration: underline;
}
@media only screen and (max-width: 740px) {

    .error404-text {
        font-size: .875em;
    }
    .error404 .page-billboard .caption {
        top: 60px;
    }
    .error404 .icon-wheat {
        display: none;
    }
}
@media only screen and (max-width: 480px) {

    .error404-text {
        font-size: .75em;
    }
    .error404 .page-billboard .caption {
        top: 26px;
    }
}