/*
Theme Name: BG Brewery
Author: James Walters @ pixelFLYTE
Author URI: http://pixelflyte.com
Description: Custom Theme for BG Brewery

*/
@font-face {
  font-family: 'AltGoth';
  src: url("fonts/altgot2n-webfont.eot");
  src: url("fonts/altgot2n-webfont.woff") format("woff"), url("fonts/altgot2n-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/altgot2n-webfont.ttf") format("truetype"), url("fonts/altgot2n-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'rchs';
  src: url("fonts/SwistblnkMonthoers.eot?#iefix") format("embedded-opentype"), url("fonts/SwistblnkMonthoers.woff") format("woff"), url("fonts/SwistblnkMonthoers.ttf") format("truetype"), url("fonts/SwistblnkMonthoers.svg#SwistblnkMonthoers") format("svg");
  font-weight: normal;
  font-style: normal;
  /*
  src: url('fonts/rchs-webfont.eot');
  src: url('fonts/rchs-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/rchs-webfont.woff') format('woff'),
       url('fonts/rchs-webfont.ttf') format('truetype'),
       url('fonts/rchs-webfont.svg#rchs') format('svg');
  font-weight: normal;
  font-style: normal;
  */ }
@font-face {
  font-family: 'tcg';
  src: url("fonts/tcg.eot");
  src: url("fonts/tcg.eot?#iefix") format("embedded-opentype"), url("fonts/tcg.woff") format("woff"), url("fonts/tcg.ttf") format("truetype"), url("fonts/tcg.svg#tch") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'btg';
  src: url("fonts/btg.eot");
  src: url("fonts/btg.eot?#iefix") format("embedded-opentype"), url("fonts/btg.woff") format("woff"), url("fonts/btg.ttf") format("truetype"), url("fonts/btg.svg#btg") format("svg");
  font-weight: normal;
  font-style: normal; }
/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  position: relative; }

/*BASE ELEMENTS*/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*:focus {
  outline: none; }

body {
  background: #fff;
  color: #000;
  font-family: "pt-serif", serif;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  font-family: "pt-serif", serif;
  color: #000; }

h1, h2 {
  font-size: 40px;
  line-height: 60px; }

h3 {
  font-size: 25px;
  line-height: 25px;
  margin-bottom: 12px; }

p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 12px; }

p:last-of-type {
  margin-bottom: 0; }

em {
  font-style: italic; }

strong, b {
  font-weight: 600; }

a {
  text-decoration: none;
  color: #A0ACAA;
  cursor: pointer; }

