html, body {
  font-family: "Varela", sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  background: #dbb6a3; }
  html .grid, body .grid {
    background: #c67c3d;
    color: #37272a;
    border: 2px solid #37272a; }
  html a, body a {
    font-family: "Montserrat", san-serif;
    font-weight: 700;
    color: #632109; }
  html blockquote, body blockquote {
    font-size: 20px;
    line-height: 24px;
    font-style: italic; }
  html a, body a {
    text-decoration: none; }
  html a:hover, body a:hover {
    text-decoration: underline; }
  html ul, body ul {
    list-style: none; }
    html ul li, body ul li {
      margin: 0 0 30px 0; }

ul.specials li {
  margin: 0 0 30px 0; }
ul.specials .cal-date {
  margin: 0 8px 0 0; }
ul.specials .cal-title {
  margin: 0 8px 0 0; }

#beer_menu .special {
  display: none; }

.bump-down {
  margin-top: 60px; }

.bump-left {
  margin-left: 20px; }

h1, h2, h3, h4, #menu_widget table.beermenu caption {
  font-family: "Righteous", sans-serif;
  font-weight: 200;
  color: #553c41; }

h1 {
  font-size: 34px;
  line-height: 32px; }

h2 {
  font-size: 30px;
  line-height: 28px; }

h3 {
  font-size: 26px;
  line-height: 24px; }

img {
  max-width: 100%; }

img.swag {
  width: 40%;
  float: left; }

.col-right {
  text-align: right; }

header .header, header .header h1 a, nav {
  color: #c67c3d; }

header .header {
  background: #37272a; }
  header .header a {
    color: #cd997e;
    font-weight: 200; }
  header .header h1 a, header .header p {
    color: #b64902; }
  header .header h1 a {
    font-family: "Righteous", sans-serif;
    font-weight: 900; }

header {
  text-align: center; }
  header h1 {
    font-size: 78px;
    line-height: 68px; }
  header h1 a:hover {
    text-decoration: none; }
  header p {
    font-size: 20px;
    margin: 20px; }
  header .col-right {
    text-align: center;
    padding: 0 0 10px 0; }
  header #notice {
    font-size: 14px; }

nav {
  margin-top: 0;
  background: rgba(55, 39, 42, 0.7); }
  nav a {
    display: block;
    margin: 0 0 0 30%;
    padding: 8px 14px;
    color: #cd997e; }
  nav a:hover {
    background: #37272a;
    text-decoration: none; }

.nav {
  background-color: #37272a;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 28.58%;
  /* (img-height 1200 / img-width * 343 container-width) */
  margin: 0 0 200px 0; }

.nav-fix {
  padding: 0;
  margin: -2px 0 0 0; }

#home .nav {
  background-image: url("../images/bar-and-patio-door.jpg"); }

#on-tap .nav {
  background-image: url("../images/taps.jpg"); }

#events .nav {
  background-image: url("../images/patio.jpg"); }

#pool .nav {
  background-image: url("../images/pool-table.jpg"); }

#bands .nav {
  background-image: url("../images/bar.jpg"); }

#parking .nav {
  background-image: url("../images/parking.jpg"); }

footer {
  text-align: center; }
  footer .hours {
    padding: 20px 0; }
  footer .icons {
    clear: both; }
  footer .footer {
    background: #37272a;
    color: #cd997e;
    font-size: 18px;
    font-weight: 100; }
    footer .footer p {
      margin: 0; }
    footer .footer a {
      color: #b64902;
      font-weight: 100; }
    footer .footer .credits {
      font-size: 16px; }

.events {
  padding: 10px 0 0 0;
  font-size: 18px;
  line-height: 22px; }
  .events li {
    margin: 20px 0 40px 0; }
    .events li .cal-date, .events li .cal-title {
      display: inline-block;
      font-size: 26px;
      font-family: "Righteous", sans-serif;
      font-weight: normal;
      color: #553c41; }
    .events li .cal-date {
      color: #37272a;
      font-size: 22px; }
    .events li .cal-desc {
      display: block; }

.hide, .updated-at, .serving-types, #feedly-mini {
  display: none; }

.grid #menu_widget {
  margin: 0 auto; }
  .grid #menu_widget table.beermenu {
    color: #37272a; }
    .grid #menu_widget table.beermenu caption {
      font-size: 34px;
      font-weight: 200; }
    .grid #menu_widget table.beermenu th {
      background: #a1632f;
      color: black;
      border: 4px solid #a1632f;
      text-transform: none;
      font-weight: 600; }
    .grid #menu_widget table.beermenu .beer-descriptions td.beer-description {
      border: none;
      border-bottom: 1px solid #794b24; }
    .grid #menu_widget table.beermenu .strong {
      font-size: 20px; }

#beer-sub-nav {
  margin: 0 0 20px 0; }
  #beer-sub-nav li {
    cursor: pointer;
    display: inline-block;
    padding: 8px 10px;
    margin: 0;
    font-size: 18px -2px; }
  #beer-sub-nav li.active {
    font-size: 22px;
    color: #553c41; }

@media only screen and (max-width: 400px) {
  	/* Force table to not be like tables anymore 
    https://css-tricks.com/responsive-data-tables */
  #beer-sub-nav li {
    display: block;
    width: 80%;
    margin: 10px 10%; }
  #beer-sub-nav li:last-child {
    margin-bottom: 40px; }

  #menu_widget table.beermenu {
    display: block;
    /* Hide table headers (but not display: none;, for accessibility) */ }
    #menu_widget table.beermenu thead, #menu_widget table.beermenu tbody, #menu_widget table.beermenu th, #menu_widget table.beermenu td, #menu_widget table.beermenu tr, #menu_widget table.beermenu caption {
      display: block; }
    #menu_widget table.beermenu thead th {
      font-size: 14px;
      display: inline;
      float: left;
      width: 25%; }
    #menu_widget table.beermenu td:first-child {
      clear: both; }
    #menu_widget table.beermenu span.strong {
      text-transform: uppercase;
      font-size: 20px; }

  #beer_menu #cocktails .cocktails-section th.abv, #beer_menu #cocktails .cocktails-section th.serving {
    background: #a1632f;
    border-color: #a1632f; } }
@media only screen and (max-width: 1139px) {
  html body .grid header .header {
    background: #c67c3d; }
    html body .grid header .header a {
      color: #632109; }
    html body .grid header .header h1 a, html body .grid header .header p {
      color: #37272a; }
    html body .grid header .header h1 a {
      font-weight: 600; }
  html body .grid nav a:hover {
    background: none;
    color: #37272a; } }
@media only screen and (min-width: 1140px) {
  header {
    text-align: left; }
    header h1 {
      line-height: 18px; }
    header .col-right {
      text-align: right; }
    header p {
      margin: 2px; }
    header #cary {
      margin-left: 40px; }

  .nav {
    margin: 0; }
    .nav nav {
      margin-top: -326px; }
      .nav nav a {
        display: inline-block;
        margin: 0 0 0 7%; }

  footer .hours {
    text-align: left;
    padding: 20px; }
  footer .icons {
    float: right;
    padding-top: 20px; }

  .events li .cal-title {
    display: inline-block;
    margin-left: 10px; }

  #beer-sub-nav li {
    margin: 10px 0 40px 3%; }

  body .grid #menu_widget {
    width: 100%;
    margin: 0 0 0 20px; }
    body .grid #menu_widget .active table.beermenu {
      width: 1000px; } }
html body .grid #force-background {
  background: #37272a; }

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