body {
  font-family: 'Outfit', sans-serif;
  font-size:1rem;
color:#212529 !important;
}

img.site-logo {
  width: 305px;
  height: 55px;
}

.main-content {
  margin:2rem 0 4rem 0;
}

.bigger {
  font-size: 1.25rem;
  font-weight: 600;
}

.not-so-big {
  font-size: 1.00rem;
  font-weight: 500;
}

.smaller {
  font-size: 0.75rem;
}

.gray {
  color:#495057;
}

a.yellow {
  padding:0.3125rem 0.5rem;
  color: #fac32b !important;
  text-decoration: none !important;
}

p.cright a.yellow {padding:0;}

a.yellow:hover {
  color: #ffffff !important;
  text-decoration: none !important;
  opacity: .5;
  background: rgba(0, 0, 0, 0.5);
}

a.yellow:focus {
  color: #fac32b !important;
  text-decoration: none !important;
  background: rgba(0, 0, 0, 0.5);
}

h1.beta.center {
  font-family: 'Outfit', sans-serif;
}

h1.section-header {
  font-family: 'Outfit', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  color:#ffffff;
  font-size:0.875rem;
  padding:0.5rem 0 0.3125rem 0;
}

h1.section-header.events-home-header {
  font-weight: bold;
  font-size: 1rem;
  padding:0.75rem 0 0.5625rem 0;
}

h1.section-header a {
  color:#ffffff;
}

h1.section-header a:hover {
  color: #fac32b;
  text-decoration: none;
}

h2.section-subhead {
  font-size:1rem;
}

.arvo {font-family: 'Outfit', sans-serif;}



.navbar-custom {
  border-bottom: 0.25rem solid #ff0000;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
  color: #fff !important;
  font-family: 'Outfit', sans-serif;
  font-size:0.9rem;
  font-weight:bold;
  text-transform: uppercase;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #fac32b !important;
}

.dropdown-item:hover {
    color: #fac32b !important;
}

.dropdown-item:focus {
    color: #fac32b !important;
    background-color: #212529 !important;
}

.my-yellow-link {
  color: #fac32b !important;
  text-decoration: none !important;
}

.my-yellow-link:hover {
  color: #fac32b !important;
  text-decoration: none !important;
}

.my-yellow-link:focus {
  color: #fac32b !important;
  text-decoration: none !important;
}

.my-red-link {
  color: #000 !important;
  text-decoration: none !important;
}

.my-red-link:hover {
  color: #000 !important;
  text-decoration: none !important;
}

.my-red-link:focus {
  color: #000 !important;
  text-decoration: none !important;
}


.bg-red {
  background-color: #ff0000;
}

.home-hero {
  padding:0 !important;
  margin:0 !important;
  position: relative;
}

.home-hero img {
  max-height:450px;
  max-width:100%;
  object-fit: cover;
  z-index:1;
}

.home-hero img:hover {
    opacity: .5;
    filter: alpha(opacity=45);
}

.home-hero .hero-link {
  position: absolute;
  bottom: 10%;
  right: 10%;
  padding:0.625rem 0.75rem;
  background: rgba(0, 0, 0, 0.5);
  color:#fff;
  font-size:1.5rem;
  font-family: 'Outfit', sans-serif;
}

.home-hero:hover .hero-link {
  color:#fac32b;
}

/* beer-section */
.beer-block {
  border:0.0625rem solid #dee2e6;
  position:relative;
}

.beer-block h2 {
  font-family: 'Outfit', sans-serif;
  font-size:1rem;
  text-transform: uppercase;
  font-weight: bold;

}

.beer-block:hover {
  border:0.0625rem solid #fac32b;
  cursor:pointer;
}

.beer-block a {
  color:#212529;
}

.beer-block a:hover {
  color:#fac32b;
  text-decoration: none !important;
}

.beer-block img {
  max-width:100%;
  z-index:1;
}