a:hover {
  color: #666; }

.alignleft {
  float: left;
  margin: 4px 14px 0 0; }

.alignright {
  float: right;
  margin: 4px 0 0 14px; }

.clearfix:before, .clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix:after {
  clear: both; }

blockquote {
  width: 40%;
  display: block;
  float: right;
  margin: 16px 0 12px 12px;
  font-size: 16px;
  text-align: left;
  font-style: italic;
  line-height: 20px;
  padding: 0;
  border-top: 2px solid #b1cbf3;
  border-bottom: 2px solid #b1cbf3;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px; }

blockquote p {
  font-size: 16px;
  text-align: left;
  line-height: 20px; }

blockquote p:before {
  content: '\201C';
  display: inline-block;
  margin-right: 2px; }

blockquote p:after {
  content: '\201D';
  display: inline; }

blockquote:nth-child(odd) {
  float: left;
  margin-left: 0;
  margin-right: 12px; }

blockquote:nth-child(even) {
  float: right; }

.wp-caption {
  margin: 10px;
  padding: 5px;
  border: solid 1px #F5F5F5;
  font-size: 90%;
  color: black;
  width: 50% !important; }

.wp-caption {
  text-align: center; }

img.alignright {
  float: right;
  margin: 0 0 1em 1em; }

img.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

@media screen and (max-width: 767px) {
  .alignright {
    float: none; }

  .alignleft {
    float: none; }

  .wp-caption {
    margin: 1% 10%;
    padding: 5px;
    border: solid 1px #F5F5F5;
    font-size: 90%;
    color: black;
    width: 80% !important; } }
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  margin-bottom: 10px; }

.wp-caption img {
  width: 90%;
  height: auto; }

.aligncenter {
  text-align: center; }

/*LAYOUT*/
.container {
  padding: 15px 37.5px;
  margin: 0 auto;
  max-width: 1440px; }

/*HEADER*/
header {
  background: #b6dcbc url(images/header.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 14.6%; }
  header .header-contain {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 14.6%;
    max-width: 1440px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); }
  header img.logo {
    max-width: 150px;
    height: auto;
    position: absolute;
    left: 37.5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%); }
  header nav {
    position: absolute;
    left: 232.5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%); }
    header nav ul {
      font-size: 0;
      line-height: 0; }
      header nav ul li {
        display: inline-block;
        font-family: "din-condensed", sans-serif;
        font-size: 34px;
        font-weight: 600;
        line-height: 24px;
        text-transform: uppercase;
        margin-right: 22.5px; }
        header nav ul li a {
          color: #000;
          display: block;
          background: #fff;
          padding: 8px 6px 4px 8px;
          transition: color 0.3s;
          -webkit-transition: color 0.3s;
          font-weight: 400;
          letter-spacing: -1px; }
          header nav ul li a:hover {
            color: #ff6c0c; }
          header nav ul li a i {
            display: block; }
        header nav ul li.current-menu-item > a, header nav ul li.current-page-ancestor > a, header nav ul li.current-menu-parent > a {
          color: #ff6c0c; }
  header ul.social-media {
    position: absolute;
    right: 37.5px;
    height: 23px;
    font-size: 0;
    line-height: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%); }
    header ul.social-media li {
      font-size: 24px;
      line-height: 24px;
      margin: 0 10px;
      display: inline-block; }
      header ul.social-media li:last-of-type {
        margin-right: 0; }
      header ul.social-media li:first-of-type {
        margin-left: 0; }
      header ul.social-media li a {
        display: block;
        height: 100%;
        width: 100%;
        color: #000; }
        header ul.social-media li a:hover {
          color: #ff6c0c; }
  header [off-canvas], header .mobile-activate {
    display: none; }
    header [off-canvas] ul.social-media, header [off-canvas] nav, header .mobile-activate ul.social-media, header .mobile-activate nav {
      display: none; }

a.anchor {
  display: block;
  padding: 20px;
  display: none; }

/*FOOTER*/
footer {
  font-size: 0;
  line-height: 0;
  border-top: 20px solid #000;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0; }
  footer .footer-contain {
    margin: 0 auto;
    max-width: 1440px;
    background: url(images/bg-footer@2x.png) top 30px right 37.5px no-repeat;
    background-size: 80px auto;
    padding: 15px 37.5px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex; }
  footer section {
    display: inline-block;
    width: 25%;
    vertical-align: top; }
    footer section h3, footer section p {
      font-size: 14px;
      font-weight: 600;
      font-family: "pt-serif", serif; }
      footer section h3 a, footer section p a {
        color: #bf2362; }
        footer section h3 a:hover, footer section p a:hover {
          text-decoration: underline;
          color: inherit; }
    footer section img {
      max-width: 100%;
      height: auto; }
    footer section.feature {
      padding-right: 37.5px; }
    footer section.about {
      border-left: 1px solid #D4D4D4;
      border-right: 1px solid #D4D4D4;
      padding: 0 37.5px; }
    footer section.contact {
      width: 50%;
      padding-left: 37.5px; }
      footer section.contact h3 {
        padding-left: 25px; }
      footer section.contact .location {
        width: 46%;
        float: left; }
        footer section.contact .location p {
          padding-left: 25px;
          position: relative;
          font-weight: 400;
          margin-bottom: 0; }
          footer section.contact .location p:before {
            background: url(images/icons.png) no-repeat;
            background-size: 220px 16px;
            content: '';
            position: absolute;
            display: block;
            width: 20px;
            height: 16px;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%); }
          footer section.contact .location p a {
            color: #000; }
          footer section.contact .location p.address {
            margin-bottom: 15px; }
            footer section.contact .location p.address:before {
              background-position: -50px 0; }
          footer section.contact .location p.email:before {
            background-position: -25px 0; }
      footer section.contact p.mailing-list {
        margin-top: 30px;
        margin-bottom: 0;
        padding-left: 25px; }
      footer section.contact form.subscribe {
        display: block;
        margin-left: 25px;
        max-width: 70%; }
        footer section.contact form.subscribe input[type='text'] {
          width: 90%;
          display: inline-block;
          border: none;
          background: #d5d3d3;
          padding: 6px 4px; }
        footer section.contact form.subscribe input[type='submit'] {
          width: 5%;
          background-color: #bf2362;
          background-image: url(images/arrow-submit.png);
          background-repeat: no-repeat;
          background-size: 14px 12px;
          text-indent: -999em;
          display: inline-block;
          border: none;
          cursor: pointer;
          background-position: center center;
          vertical-align: top;
          padding: 6px 16px; }
          footer section.contact form.subscribe input[type='submit']:hover {
            background-color: #000; }

a.back-to-top {
  display: none;
  cursor: pointer; }

/*HOME*/
body.home header {
  padding-top: 52.3%;
  background-image: url(images/header-home.jpg); }
body.home .home-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 14.6%;
  max-width: 1440px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%); }
body.home footer {
  padding-top: 30px;
  margin-top: 0;
  border-top: none; }

/*DEFAULT PAGE*/
article.page aside.sidebar {
  float: left;
  width: 15%; }
  article.page aside.sidebar h2 {
    font-family: "AltGoth", sans-serif;
    font-weight: 400;
    line-height: 60px;
    font-size: 60px;
    position: relative;
    display: inline;
    background-image: linear-gradient(#000 50%, #000 50%);
    background-size: 100% 1px;
    background-position: left bottom 10px;
    background-repeat: repeat-x; }
  article.page aside.sidebar ul.left-nav {
    margin-top: 60px;
    font-size: 0;
    line-height: 0; }
    article.page aside.sidebar ul.left-nav li {
      border-bottom: 1px solid rgba(201, 190, 186, 0.5);
      padding: 0 0 30px;
      margin-bottom: 30px; }
      article.page aside.sidebar ul.left-nav li a img {
        max-width: 100%;
        height: auto; }
      article.page aside.sidebar ul.left-nav li a h3 {
        color: #77bc1f;
        font-family: "AltGoth", sans-serif;
        font-size: 26px;
        line-height: 32px;
        text-transform: uppercase;
        text-decoration: underline;
        margin-bottom: 2px;
        transition: color 0.3s;
        -webkit-transition: color 0.3s;
        margin-bottom: 15px; }
      article.page aside.sidebar ul.left-nav li a:hover h3 {
        color: #c9beba; }
      article.page aside.sidebar ul.left-nav li:last-of-type {
        border-bottom: 0; }
article.page section.content {
  float: right;
  width: 80%;
  margin-top: 15px; }
  article.page section.content h1 {
    font-family: "rchs", sans-serif;
    color: #77bc1f;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    text-transform: lowercase; }
    article.page section.content h1 br {
      display: none; }
  article.page section.content h5 {
    font-family: "rchs", sans-serif;
    color: #77bc1f;
    font-size: 40px;
    line-height: 40px;
    margin-top: 15px;
    margin-bottom: 10px;
    text-transform: lowercase; }
  article.page section.content h3 {
    font-family: "pt-serif", serif;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 28px; }
  article.page section.content img {
    max-width: 100%;
    height: auto; }
  article.page section.content .gform_wrapper ul {
    list-style: none;
    margin: 0; }
  article.page section.content ul.sub-menu {
    display: block;
    font-size: 0;
    line-height: 0;
    margin-bottom: 60px; }
    article.page section.content ul.sub-menu li {
      display: inline-block;
      font-family: "din-condensed", sans-serif;
      font-size: 24px;
      line-height: 24px;
      margin-right: 15px;
      text-transform: uppercase; }
      article.page section.content ul.sub-menu li a {
        background: #000;
        color: #fff;
        padding: 4px 12px; }
        article.page section.content ul.sub-menu li a:hover {
          background: #ff6c0c; }
      article.page section.content ul.sub-menu li.current_page_item a {
        background: #ff6c0c; }
  article.page section.content ul.instagram-feed {
    font-size: 0;
    line-height: 0;
    border-top: 20px solid #000;
    padding-top: 22.5px; }
    article.page section.content ul.instagram-feed li {
      display: inline-block;
      width: 32%;
      margin-bottom: 6%; }
      article.page section.content ul.instagram-feed li:nth-child(3n+2) {
        margin: 0 2% 2%; }
      article.page section.content ul.instagram-feed li img {
        width: 100%;
        height: auto; }
      article.page section.content ul.instagram-feed li h5 {
        font-family: "pt-serif", serif;
        font-size: 16px;
        line-height: 16px;
        color: #000;
        font-weight: 600;
        margin-top: 4px; }
        article.page section.content ul.instagram-feed li h5 span.posted-on {
          float: right;
          font-family: "din-condensed", sans-serif;
          color: #c9beba;
          font-weight: 400; }
        article.page section.content ul.instagram-feed li h5 span.title {
          float: left; }
      article.page section.content ul.instagram-feed li a {
        display: block; }
        article.page section.content ul.instagram-feed li a h5 {
          color: #000;
          transition: color 0.3s;
          -webkit-transition: color 0.3s; }
          article.page section.content ul.instagram-feed li a h5 span.posted-on {
            color: #c9beba; }
        article.page section.content ul.instagram-feed li a:hover h5 {
          color: #77bc1f; }
article.page section.bottom-area {
  margin-top: 64px; }
  article.page section.bottom-area h4 {
    font-family: "pt-serif", serif;
    font-weight: 600;
    font-size: 16px;
    padding-left: 50px;
    position: relative;
    margin-bottom: 4px; }
    article.page section.bottom-area h4:before {
      display: block;
      position: absolute;
      width: 40px;
      height: 64px;
      content: '';
      background: url(images/header-acorn.png) no-repeat 0 0;
      background-size: 40px 64px;
      bottom: 0;
      left: 0; }
    article.page section.bottom-area h4 span {
      font-weight: 400;
      display: inline-block;
      margin: 0 15px;
      font-style: italic; }
  article.page section.bottom-area.instagram {
    margin-top: 50px; }
    article.page section.bottom-area.instagram h4:before {
      background-image: url(images/instagram.png);
      background-size: 40px 40px;
      height: 40px; }
article.page ul.bottom-page-nav {
  font-size: 0;
  line-height: 0;
  border-top: 20px solid #000;
  padding-top: 22.5px; }
  article.page ul.bottom-page-nav li {
    display: inline-block;
    width: 32%; }
    article.page ul.bottom-page-nav li:first-of-type {
      margin-right: 2%; }
    article.page ul.bottom-page-nav li:last-of-type {
      margin-left: 2%; }
    article.page ul.bottom-page-nav li a {
      display: block; }
      article.page ul.bottom-page-nav li a img {
        max-width: 100%;
        height: auto; }
      article.page ul.bottom-page-nav li a h3 {
        color: #77bc1f;
        font-family: "rchs", sans-serif;
        text-transform: lowercase;
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 0;
        transition: color 0.3s;
        -webkit-transition: color 0.3s; }
      article.page ul.bottom-page-nav li a:hover h3 {
        color: #000; }

/*ABOUT*/
article.page.about section.content {
  margin-top: 75px;
  padding-bottom: 15px; }
article.page.about ul.team, article.page.about ul.events {
  display: block; }
  article.page.about ul.team li, article.page.about ul.events li {
    float: left;
    width: 49%;
    display: block;
    padding: 0;
    margin: 0;
    background: #e1eee4;
    padding-bottom: 45px;
    border-bottom: 10px solid #fff; }
    article.page.about ul.team li h3, article.page.about ul.team li h4, article.page.about ul.team li p, article.page.about ul.events li h3, article.page.about ul.events li h4, article.page.about ul.events li p {
      padding: 0 15px; }
    article.page.about ul.team li h3, article.page.about ul.events li h3 {
      margin-bottom: 0;
      font-family: "tcg", sans-serif;
      color: #000;
      text-transform: uppercase;
      font-size: 28px;
      line-height: 38px;
      margin-top: 30px;
      display: block;
      margin-bottom: 3px; }
    article.page.about ul.team li h4, article.page.about ul.events li h4 {
      font-style: italic;
      margin-bottom: 22.5px;
      font-size: 18px; }
    article.page.about ul.team li p, article.page.about ul.events li p {
      font-size: 18px;
      line-height: 28px; }
    article.page.about ul.team li:nth-child(2n+1), article.page.about ul.events li:nth-child(2n+1) {
      clear: left; }
    article.page.about ul.team li:nth-child(4n-2), article.page.about ul.team li:nth-child(4n-1), article.page.about ul.events li:nth-child(4n-2), article.page.about ul.events li:nth-child(4n-1) {
      background: #fff; }
    article.page.about ul.team li:nth-child(even), article.page.about ul.events li:nth-child(even) {
      float: right; }

/*EVENTS*/
article.page.events section.content {
  margin-top: 15px;
  padding-bottom: 15px; }
article.page.events ul.team, article.page.events ul.events {
  display: block; }
  article.page.events ul.team li, article.page.events ul.events li {
    float: left;
    width: 49%;
    display: block;
    padding: 0;
    margin: 0;
    background: #e1eee4;
    padding-bottom: 45px;
    border-bottom: 10px solid #fff; }
    article.page.events ul.team li h2, article.page.events ul.team li h3, article.page.events ul.team li h4, article.page.events ul.team li p, article.page.events ul.events li h2, article.page.events ul.events li h3, article.page.events ul.events li h4, article.page.events ul.events li p {
      padding: 0 15px; }
    article.page.events ul.team li h2, article.page.events ul.events li h2 {
      margin-bottom: 0;
      font-family: "tcg", sans-serif;
      color: #000;
      text-transform: uppercase;
      font-size: 48px;
      line-height: 40px;
      margin-top: 15px;
      display: block;
      margin-bottom: 3px; }
    article.page.events ul.team li h3, article.page.events ul.events li h3 {
      margin-bottom: 0;
      font-family: "tcg", sans-serif;
      color: #000;
      text-transform: uppercase;
      font-size: 28px;
      line-height: 20px;
      margin-top: 15px;
      display: block;
      margin-bottom: 3px; }
    article.page.events ul.team li h4, article.page.events ul.events li h4 {
      font-style: italic;
      margin-bottom: 22.5px;
      font-size: 18px; }
    article.page.events ul.team li p, article.page.events ul.events li p {
      font-size: 18px;
      line-height: 28px; }
    article.page.events ul.team li:nth-child(2n+1), article.page.events ul.events li:nth-child(2n+1) {
      clear: left; }
    article.page.events ul.team li:nth-child(4n-2), article.page.events ul.team li:nth-child(4n-1), article.page.events ul.events li:nth-child(4n-2), article.page.events ul.events li:nth-child(4n-1) {
      background: #fff; }
    article.page.events ul.team li:nth-child(even), article.page.events ul.events li:nth-child(even) {
      float: right; }

/*BEER*/
article.page.beer aside.sidebar .beer-selector {
  margin-top: 30px; }
  article.page.beer aside.sidebar .beer-selector p {
    margin-left: 10px;
    font-size: 18px;
    font-family: Arial,sans-serif;
    color: #231f20;
    font-weight: 600; }
article.page.beer section.content .beer-details {
  display: block;
  font-size: 0;
  line-height: 0; }
  article.page.beer section.content .beer-details .beer-image {
    float: left;
    width: 60%; }
    article.page.beer section.content .beer-details .beer-image img {
      max-width: 100%;
      height: auto; }
  article.page.beer section.content .beer-details .beer-info {
    float: right;
    width: 34%;
    margin-top: 60px; }
    article.page.beer section.content .beer-details .beer-info h1 {
      color: #bf2362;
      font-family: "din-condensed", sans-serif;
      text-transform: uppercase;
      font-size: 52px;
      line-height: 52px;
      letter-spacing: -2px;
      margin-bottom: 22.5px; }
    article.page.beer section.content .beer-details .beer-info p {
      border-top: 1px solid rgba(201, 190, 186, 0.5);
      font-family: "btg", sans-serif;
      text-transform: uppercase;
      margin-bottom: 0;
      padding: 15px 0;
      font-size: 20px;
      line-height: 20px; }
      article.page.beer section.content .beer-details .beer-info p.price {
        color: #bf2362; }
article.page.beer section.content hr {
  border: none;
  display: block;
  height: 20px;
  background: rgba(201, 190, 186, 0.2);
  margin: 30px 0; }
  article.page.beer section.content hr.no-top {
    margin-top: 0; }
article.page.beer section.content h2 {
  color: #bf2362;
  font-family: "din-condensed", sans-serif;
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 15px;
  line-height: 36px; }
article.page.beer section.content p {
  font-size: 18px;
  line-height: 26px; }
article.page.beer section.content .col-holder .col {
  width: 48%;
  float: left; }
  article.page.beer section.content .col-holder .col:nth-child(even) {
    float: right; }
  article.page.beer section.content .col-holder .col h3 {
    font-family: "din-condensed", sans-serif;
    margin-bottom: 0;
    margin-top: 7.5px;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 22px;
    line-height: 26px; }
  article.page.beer section.content .col-holder .col p {
    margin-bottom: 22.5px;
    font-size: 18px;
    line-height: 26px; }
    article.page.beer section.content .col-holder .col p:last-of-type {
      margin-bottom: 0; }

article.page.restaurant .menu-image {
  margin-bottom: 10px; }
article.page.restaurant aside.sidebar .hours {
  margin-top: 60px; }
  article.page.restaurant aside.sidebar .hours p {
    margin-bottom: 0; }
    article.page.restaurant aside.sidebar .hours p.add-top {
      margin-top: 30px; }
    article.page.restaurant aside.sidebar .hours p .days {
      display: inline-block;
      width: 35%; }
    article.page.restaurant aside.sidebar .hours p .hours {
      display: inline;
      color: #c46d14; }
article.page.restaurant section.content .menu-cols .col {
  width: 31%;
  float: left; }
  article.page.restaurant section.content .menu-cols .col:nth-child(3n+2) {
    padding-right: 3%;
    padding-left: 3%; }
  article.page.restaurant section.content .menu-cols .col hr {
    border: none;
    display: block;
    height: 20px;
    background: #000;
    margin: 10px 0 15px; }
  article.page.restaurant section.content .menu-cols .col img.menu-header {
    margin-top: 45px; }
    article.page.restaurant section.content .menu-cols .col img.menu-header:first-of-type {
      margin-top: 0; }
    article.page.restaurant section.content .menu-cols .col img.menu-header.tacos {
      margin-top: 21px; }
  article.page.restaurant section.content .menu-cols .col span.menu-header {
    font-family: "rchs", sans-serif;
    font-size: 48px;
    line-height: 40px;
    text-transform: lowercase; }
  article.page.restaurant section.content .menu-cols .col span.header-sub {
    display: block;
    font-family: "pt-serif", serif;
    font-style: italic;
    font-size: 12px;
    line-height: 16px; }
  article.page.restaurant section.content .menu-cols .col h4 {
    font-family: "din-condensed", sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 4px; }
    article.page.restaurant section.content .menu-cols .col h4 sup {
      vertical-align: super;
      font-size: 60%; }
    article.page.restaurant section.content .menu-cols .col h4 span.options {
      font-style: italic;
      font-family: "pt-serif", serif;
      font-size: 14px;
      text-transform: lowercase;
      line-height: 13px;
      display: inline-block; }
    article.page.restaurant section.content .menu-cols .col h4 span.alcohol {
      display: inline-block;
      background: #000;
      color: #fff;
      line-height: 16px;
      font-size: 15px;
      padding: 0 2px;
      position: relative;
      top: -2px; }
  article.page.restaurant section.content .menu-cols .col p {
    margin-bottom: 22.5px; }
    article.page.restaurant section.content .menu-cols .col p span.price {
      color: #77bc1f;
      font-family: "din-condensed", sans-serif;
      font-weight: 500;
      font-size: 18px;
      vertical-align: baseline; }

/*DROPKICK*/
.dk-select,
.dk-select *,
.dk-select *:before,
.dk-select *:after,
.dk-select-multi,
.dk-select-multi *,
.dk-select-multi *:before,
.dk-select-multi *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.dk-select,
.dk-select-multi {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-family: "din-condensed", sans-serif;
  text-transform: uppercase;
  color: #333;
  line-height: 18px;
  color: #fff;
  font-weight: 500;
  width: 100%;
  cursor: pointer; }

.dk-selected {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  background-color: #000;
  padding: 7px 20px 5px 10px;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  .dk-selected:before, .dk-selected:after {
    content: '';
    display: block;
    position: absolute;
    right: 0; }
  .dk-selected:before {
    top: 50%; }
  .dk-selected:after {
    top: 5px;
    right: 1px;
    width: 25px;
    height: 14px;
    background: url(images/arrow-down.png) center 4px no-repeat;
    background-size: 18px 10px; }

.dk-selected-disabled {
  color: #BBBBBB; }

.dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  font-size: 18px;
  line-height: 18px;
  right: 0; }

.dk-select-open-up .dk-select-options {
  margin-bottom: -1px;
  bottom: 100%; }

.dk-select-open-down .dk-select-options {
  margin-top: -1px;
  top: 100%; }

.dk-select-multi .dk-select-options {
  max-height: 10em; }

.dk-select-options {
  background-color: #000;
  list-style: none;
  margin: 0;
  max-height: 15.5em;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.25em 0;
  width: auto;
  z-index: 100; }

.dk-select-options-highlight .dk-option-selected {
  background-color: transparent;
  color: inherit; }

.dk-option {
  padding: 4px 5px 3px 10px; }

.dk-select-options .dk-option-highlight {
  background-color: rgba(255, 255, 255, 0.1);
  color: #bf2362; }

.dk-select-options .dk-option-disabled {
  background-color: transparent; }

.dk-select-options .dk-option-hidden {
  display: none; }

.dk-optgroup {
  border-width: 1px 0;
  padding: 0.25em 0;
  margin-top: 0.25em; }
  .dk-optgroup + .dk-option {
    margin-top: 0.25em; }
  .dk-optgroup + .dk-optgroup {
    border-top-width: 0;
    margin-top: 0; }
  .dk-optgroup:nth-child(2) {
    padding-top: 0;
    border-top: none;
    margin-top: 0; }
  .dk-optgroup:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0; }

.dk-optgroup-label {
  padding: 0 0.5em 0.25em;
  font-weight: bold;
  width: 100%; }

.dk-optgroup-options {
  list-style: none;
  padding-left: 0; }
  .dk-optgroup-options li {
    padding-left: 1.2em; }

.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options {
  display: block;
  border-color: #3297fd; }

.dk-select-multi:hover,
.dk-select-multi:focus {
  outline: none; }

.dk-selected:hover,
.dk-selected:focus {
  outline: none; }

.dk-select-disabled {
  opacity: 0.6;
  color: #BBBBBB;
  cursor: not-allowed; }
  .dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus {
    border-color: inherit; }
    .dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before {
      border-top-color: inherit; }
    .dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after {
      border-left-color: inherit; }

select[data-dkcacheid] {
  display: none; }

/*FORMS*/
.gform_body {
  margin-top: 45px; }
  .gform_body ul.gform_fields {
    margin-bottom: 0; }
    .gform_body ul.gform_fields li {
      margin-bottom: 2%; }
      .gform_body ul.gform_fields li label {
        display: none; }
      .gform_body ul.gform_fields li input {
        width: 100%;
        border: none;
        background: #ecf5e2;
        padding: 8px 12px; }
      .gform_body ul.gform_fields li textarea {
        width: 100%;
        border: none;
        background: #ecf5e2;
        padding: 8px 12px; }
      .gform_body ul.gform_fields li input, .gform_body ul.gform_fields li textarea {
        font-family: "pt-serif", serif;
        font-size: 16px; }
      .gform_body ul.gform_fields li ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #000; }
      .gform_body ul.gform_fields li ::-moz-placeholder {
        /* Firefox 19+ */ }
      .gform_body ul.gform_fields li :-ms-input-placeholder {
        /* IE 10+ */ }
      .gform_body ul.gform_fields li :-moz-placeholder {
        /* Firefox 18- */ }
      .gform_body ul.gform_fields li.half {
        display: inline-block;
        width: 49%; }
        .gform_body ul.gform_fields li.half.right {
          margin-left: 2%; }
      .gform_body ul.gform_fields li.radios {
        margin-bottom: 35px; }
        .gform_body ul.gform_fields li.radios ul.gfield_radio li {
          display: inline-block;
          margin-right: 10px;
          margin-bottom: 10px; }
          .gform_body ul.gform_fields li.radios ul.gfield_radio li input[type=radio] {
            position: absolute;
            visibility: hidden;
            width: auto;
            z-index: 0; }
          .gform_body ul.gform_fields li.radios ul.gfield_radio li label {
            display: block;
            position: relative;
            font-family: "din-condensed", sans-serif;
            font-size: 24px;
            line-height: 24px;
            padding: 4px 12px;
            text-transform: uppercase;
            color: #fff;
            background: #000;
            z-index: 9;
            cursor: pointer;
            -webkit-transition: all 0.2s linear; }
          .gform_body ul.gform_fields li.radios ul.gfield_radio li input[type=radio]:checked ~ label, .gform_body ul.gform_fields li.radios ul.gfield_radio li input[type=radio]:hover ~ label {
            background: #ff6c0c; }

.gform_footer {
  margin: 0;
  padding: 0;
  padding: 0 35px 0 12px;
  position: relative;
  display: block;
  line-height: 0; }
  .gform_footer input[type='submit'] {
    border: none;
    background: url(images/bu-submit.png) no-repeat;
    background-size: 122px 78px;
    width: 122px;
    height: 39px;
    text-indent: -9999px;
    cursor: pointer;
    display: block;
    line-height: 39px; }
    .gform_footer input[type='submit']:hover {
      background-position: 0 -39px; }

.ui-datepicker {
  z-index: 9999 !important; }

/*Laptop*/
@media screen and (min-width: 1400px) {
  /*FOOTER*/
  footer {
    font-size: 0;
    line-height: 0;
    border-top: 20px solid #000;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0; }
    footer .footer-contain {
      margin: 0 auto;
      max-width: 1440px;
      background: url(images/bg-footer@2x.png) top 30px right 37.5px no-repeat;
      background-size: 80px auto;
      padding: 15px 37.5px;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex; }
    footer section {
      display: inline-block;
      width: 25%;
      vertical-align: top; }
      footer section h3, footer section p {
        font-size: 16px;
        font-weight: 600;
        font-family: "pt-serif", serif;
        line-height: 24px; }
        footer section h3 a, footer section p a {
          color: #bf2362; }
          footer section h3 a:hover, footer section p a:hover {
            text-decoration: underline;
            color: inherit; }
      footer section img {
        max-width: 100%;
        height: auto; }
      footer section.feature {
        padding-right: 37.5px; }
      footer section.about {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        padding: 0 37.5px; }
      footer section.contact {
        width: 50%;
        padding-left: 37.5px; }
        footer section.contact h3 {
          padding-left: 25px; }
        footer section.contact .location {
          width: 46%;
          float: left; }
          footer section.contact .location p {
            padding-left: 25px;
            position: relative;
            font-weight: 400;
            margin-bottom: 0; }
            footer section.contact .location p:before {
              background: url(images/icons.svg) no-repeat;
              background-size: 71px 16px;
              content: '';
              position: absolute;
              display: block;
              width: 20px;
              height: 16px;
              left: 0;
              top: 50%;
              transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              background-position: 1px 0; }
            footer section.contact .location p a {
              color: #000; }
            footer section.contact .location p.address {
              margin-bottom: 15px; }
              footer section.contact .location p.address:before {
                background-position: -55px 0; }
            footer section.contact .location p.email:before {
              background-position: -26px 0; }
        footer section.contact p.mailing-list {
          margin-top: 75px;
          margin-bottom: 0;
          padding-left: 25px; }
        footer section.contact form.subscribe {
          display: block;
          margin-left: 25px;
          max-width: 70%; }
          footer section.contact form.subscribe input[type='text'] {
            width: 90%;
            display: inline-block;
            border: none;
            background: #e7e7e9;
            padding: 8px 4px; }
          footer section.contact form.subscribe input[type='submit'] {
            width: 5%;
            background-color: #bf2362;
            background-image: url(images/arrow-submit.png);
            background-repeat: no-repeat;
            background-size: 14px 12px;
            text-indent: -999em;
            display: inline-block;
            border: none;
            cursor: pointer;
            background-position: center center;
            border-left: 3px solid #fff;
            vertical-align: top;
            padding: 8px 16px; }
            footer section.contact form.subscribe input[type='submit']:hover {
              background-color: #000; } }
@media screen and (max-width: 1220px) {
  header img.logo {
    max-width: 115px; }
  header nav {
    left: 197.5px; }
    header nav ul li {
      font-size: 30px; }

  /*FOOTER*/
  footer .footer-contain {
    background: none; }
  footer section.feature {
    width: 25%;
    padding-right: 30px; }
  footer section.about {
    width: 29%;
    padding: 0 30px; }
  footer section.contact {
    width: 46%;
    padding-left: 30px; }
    footer section.contact h3 {
      padding-left: 20px; }
    footer section.contact .location {
      width: 50%; }
      footer section.contact .location p {
        padding-left: 20px; }
        footer section.contact .location p a {
          color: #000; }
        footer section.contact .location p.address {
          margin-bottom: 15px; }
          footer section.contact .location p.address:before {
            background-position: -50px 0; }
        footer section.contact .location p.email:before {
          background-position: -25px 0; }
    footer section.contact p.mailing-list {
      margin-left: 0;
      padding-left: 0; }
    footer section.contact form.subscribe {
      max-width: 100%;
      width: 100%;
      margin-left: 0; }

  article.page aside.sidebar h2 {
    font-size: 50px; }

  article.page.restaurant aside.sidebar .hours p strong {
    display: block; }
  article.page.restaurant aside.sidebar .hours p span.days, article.page.restaurant aside.sidebar .hours p span.hours {
    display: block;
    margin-top: 0; }
  article.page.restaurant aside.sidebar .hours p span.days {
    margin-top: 7.5px; }
  article.page.restaurant aside.sidebar .hours p:nth-child(2) span.days, article.page.restaurant aside.sidebar .hours p:first-of-type span.days {
    margin-top: 0; }
  article.page.restaurant section.content .menu-cols .col img.menu-header.tacos {
    margin-top: 7px; } }
@media screen and (max-width: 1120px) {
  header img.logo {
    max-width: 115px; }
  header nav {
    left: 197.5px; }
    header nav ul li {
      font-size: 30px; }

  /*FOOTER*/
  footer .footer-contain {
    background: none; }
  footer section.feature {
    width: 25%;
    padding-right: 30px; }
  footer section.about {
    width: 29%;
    padding: 0 30px; }
  footer section.contact {
    width: 46%;
    padding-left: 30px; }
    footer section.contact h3 {
      padding-left: 20px; }
    footer section.contact .location {
      width: 50%; }
      footer section.contact .location p {
        padding-left: 20px; }
        footer section.contact .location p a {
          color: #000; }
        footer section.contact .location p.address {
          margin-bottom: 15px; }
          footer section.contact .location p.address:before {
            background-position: -50px 0; }
        footer section.contact .location p.email:before {
          background-position: -25px 0; }
    footer section.contact p.mailing-list {
      margin-left: 0;
      padding-left: 0; }
    footer section.contact form.subscribe {
      max-width: 100%;
      width: 100%;
      margin-left: 0; }

  article.page aside.sidebar h2 {
    font-size: 50px; }

  article.page.restaurant aside.sidebar .hours p strong {
    display: block; }
  article.page.restaurant aside.sidebar .hours p span.days, article.page.restaurant aside.sidebar .hours p span.hours {
    display: block;
    margin-top: 0; }
  article.page.restaurant aside.sidebar .hours p span.days {
    margin-top: 7.5px; }
  article.page.restaurant aside.sidebar .hours p:nth-child(2) span.days, article.page.restaurant aside.sidebar .hours p:first-of-type span.days {
    margin-top: 0; }
  article.page.restaurant section.content .menu-cols .col img.menu-header.tacos {
    margin-top: 7px; }

  footer section.contact .location p.email {
    font-size: 11px !important; } }
/*Tablet*/
@media screen and (max-width: 959px) {
  input[type=text],
  input[type=email],
  input[type=tel],
  input[type=url],
  input[type=search],
  input[type=submit] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0; }

  header img.logo {
    max-width: 90px; }
  header .header-contain nav, header .header-contain ul.social-media {
    display: none; }
  header [off-canvas] {
    padding-top: 60px;
    display: none;
    position: fixed;
    overflow: hidden;
    overflow-y: auto;
    background-color: #fff;
    /* Basic background color, overwrite this in your own css. */
    color: white;
    /* Basic colors, overwrite this in your own css. */
    -webkit-overflow-scrolling: touch;
    /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */ }
    header [off-canvas] nav, header [off-canvas] ul.social-media {
      display: block;
      position: relative;
      top: auto;
      transform: translateY(0);
      -webkit-transform: translateY(0);
      left: auto;
      right: auto; }
    header [off-canvas] nav {
      padding: 0 15px; }
      header [off-canvas] nav ul li {
        display: block;
        margin: 0;
        position: relative; }
        header [off-canvas] nav ul li a {
          position: relative; }
          header [off-canvas] nav ul li a:hover {
            color: #000; }
        header [off-canvas] nav ul li a {
          padding: 7.5px 0;
          display: block;
          position: relative; }
        header [off-canvas] nav ul li.sub-pages > a:after {
          width: 28px;
          height: 14px;
          display: inline-block;
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 9px 9px 0 9px;
          border-color: #000 transparent transparent transparent;
          position: relative;
          right: 0;
          top: 0;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          margin-left: 8px; }
        header [off-canvas] nav ul li.sub-pages.current-menu-parent > a, header [off-canvas] nav ul li.sub-pages.active-toggle > a {
          color: #ff6c0c; }
          header [off-canvas] nav ul li.sub-pages.current-menu-parent > a:hover, header [off-canvas] nav ul li.sub-pages.active-toggle > a:hover {
            color: #ff6c0c; }
        header [off-canvas] nav ul li.sub-pages.current-menu-parent > a:after, header [off-canvas] nav ul li.sub-pages.active-toggle > a:after {
          border-color: #ff6c0c transparent transparent transparent; }
        header [off-canvas] nav ul li ul {
          margin-bottom: 7.5px;
          display: none;
          padding-left: 30px; }
          header [off-canvas] nav ul li ul li {
            text-transform: none;
            font-weight: 400;
            font-size: 22px; }
        header [off-canvas] nav ul li.current-menu-parent ul {
          display: block; }
    header [off-canvas] ul.social-media {
      margin: 30px auto;
      text-align: center; }
  header [off-canvas*=right] {
    width: 200px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 9998;
    -webkit-box-shadow: -5px 0px 18px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -5px 0px 18px 0px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 0px 18px 0px rgba(0, 0, 0, 0.5); }
  header [canvas], header [off-canvas] {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: -webkit-transform 300ms;
    transition: transform 300ms;
    -webkit-backface-visibility: hidden;
    /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */ }
  header [off-canvas*=shift][off-canvas*=top] {
    -webkit-transform: translate(0px, 50%);
    transform: translate(0px, 50%); }
  header [off-canvas*=shift][off-canvas*=right] {
    -webkit-transform: translate(0%, 0px);
    transform: translate(0%, 0px); }
  header a.mobile-activate {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    text-indent: -9999px;
    z-index: 9999;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 37.5px;
    width: 45px;
    height: 43px; }
    header a.mobile-activate .bar1, header a.mobile-activate .bar2, header a.mobile-activate .bar3 {
      width: 35px;
      height: 3px;
      background-color: #000;
      margin: 0;
      transition: 0.2s all;
      -webkit-transition: 0.4s all;
      display: block;
      position: absolute;
      left: 5px; }
    header a.mobile-activate .bar1 {
      top: 10px; }
    header a.mobile-activate .bar2 {
      top: 20px; }
    header a.mobile-activate .bar3 {
      top: 30px; }
    header a.mobile-activate.active {
      background: #000;
      width: 35px;
      height: 30px; }
      header a.mobile-activate.active .bar1 {
        background: #fff;
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-7px, 6px);
        width: 25px;
        top: 5px; }
      header a.mobile-activate.active .bar2 {
        background: #fff;
        opacity: 0; }
      header a.mobile-activate.active .bar3 {
        background: #fff;
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px);
        width: 25px;
        top: 25px; }

  header [off-canvas] a.mobile-activate {
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: 15px;
    right: 15px; }

  /*FOOTER*/
  footer .footer-contain {
    background: none; }
  footer section.feature {
    width: 33%;
    padding-right: 22.5px; }
  footer section.about {
    width: 34%;
    padding: 0 22.5px; }
  footer section.contact {
    width: 33%;
    padding-left: 22.5px; }
    footer section.contact h3 {
      padding-left: 20px; }
    footer section.contact .location {
      width: 100%;
      float: none;
      margin-bottom: 30px; }
      footer section.contact .location p {
        padding-left: 20px; }
        footer section.contact .location p a {
          color: #000; }
        footer section.contact .location p.address {
          margin-bottom: 15px; }
          footer section.contact .location p.address:before {
            background-position: -50px 0; }
        footer section.contact .location p.email:before {
          background-position: -25px 0; }
    footer section.contact p.mailing-list {
      margin-left: 0;
      padding-left: 0; }
    footer section.contact form.subscribe {
      max-width: 100%;
      width: 100%;
      margin-left: 0; }
      footer section.contact form.subscribe input[type='text'] {
        width: 80%; }

  article.page aside.sidebar {
    width: 18%; }

  article.page aside.sidebar h2 {
    font-size: 40px;
    background-position: left bottom 6px;
    line-height: 40px; }

  article.page.about section.content {
    margin-top: 46px;
    width: 78%; }
    article.page.about section.content h1 {
      line-height: 24px; }

  article.page.about {
    /*	aside.sidebar{display:none}
    	section.content{float:none;width:100%;margin-top:10px}*/ }

  article.page.restaurant aside.sidebar {
    width: 25%; }
  article.page.restaurant section.content {
    width: 70%; }
    article.page.restaurant section.content .menu-cols .col {
      float: none;
      width: 100%;
      margin: 0;
      padding: 0 !important; }
      article.page.restaurant section.content .menu-cols .col img.menu-header {
        margin-top: 15px !important; }

  footer section.contact .location p.email {
    font-size: 14px !important; } }
@media screen and (max-width: 767px) {
  input[type=text],
  input[type=email],
  input[type=tel],
  input[type=url],
  input[type=search],
  input[type=submit] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0; }

  .container {
    padding: 15px 15px 0; }

  body header, body.home header {
    padding-top: 52.3%;
    background-size: cover;
    background-image: url(images/header-home.jpg);
    background-position: center top; }
    body header img.logo, body.home header img.logo {
      max-width: 100px;
      left: 15px; }
    body header .header-contain, body.home header .header-contain {
      padding-top: 30%; }
      body header .header-contain nav, body header .header-contain ul.social-media, body.home header .header-contain nav, body.home header .header-contain ul.social-media {
        display: none; }
  body a.mobile-activate, body.home a.mobile-activate {
    right: 15px; }

  header [off-canvas] a.mobile-activate {
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: 15px;
    right: 15px; }
  header [off-canvas] ul.social-media {
    text-align: center; }

  a.back-to-top {
    display: block;
    position: relative;
    width: 50px;
    height: 87px;
    background: url(images/back-to-top.png);
    background-size: 50px 87px;
    display: block;
    margin: 15px auto; }

  a.anchor {
    display: block;
    padding: 30px 0 0; }

  /*FOOTER*/
  body.home footer {
    padding-top: 15px; }

  footer {
    padding: 15px 0;
    margin-left: 15px;
    margin-right: 15px; }
    footer .footer-contain {
      background: none;
      display: block;
      padding: 0; }
    footer section {
      display: block; }
      footer section.feature {
        width: 100%;
        padding-right: 0;
        float: none; }
      footer section.about {
        width: 100%;
        padding: 0;
        float: none;
        border: none;
        margin: 30px 0;
        padding-left: 15px;
        padding-right: 15px; }
      footer section.contact {
        width: 100%;
        padding-left: 0;
        float: none;
        padding-left: 15px;
        padding-right: 15px; }
        footer section.contact h3 {
          padding-left: 0; }
        footer section.contact .location {
          width: 100%;
          float: none;
          margin-bottom: 30px; }
          footer section.contact .location p {
            padding-left: 20px; }
            footer section.contact .location p a {
              color: #000; }
            footer section.contact .location p.address {
              margin-bottom: 15px; }
              footer section.contact .location p.address:before {
                background-position: -50px 0; }
            footer section.contact .location p.email:before {
              background-position: -25px 0; }
        footer section.contact p.mailing-list {
          margin-left: 0;
          padding-left: 0; }
        footer section.contact form.subscribe {
          max-width: 100%;
          width: 100%;
          margin-left: 0; }
          footer section.contact form.subscribe input[type='text'] {
            width: 80%; }

  article.page.about section.content h1 {
    line-height: 36px; }
    article.page.about section.content h1 br {
      display: inline; }

  article.page aside.sidebar {
    display: none;
    float: none; }
    article.page aside.sidebar h2 br {
      display: none; }
  article.page section.content {
    float: none;
    width: 100%;
    margin-bottom: 0; }
    article.page section.content h3:last-of-type {
      margin-bottom: 0; }
  article.page ul.bottom-page-nav li {
    display: block;
    width: 100%;
    margin-bottom: 30px; }
    article.page ul.bottom-page-nav li:last-of-type {
      margin-left: 0; }
  article.page section.bottom-area {
    margin-top: 75px; }
  article.page section.bottom-area.instagram {
    margin-top: 30px; }
    article.page section.bottom-area.instagram h4 {
      font-size: 13px;
      padding-left: 24px;
      line-height: 20px; }
      article.page section.bottom-area.instagram h4:before {
        width: 20px;
        height: 20px;
        background-size: 20px 20px; }
      article.page section.bottom-area.instagram h4 span {
        margin: 0 2px; }
    article.page section.bottom-area.instagram ul.instagram-feed li {
      width: 100%;
      margin-bottom: 30px; }
      article.page section.bottom-area.instagram ul.instagram-feed li:nth-child(3n+2) {
        margin: 0 0 30px; }
      article.page section.bottom-area.instagram ul.instagram-feed li:nth-child(2n+2) {
        margin: 0 0 30px 0; }

  article.page.about aside.sidebar {
    display: none; }
  article.page.about section.content {
    float: none;
    width: 100%;
    margin-top: 20px; }
    article.page.about section.content ul.team li, article.page.about section.content ul.events li {
      float: none;
      width: 100%;
      background: #fff; }
      article.page.about section.content ul.team li::nth-child(4n-2), article.page.about section.content ul.team li:nth-child(4n-1), article.page.about section.content ul.events li::nth-child(4n-2), article.page.about section.content ul.events li:nth-child(4n-1) {
        background: #fff; }
      article.page.about section.content ul.team li:nth-child(odd), article.page.about section.content ul.events li:nth-child(odd) {
        background: #e1eee4; }
      article.page.about section.content ul.team li:last-child, article.page.about section.content ul.events li:last-child {
        margin-bottom: 0;
        padding-bottom: 0; }

  article.page.restaurant aside.sidebar {
    display: block;
    width: 100%;
    float: none; }
    article.page.restaurant aside.sidebar div.hours {
      margin-top: 0;
      margin-bottom: 45px;
      margin-top: 15px; }
      article.page.restaurant aside.sidebar div.hours p span.days {
        display: inline-block;
        width: auto; }
      article.page.restaurant aside.sidebar div.hours p span.hours {
        display: inline-block;
        margin-left: 2px; }
      article.page.restaurant aside.sidebar div.hours p br {
        display: none; }
  article.page.restaurant section.content {
    width: 100%;
    margin-top: 0; }
    article.page.restaurant section.content ul.sub-menu {
      margin-bottom: 30px; }
    article.page.restaurant section.content .menu-cols .col {
      float: none;
      width: 100%;
      margin: 0;
      padding: 0 !important; }
      article.page.restaurant section.content .menu-cols .col img.menu-header {
        margin-top: 15px !important; }

  article.page.beer aside.sidebar {
    width: 100%;
    float: none;
    display: block; }
    article.page.beer aside.sidebar .beer-selector {
      margin-top: 15px; }
  article.page.beer section.content {
    width: 100%;
    float: none; }
    article.page.beer section.content .beer-details {
      margin-bottom: 15px; }
      article.page.beer section.content .beer-details .beer-image, article.page.beer section.content .beer-details .beer-info {
        float: none;
        width: 100%; }
      article.page.beer section.content .beer-details .beer-info {
        margin-top: 0; }
    article.page.beer section.content .col-holder .col {
      float: none;
      width: 100%; }
      article.page.beer section.content .col-holder .col:nth-child(even) {
        float: none; }
      article.page.beer section.content .col-holder .col p:last-of-type {
        margin-bottom: 22.5px; }

  .clouds {
    display: none !important; }

  article.page section.content ul.sub-menu li {
    font-size: 18px; }

  article.page.events ul.team li {
    width: 100%; } }

/*# sourceMappingURL=style.css.map */