.beer-block .placeholder {
/*  display:relative;*/
}

.beer-block .placeholder img {
  z-index:1;
  position: relative;
}

.beer-block .placeholder .inner {
   position: absolute;
   z-index:2;
    top: 42%;
    left: 0;
    width: 100%;
}

.beer-block .placeholder .ontap {
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  padding:0.625rem 0.75rem;
  background: rgba(0, 0, 0, 0.5);
  color:#fff;
  font-size:1rem;

}


.beer-block:hover .ontap {
  color:#fac32b;
}

.beer-block .beer-name {
  position: absolute;
  bottom: 10%;
  right: 10%;
  padding:0.625rem 0.75rem;
  background: rgba(0, 0, 0, 0.5);
  color:#fff;
  font-size:1em;
  font-family: 'Outfit', sans-serif;
}




/* footer */
.footer {
  background-color: #212529;
  padding-bottom:2rem;
  color:#fff;
}
.footer .mail-list {
  background:#ff0000;
  padding:0.75rem 0 0.8rem;
  margin-bottom:2rem;
}

.footer .mail-list a {
    border: 0.0625rem solid transparent;
    padding: .375rem .75rem;
    font-size: 0.825rem;
    line-height: 1.5;
    border-radius: .25rem;
    color:#212529;
    background-color: #fac32b;
    font-weight:bold;
}

.footer .mail-list a:hover {
  text-decoration: none;
  color:#ffffff;

}


.footer .social-media,
.social-media {
  margin-bottom:2rem;
  text-align: center;
}

.footer li.list-group-item {
  background: #212529 !important;
  border-color: #495057 !important;
}

.footer h3 a {
  color:#fac32b !important;
  text-decoration: none !important;
}

.footer h4 a {
  color:#fac32b !important;
  text-decoration: none !important;
}

i.fab {
    color:#212529;
  font-size:2rem;
}
.footer i.fab {
  color:#fff;
}
i.fab:hover {
  color:#fac32b;
}

i.fas {
    color:#212529;
  font-size:2rem;
}

.footer i.fas {
    color:#fff;
  font-size:2rem;
}

i.fas:hover {
  color:#fac32b;
}

.social-share i.fab {
    color:#212529;
  font-size:2rem;
}

.social-share i.fas {
    color:#212529;
  font-size:2rem;
}

.social-share i.fab:hover {
    color:#fac32b;
  font-size:2rem;
}

.social-share i.fas:hover {
    color:#fac32b;
  font-size:2rem;
}


p.gmap img {
  max-width:100%;
}

.footer h4 {
  color:#fff;
  font-family: 'Outfit', sans-serif;
  margin-bottom:2rem;
  text-transform:uppercase;
  font-size:0.75rem;
  font-weight: bold;
  text-align:center;
}
.footer .instagram {text-align: center;}
.insta-thumb img { max-height:5rem;margin-bottom:1rem; }
p.cright {font-size:0.75rem;}

ul.errors {
  list-style-type: none !important;
  margin-left:0 !important;
  padding-inline-start:0 !important;
}

ul.errors li {
  color:#ff0000;
  margin:0.375rem 0;
  font-size:0.75rem;
}

span.req, .message.error {
  color:#ff0000;
}

.message.notice {
  color:#00b300;
}

input#description { display: none; }

/* begin code for article body */
.flex {
  *zoom: 1;
  position: relative;
  clear: both;
  padding-bottom: 0.625rem;
  display: block;
  margin: 0 auto; }
  .flex:after {
    content: "";
    display: table;
    clear: both; }
  .flex.flex-full {
    padding: 3.75rem 0;
    max-width: none; }
  .flex .g1-flex1 {
    float: left;
    width: 33.33333%;
 }
    .flex .g1-flex1.push {
      float: right; }
  .flex .g1-flex2 {
    float: left;
    width: 66.66667%;
 }
    .flex .g1-flex2.push {
      float: right; }
  .flex .g1-flex3 {
    width: 100%;
 }
    .flex .g1-flex3.push {
      float: right; }
  .flex .g1-hide, .flex .g2-hide {
    display: none; }
  .flex .g1-show {
    display: block; }
  .flex .flex-nested:first-child, .flex .flex-nested.g1-flex4:last-child {
    padding-left: 0; }
  @media all and (min-width: 47.9375rem) {
    .flex .g2-flex1 {
      float: left;
      width: 16.66667%;
 }
      .flex .g2-flex1.push {
        float: right; }
    .flex .g2-flex2 {
      float: left;
      width: 33.33333%;
 }
      .flex .g2-flex2.push {
        float: right; }
    .flex .g2-flex3 {
      float: left;
      width: 50%;
 }
      .flex .g2-flex3.push {
        float: right; }
    .flex .g2-flex4 {
      float: left;
      width: 66.66667%;
 }
      .flex .g2-flex4.push {
        float: right; }
    .flex .g2-flex5 {
      float: left;
 }
      .flex .g2-flex5.push {
        float: right; }
    .flex .g2-flex6 {
      width: 100%;
 }
      .flex .g2-flex6.push {
        float: right; }
    .flex .g2-show {
      display: block; }
    .flex .g2-hide {
      display: none; }
    .flex .flex-nested:last-child {
      padding-right: 0; }
    .flex .flex-nested.g1-flex4:last-child {
      padding-left:  1.25rem;
      padding-left: 1.25rem; }
    .flex .flex-nested.g1-flex4:first-child {
      padding-left: 0; } }
  @media all and (min-width: 64.0625rem) {
    .flex .g3-flex1 {
      float: left;
      width: 8.33333%;
 }
      .flex .g3-flex1.push {
        float: right; }
    .flex .g3-flex2 {
      float: left;
      width: 16.66667%;
 }
      .flex .g3-flex2.push {
        float: right; }
    .flex .g3-flex3 {
      float: left;
      width: 25%;
 }
      .flex .g3-flex3.push {
        float: right; }
    .flex .g3-flex4 {
      float: left;
      width: 33.33333%;
 }
      .flex .g3-flex4.push {
        float: right; }
    .flex .g3-flex5 {
      float: left;
      width: 41.66667%;
 }
      .flex .g3-flex5.push {
        float: right; }
    .flex .g3-flex6 {
      float: left;
      width: 50%;
 }
      .flex .g3-flex6.push {
        float: right; }
    .flex .g3-flex7 {
      float: left;
      width: 58.33333%;
 }
      .flex .g3-flex7.push {
        float: right; }
    .flex .g3-flex8 {
      float: left;
      width: 66.66667%;
 }
      .flex .g3-flex8.push {
        float: right; }
    .flex .g3-flex9 {
      float: left;
      width: 75%;
 }
      .flex .g3-flex9.push {
        float: right; }
    .flex .g3-flex10 {
      float: left;
 }
      .flex .g3-flex10.push {
        float: right; }
    .flex .g3-flex11 {
      float: left;
 }
      .flex .g3-flex11.push {
        float: right; }
    .flex .g3-flex12 {
      width: 100%;
 }
      .flex .g3-flex12.push {
        float: right; }
    .flex .g3-show {
      display: block; }
    .flex .g3-hide {
      display: none; }
    .flex .g3-offset1 {
       }
      .flex .g3-offset1 .flex-nested.g3-flex6.breakout {
        width: calc(50% + 100px); }
        .flex .g3-offset1 .flex-nested.g3-flex6.breakout:not(.push) {
          
           }
        .flex .g3-offset1 .flex-nested.g3-flex6.breakout.push {
          }
    .flex .g3-offset2 {
       }
    .flex .g3-offset3 {
       } }

.flex img {
  max-width:100%;
}
/* end code for article body */

/* pagination */
.page-link {
  color:#ff0000 !important;
}
.page-link a {
  color:#ff0000 !important;
}

.page-link a:hover {
  text-decoration: none;
}

.page-item.disabled .page-link {
  color: #6c757d !important;
}

.page-item.active .page-link {
  background-color:#ff0000 !important;
  border-color:#ff0000 !important;
  color:#ffffff !important;
}
/* end pagination */

a.nav-link {
  color:#fac32b !important;
}

a.nav-link.active {
  color: #212529 !important;
}

ul.nav-tabs { margin-bottom:0.5rem; }

.full-menu {height:100% !important;}

.print-menu-block {
  margin-top:2rem;
}

.print-menu-block.first {margin-top:0;}

.print-footer.left { 
    position: fixed;
    bottom: 0;
    left: 15.3%;
  -webkit-transform: translate(-15.3%, 0);
  -moz-transform: translate(-15.3%, 0);
  -ms-transform: translate(-15.3%, 0);
  transform: translate(-15.3%, 0);
    width:18.75rem;
  }

.print-footer { 
    position: fixed;
    bottom: 0;
    left: 84.8%;
  -webkit-transform: translate(-84.8%, 0);
  -moz-transform: translate(-84.8%, 0);
  -ms-transform: translate(-84.8%, 0);
  transform: translate(-84.8%, 0);
    width:18.75rem;
  }

@media all {
  .page-break { display: none; }
  .print-footer {display:none;}
}

@media print {
  .page-break { display: block; page-break-before: always; }
  .print-footer {display:block;}
  /*.full-menu {margin-bottom: -3rem !important;}*/

}

img.menu-logo {max-width:30%;}

div.eventheader {
  background-color: #495057;
  padding: 0.625rem 1rem;
  font-family: 'Outfit', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color:#ffffff;
}

h2.big-page-title {
  font-size: 2.25rem;
  color: #ff0000;
  font-weight: 600;
}

.red-block {
  background-color: #ff0000;
  /*padding: 2rem;*/
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase
}


.red-block p {
  margin-bottom: 0.125rem;
}

.red-head {
  background-color: #ff0000;
  padding: 0.25rem;
 color: #fff;
  font-size: 1.75rem;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}

ul.tap-group li.list-group-item,
ul.menu-group li.list-group-item {
  border: 0;
  font-family: 'Outfit', sans-serif;
  font-size:1rem;
}

.btn-group.red-buttons .btn-secondary {
  background: #ff0000;
  border-color: #ffffff;
  font-weight: 600;
}

.input-group-text.btn-secondary {
  color:#ffffff;
}

img.food-menu-item { object-fit: contain; }

.list-group-item ul li {margin-left: -1rem}

.home-taproom {
  padding: 4rem 0;
  min-height: 30rem !important;
}



.home-taproom h1 {
  color: #ff0000;
  font-size: 3.5rem;
  font-weight:800 ;
}

.home-taproom h1 a {
  color: #ff0000;
}

.home-taproom h1 a:hover {
  color: #fac32b;
  text-decoration: none;
}

.home-taproom .red-head {
  margin-bottom: 1rem;
  margin-left: 17%;
  margin-right: 17%;
}

.home-taproom .red-head a,
.home-taproom .red-block.feature a {
  color: #ffffff;
}

.home-taproom .red-head a:hover,
.home-taproom .red-block.feature a:hover {
  color: #fac32b;
  text-decoration: none;
}

.home-taproom .red-block {
  margin-bottom: 1rem;
  margin-left: 17%;
  margin-right: 17%;
}

.home-taproom .red-block.feature {
  margin-top: 12rem;
  font-size: 2.75rem;
  font-weight: 600;
  text-transform: capitalize;
  padding-bottom: 1rem;
}

form.liquid-search {
  float: right;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: pointer;
  background-color: currentColor;
  opacity: $placeholder-opacity-max;

  &.btn::before {
    display: inline-block;
    content: "";
  }
}

.placeholder:hover {
  opacity: 1;
}