/*
 * USE THIS FOR ANY NON-LESS STYLES
 */

html, body {
  min-height: 100%;
}

body {
  background: #171817 url('../img/background.jpg') center top repeat fixed;
  -webkit-font-smoothing: antialiased;
  font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body.front,
body.navbar-is-fixed-top{
  padding-top: 0px !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  text-transform: uppercase;
}

strong{
  font-weight: 900;
}

hr {
  border-top: 1px solid #333;
}

table.noborder tr{
  border:none;
}

blockquote {
    border-left: 5px solid #bb1d23;
}

.node-page hr,
.taxonomy-vocabulary-26 .col-sm-12 hr{
  margin: 0 -9999rem;
  /* add back negative margin value */
  padding: 0 9999rem;
  border-top: 1px solid #343434;
}

a {
  color: #bb1d23;
}

a:hover, a:focus {
    color: #ec777b;
}

.ck-contents{
  background: #080808;
  background-image: none;
}

.ck-contents img {
  max-width: 98%;
  height: auto !important;
}

.cke_panel_container body{
  background: #555 !important;
}


#skrollr-body{
  overflow: hidden;
  /*overflow-x: hidden; causing extra scrollbars on desktop */
}

.page-search #skrollr-body,
.page-user #skrollr-body{
  padding-top: 150px;
}

.form-control {
  font-weight: bold;
}

.field .field-label{
  font-weight: 900;
}
.field-type-text-long p,
.field-type-text-with-summary p{
  margin-bottom: 20px;
}

.field-collection-view,
.field-collection-container{
  padding: 0;
  margin: 0;
  border: none;
}

.scroll-down{
  position:fixed;
  width:100%;
  bottom:50px;
  left:0;
  -webkit-transition: bottom 0.6s ease;
  -moz-transition: bottom 0.6s ease;
  -ms-transition: bottom 0.6s ease;
  -o-transition: bottom 0.6s ease;
  transition: bottom 0.6s ease;
}

.scroll-down.hover{
  bottom: 100px;

}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.scroll-down a{
  display: block;
  width:50px;
  margin:0 auto;
  font-size: 2.25em;
  text-align: center;
}

.fixedBanners .scroll-down{
  position: absolute;
}

.btn-outline {
  border: 2px solid #959595;
  border: 2px solid rgba(232,232,232,0.35);
  color: rgba(232,232,232,0.6);
  background: transparent;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  box-shadow: none;
}
.btn-outline:hover,
.btn-outline:focus {
  border: 2px solid #aaa;
  border: 2px solid rgba(232,232,232,0.35);
  color: rgba(232,232,232,0.6);
  box-shadow: none;
}
.btn.btn-primary, .btn.green, .btn a, .btn-default{
  display: inline-block;
  background-color: #bb1d23;
  padding: 10px 25px;
  border-radius: 2px;
  font-size: 18px;
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-weight: 900;
  text-transform: uppercase;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  box-shadow: none;
  border: none;
  white-space: normal;
}

.btn.btn-primary:hover,.btn-default:hover, .btn.green:hover{
  opacity: 0.8;
  background-color: #bb1d23;
}

header#page-header {
  margin-left: -15px;
  margin-right: -15px;
}

.page-node-7081 header#page-header {
  display: none;
}

.page-node-7081.node-type-page .basic-wrapper {
    margin-top: 160px;
}

#navbar{
  height:80px;
  margin-top:0;
  border:none;
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-weight: 900;
  -webkit-transition: margin 1s ease, background 0.5s ease 0.6s, opacity 1s ease, -webkit-transform 0.5s ease;
  transition: margin 1s ease, background 0.5s ease 0.6s, opacity 1s ease 0.6s, transform 0.5s ease;
/*  -webkit-transition-delay:600ms !important;
  -ms-transition-delay:600ms !important;
  -o-transition-delay:600ms !important;  */
}

#navbar.navHide{
  margin-top:-80px;
}

#navbar:hover{
  background: rgba(8,8,8,0.96);
  -webkit-transition-delay:0ms !important;
  -ms-transition-delay:0ms !important;
  -o-transition-delay:0ms !important;
}

#navbar .container-fluid{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#171717+0,171717+100&0.88+0,0+100 */
  background: -moz-linear-gradient(top,  rgba(23,23,23,0.62) 0%, rgba(23,23,23,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(23,23,23,0.62)), color-stop(100%,rgba(23,23,23,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(23,23,23,0.62) 0%,rgba(23,23,23,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(23,23,23,0.62) 0%,rgba(23,23,23,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(23,23,23,0.62) 0%,rgba(23,23,23,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(23,23,23,0.62) 0%,rgba(23,23,23,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0171717', endColorstr='#00171717',GradientType=0 ); /* IE6-9 */
}

.not-front #navbar .container-fluid{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#171717+0,171717+100&0.88+0,0+100 */
  background: -moz-linear-gradient(top,  rgba(23,23,23,0.88) 0%, rgba(23,23,23,.15) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(23,23,23,0.88)), color-stop(100%,rgba(23,23,23,.15))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(23,23,23,0.88) 0%,rgba(23,23,23,.15) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(23,23,23,0.88) 0%,rgba(23,23,23,.15) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(23,23,23,0.88) 0%,rgba(23,23,23,.15) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(23,23,23,0.88) 0%,rgba(23,23,23,.15) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0171717', endColorstr='#00171717',GradientType=0 ); /* IE6-9 */
}

.not-front .navbar-inverse{
  background-color: rgba(8, 8, 8, 0.75);
}

#navbar ul.nav a,
#navbar a.navbar-brand{
  color:#e8e8e8;
}

#navbar .logo{
  width: 78px;
  margin:-3px 0 0 -2px;
  padding: 0;
  color:#e8e8e8;
}

#navbar .logo img{
  width:100%;
  height:auto;
}

#navbar .menu{
  float:right;
}

#navbar .navbar-header{
  position: relative;
  z-index:10;
}

#navbar .navbar-brand{
  padding: 28px 15px 30px 18px;
  font-size: 22px;
  text-transform: uppercase;
  width: 250px;
}

#navbar + .navigation-overlay{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#080808;
  opacity:0;
  visibility: hidden;
  /*z-index: -1;*/
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  transition-delay:350ms !important;
  -webkit-transition-delay:350ms !important;
  -ms-transition-delay:350ms !important;
  -o-transition-delay:350ms !important;
}

#navbar.dropdown-open + .navigation-overlay{
  opacity:0.8;
  visibility: visible;
  z-index: 100;
  transition-delay:600ms !important;
  -webkit-transition-delay:600ms !important;
  -ms-transition-delay:600ms !important;
  -o-transition-delay:600ms !important;
}
.navbar{
  min-height: 65px;
}

.navbar-inverse.home-top{
  background-color: transparent;
}


.modal-messages-wrapper {
  display: none;
}
.modal.messages {
  padding: 80px 0;
}

/**
 *  TB Mega Menu
 */

.tb-megamenu{
  background-color: transparent;
}

.tb-megamenu .nav > li > a {
  text-transform: uppercase;
}

.tb-megamenu .nav-collapse.collapse {
  display: block;
  height: auto;
  overflow: visible;
}

.tb-megamenu .mega-align-justify > .dropdown-menu {
  width: 100%;
}

.tb-megamenu .mega.animating > .mega-dropdown-menu,
.tb-megamenu.slide .mega > .mega-dropdown-menu > div{
  transition-delay:450ms !important;
  -webkit-transition-delay:450ms !important;
  -ms-transition-delay:450ms !important;
  -o-transition-delay:450ms !important;
  transition-duration:650ms !important;
  -webkit-transition-duration:650ms !important;
  -ms-transition-duration:650ms !important;
  -o-transition-duration:650ms !important;
}

.tb-megamenu .mega:hover > .mega-dropdown-menu,
.tb-megamenu.slide .mega:hover > .mega-dropdown-menu > div{
  transition-delay:0ms !important;
  -webkit-transition-delay:0ms !important;
  -ms-transition-delay:0ms !important;
  -o-transition-delay:0ms !important;
}

.tb-megamenu .nav .open a,
.tb-megamenu .nav > li > a:focus,
.tb-megamenu .nav > li > a:hover,
.tb-megamenu .nav > .active > a,
.tb-megamenu .nav > .active > a:hover,
.tb-megamenu .nav > .active > a:focus,
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle,
.tb-megamenu .nav > li.dropdown.open.active > a:hover,
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle{
  background-color: transparent;
}

.tb-megamenu .nav{
  float:right;
}

.tb-megamenu-nav.level-0 {
  margin-right: 65px;
}

.tb-megamenu .nav > li > a{
  padding: 26px 13px;
  border-right: none;
  font-weight: 900;
  font-size: 20px;
}
.tb-megamenu .mega-dropdown-inner{

}
.tb-megamenu .tb-megamenu-row{
  display:table;
  overflow: hidden;
  border-bottom:1px solid #222;
}

.tb-megamenu .dropdown-menu{
  background-color: rgba(8, 8, 8, 0.96);
  border-top:1px solid #222;
  border-bottom: 0;
}

.tb-megamenu .dropdown-menu a{
  padding-top:0;
  padding-bottom:0;
  white-space: normal;
}

.tb-megamenu .dropdown-menu .span4 {
  display: table-cell;
  width:33.3333333%;
  float:none;
  padding:0 80px;
  border-right:1px dashed #222;
}

.tb-megamenu .dropdown-menu .span6 {
  display: table-cell;
  width:50%;
  float:none;
  padding:0 80px;
  border-right:1px dashed #222;
  vertical-align: top;
}

.tb-megamenu .beers-menu .dropdown-menu .span6 {
  padding: 0;
}

.tb-megamenu .dropdown-menu .span4:first-child,
.tb-megamenu .dropdown-menu .span6:first-child {
  padding:0;
}

.tb-megamenu .dropdown-menu .span4:last-child,
.tb-megamenu .dropdown-menu .span6:last-child {
  border-right:none;
}

.tb-megamenu .dropdown .close-button{
  position: absolute;
  top:20px;
  right:35px;
  display: inline-block;
  padding:5px;
  opacity: 0;
  -webkit-transition: all 600ms ease 100ms;
  -moz-transition: all 600ms ease 100ms;
  -ms-transition: all 600ms ease 100ms;
  -o-transition: all 600ms ease 100ms;
  transition: all 600ms ease 100ms;
}

.tb-megamenu .dropdown.open .close-button{
  opacity:1;
  transition-delay: 500ms;
}

.tb-megamenu .row-fluid + .row-fluid{
  padding-top:0;
  border-top:none;
  background-color: #1a1a1a;
}

.tb-megamenu .row-fluid + .row-fluid .span4,
.tb-megamenu .row-fluid + .row-fluid .span6{
  padding:0;
}

.tb-megamenu .tb-block {
  margin-bottom: 0;
}

.tb-megamenu [class^="icon-"],
.tb-megamenu [class*=" icon-"]{
  background-image:none;
  line-height: 1em;
}

.tb-megamenu .icon-location{
  font-size: 1.25em;
  padding-right:1.5em;
}

.tb-megamenu .clear-accordion .views-bootstrap-accordion-plugin-style .panel-default{
  width: 80%;
  margin:0 auto;
}

/*Safari Fix*/
.tb-megamenu .clear-accordion .views-bootstrap-accordion-plugin-style .collapse{
 -webkit-transition: none;
 -moz-transition: none;
 -o-transition: none;
 transition: none;
}

#block-tb-megamenu-main-menu .mega-inner {
  padding: 0;
}

.tb-megamenu-submenu .tb-block h2.block-title,
.tb-megamenu-submenu .tb-block .view-header h2,
#block-block-6 h2{
  padding-top:45px;
  font-size:2em;
  font-weight:500;
  text-align: center;
  color: #e8e8e8;
}

.tb-megamenu-submenu .tb-block .field-name-field-description-text {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  text-align: left;
  margin-top: 20px;
  font-size: 14px;
  text-transform: none;
  line-height: 22px;
}

.tb-megamenu-submenu #block-block-6 h3 a{
  font-size: 0.67em;
  font-weight: 900;
}

.tb-megamenu-submenu .tb-block hr{
  margin-top: 15px;
  margin-bottom: 10px;
  color:#e8e8e8;
  opacity:0.17;
  display: none;
}

.tb-megamenu-submenu .bean-link-block {
  padding: 0 0 45px;
}

.tb-megamenu-submenu .bean-link-block .field-items a {
  font-size: 19px;
  text-transform: uppercase;
}

.tb-megamenu-submenu .bean-link-block .field-name-field-link a {
  font-family: 'BenjaminFranklin',Georgia,serif;
  text-transform: uppercase;
  font-weight: 900;
  padding: 10px 30px;
}
#block-tb-megamenu-main-menu .tb-megamenu-row.row-fluid:last-child {
    display: none;
}
.main-container {
  position: relative;
  z-index: 10;
}

.tb-megamenu .dropdown-menu .span6:first-child .block-bean .bean-link-block {
  padding-left: 80px;
  padding-right: 80px;
  z-index: 1;
  position: relative;
}

#block-views-menu-visit-bistros-block .clear-accordion .views-bootstrap-accordion-plugin-style .panel-default{
  border-bottom: 1px solid rgba(232, 232, 232, 0.17);
}

#block-views-menu-visit-bistros-block .clear-accordion .panel-active > .panel-heading,
#block-views-menu-visit-bistros-block .clear-accordion .panel .panel-body > div{
  padding-bottom: 15px;
}

#block-views-menu-visit-bistros-block .clear-accordion .panel .panel-body{
  font-size: 1em;
}

.bistro-container {
  background-position: center center;
  background-size: cover;
  background-color: #080808;
  position: relative;
}
.bistro-container .tb-megamenu-column-inner {
  position: relative;
  z-index: 12;
}
.bistro-container .bistro-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  opacity: 0;
  background-position: center center;
  background-size: cover;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.bistro-container .bistro-bg.active {
  z-index: 11;
  opacity: 0.8;
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.bistro-container:hover .bistro-bg.active {
  opacity: 0.6;
}

.tb-megamenu .tb-megamenu-column.span4:first-child,
.tb-megamenu .tb-megamenu-column.span6:first-child {
  background-position: center center;
  background-size: cover;
  position: relative;
}
.tb-megamenu .tb-megamenu-column .bean-menu-bg{
  background-size: cover;
  width:100%;
  height:100%;
  position:absolute;
  z-index:0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.tb-megamenu .tb-megamenu-column:hover .bean-menu-bg{
  opacity: 0.6;
}

/*Beer Dropdown Menu*/
.view-menu-beer-carousel {
  width: 100%;
  height: 334px;
  overflow: hidden;
  position: relative;
}
.view-menu-beer-carousel .beer-menu-back {
  position: absolute;
  left: 0;
  top: 0;
  height: 334px;
  width: 90px;
  background: rgba(0,0,0,0.5);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4MDgwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzA4MDgwOCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iNjElIiBzdG9wLWNvbG9yPSIjMDgwODA4IiBzdG9wLW9wYWNpdHk9IjAuODgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left,  rgba(8,8,8,1) 0%, rgba(8,8,8,0.9) 60%, rgba(8,8,8,0.88) 61%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(8,8,8,1)), color-stop(60%,rgba(8,8,8,0.9)), color-stop(61%,rgba(8,8,8,0.88)), color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(left,  rgba(8,8,8,1) 0%,rgba(8,8,8,0.9) 60%,rgba(8,8,8,0.88) 61%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(left,  rgba(8,8,8,1) 0%,rgba(8,8,8,0.9) 60%,rgba(8,8,8,0.88) 61%,rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(left,  rgba(8,8,8,1) 0%,rgba(8,8,8,0.9) 60%,rgba(8,8,8,0.88) 61%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right,  rgba(8,8,8,1) 0%,rgba(8,8,8,0.9) 60%,rgba(8,8,8,0.88) 61%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080808', endColorstr='#00000000',GradientType=1 );
  cursor: pointer;
}
.view-menu-beer-carousel .beer-menu-forward {
  position: absolute;
  right: 0;
  top: 0;
  height: 334px;
  width: 90px;
  background: rgba(0,0,0,0.5);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4MDgwOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzA4MDgwOCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjMDgwODA4IiBzdG9wLW9wYWNpdHk9IjAuOTEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left,  rgba(8,8,8,0) 0%, rgba(8,8,8,0.9) 40%, rgba(8,8,8,0.91) 43%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(8,8,8,0)), color-stop(40%,rgba(8,8,8,0.9)), color-stop(43%,rgba(8,8,8,0.91)), color-stop(100%,rgba(0,0,0,1)));
  background: -webkit-linear-gradient(left,  rgba(8,8,8,0) 0%,rgba(8,8,8,0.9) 40%,rgba(8,8,8,0.91) 43%,rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(left,  rgba(8,8,8,0) 0%,rgba(8,8,8,0.9) 40%,rgba(8,8,8,0.91) 43%,rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(left,  rgba(8,8,8,0) 0%,rgba(8,8,8,0.9) 40%,rgba(8,8,8,0.91) 43%,rgba(0,0,0,1) 100%);
  background: linear-gradient(to right,  rgba(8,8,8,0) 0%,rgba(8,8,8,0.9) 40%,rgba(8,8,8,0.91) 43%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00080808', endColorstr='#000000',GradientType=1 );
  cursor: pointer;
}
.view-menu-beer-carousel .beer-menu-back.disabled,
.view-menu-beer-carousel .beer-menu-forward.disabled{
  opacity:0.17;
}

.view-menu-beer-carousel .beer-menu-back i,
.view-menu-beer-carousel .beer-menu-forward i{
  position: absolute;
  top: 130px;
  left: 30px;
  width: 30px;
  height: 30px;
  color:#bbbbbb;
  font-size: 2em;
}
.view-menu-beer-carousel .view-content {
  float: left;
  white-space: nowrap;
  padding: 0 130px 0 40px;
  position: absolute;
  left: 0px;
}
.view-menu-beer-carousel .views-group {
  display: inline-block;
  position: relative;
  height: 334px;
  padding: 0 40px;
  min-width: 110px;
  text-align: center;
  white-space: normal;
}
.view-menu-beer-carousel .views-group h3.group-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-height: 4em;
  margin:0;
  padding:2em 0;

  font-size:1em;
  text-align: center;
  text-transform: uppercase;
}
#navbar .view-menu-beer-carousel .views-group h3.group-title a {
  font-weight: 400;
  font-size: 17px;
  line-height: 17px;
  color: #6f6f6f;
}
.view-menu-beer-carousel .views-group .beer {
  float: left;
  height: 195px;
  margin-top: 65px;
  padding: 0 3px;
  position: relative;
  width: 55px;
  overflow: hidden;
  -webkit-transition: width 300ms ease;
  -moz-transition: width 300ms ease;
  -ms-transition: width 300ms ease;
  -o-transition: width 300ms ease;
  transition: width 300ms ease;
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}
.view-menu-beer-carousel .views-group .beer .views-field-field-menu-image-icon {
  width: 55px;
  height: 200px;
  float: left;
  display: inline-block;
}
.view-menu-beer-carousel .views-group .beer .views-field-field-menu-image-icon a {
  display: inline-block;
  clear: none;
}
.view-menu-beer-carousel .views-group .beer .views-field-field-menu-image-icon img {
  max-width: 55px;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  outline: none;
}
.view-menu-beer-carousel .views-group .beer .details {
  display: block;
  width: 95px;
  text-align: left;
  position: absolute;
  left: 60px;
  bottom: 20px;
  padding: 0;
  margin: 0;
  clear: none;
  white-space: normal;
}

.view-menu-beer-carousel .views-group .beer .details span{
  display: inline-block;
}

.view-menu-beer-carousel .views-group .beer .details .title{
  font-weight: 900;
}

.view-menu-beer-carousel .views-group .beer .details .style,
.view-menu-beer-carousel .views-group .beer .details .abv{
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.9em;
}

.view-menu-beer-carousel .views-group .beer .details .title,
.view-menu-beer-carousel .views-group .beer .details .abv{
  padding-bottom:5px;
}

.view-menu-beer-carousel .views-group .beer .details .title{
  text-transform: uppercase;
  font-size: 1.2em;
  line-height: 1.1em;
  color: #bb1d23;
}

.view-menu-beer-carousel .views-group .beer .details .icon-arrow-right{
  margin-left: -14px;
  color:#818181;
  font-size: 0.75em;
}

.view-menu-beer-carousel .views-group .beer.open {
  width: 160px;
}
.view-menu-beer-carousel .views-group .beer.open .details {
}
.view-menu-beer-carousel .beer-menu-filter-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 280px;
  padding: 25px;
  background: rgba(31,31,31,0);
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: background 600ms ease;
  -moz-transition: background 600ms ease;
  -ms-transition: background 600ms ease;
  -o-transition: background 600ms ease;
  transition: background 600ms ease;
}
.view-menu-beer-carousel .beer-menu-filter-wrapper.open {
  background: rgba(8, 8, 8, 0.96);
}
.view-menu-beer-carousel .beer-menu-filter-wrapper .controls i {
  opacity: 0.35;
}
.view-menu-beer-carousel .beer-menu-filter-wrapper .icon-cancel {
  display: none;
}
.view-menu-beer-carousel .beer-menu-filter-wrapper.open .icon-down-open {
  display: none;
}
.view-menu-beer-carousel .beer-menu-filter-wrapper.open .icon-cancel {
  display: inline-block;
}
.view-menu-beer-carousel .beer-menu-filter-wrapper .reveal {
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 600ms ease;
  -moz-transition: max-height 600ms ease;
  -ms-transition: max-height 600ms ease;
  -o-transition: max-height 600ms ease;
  transition: max-height 600ms ease;
}
.view-menu-beer-carousel .beer-menu-filter-wrapper.open .reveal {
  max-height: 500px;
}
.view-menu-beer-carousel .beer-menu-filter-wrapper .reveal a {
  padding: 5px 0;
  margin: 0;
  display: block;
  font-weight: 700;
}
.view-menu-beer-carousel .beer-menu-filter-wrapper .reveal a:hover {
  opacity: 0.7;
}
.view-menu-beer-carousel .beer-menu-filter-wrapper .reveal a.active {
  opacity: 0.35;
}
.view-menu-beer-carousel .beer-menu-filter-wrapper .reveal .filters {
  padding: 20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #333333;
}
.view-menu-beer-carousel .beer-menu-filter-wrapper .reveal a.overview {
  opacity: 0.35;
}
.view-menu-beer-carousel .beer-menu-filter-wrapper .reveal a.overview i {
  font-size: 0.75em;
}

#block-stone-blocks-stone-ale-fresh h2,
#block-stone-blocks-stone-ale-fresh p{
  display: inline;
}

#block-stone-blocks-stone-ale-fresh h2{
  font-size: 1em;
}

#block-stone-blocks-stone-ale-fresh p{
  margin-left:10px;
  color:#888888;
  font-size: 1.143em;
  font-weight: 500;
}

/*Events Dropdown*/
#block-views-menu-main-event-block{
  text-align: center;
}
#block-views-menu-main-event-block > .view{
  position:relative;
}

#block-views-menu-main-event-block p{
  color:#989898;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:0.86em;
  font-weight: 600;
}
#block-views-menu-main-event-block h2.title a{
  font-size:0.6666666666666666em;
  padding: 5px 0;
  font-weight: 900;
  font-family: 'BenjaminFranklin',Georgia,serif;
}

#block-views-menu-main-event-block p.views-field-field-banner-location{
  padding-bottom: 20px;
}

#block-views-menu-main-event-block .btn{
  display:inline-block;
  margin:0 auto 20px;
  background:none;
  border-color:rgba(232,232,232,0.17);
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-weight: 900;
  color: #e8e8e8;
  text-transform: uppercase;
  padding: 14px 28px;
  border: 1px solid rgba(232, 232, 232, .35);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: none;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}

#block-views-menu-main-event-block .btn:hover{
  border: 1px solid rgba(232, 232, 232, .0);
  background-color: rgba(232, 232, 232, .35);
}


#block-views-menu-main-event-block .btn a{
  background:none;
  font-size:1em;
  font-weight:900;
   text-shadow: none;
   border: none;
}

#block-views-menu-main-event-block .views-field-field-learn-more.btn{
  display: none;
}

#block-views-menu-main-event-block .view-header,
#block-views-menu-main-event-block .view-content{
  position: relative;
  padding-left:80px;
  padding-right:80px;
  z-index: 1;
}

#block-views-menu-featured-events-block .view-content .views-row,
#block-views-menu-featured-events-block .view-footer{
  width:100%;
  text-align: center;
}

#block-views-menu-featured-events-block .view-content .views-row .views-field-title{
  padding: 5px 0;
}

#block-views-menu-featured-events-block .view-content .views-row-first:after{
  content:"";
  display: block;
  width:60px;
  height:1px;
  margin:20px auto;
  background-color: #2e2e2e;
}

#block-views-menu-featured-events-block .view-content .views-row-last{
  margin-bottom: 20px;
}

#block-views-menu-main-event-block .view-footer{
  position: absolute;
  top:0;
  width:100%;
  height:150%;
  overflow: hidden;
  z-index: 0;
}

#block-views-menu-main-event-block .view-footer > div{
  width:100%;
  height:100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity:1;
  -webkit-transition: opacity 600ms ease;
  -moz-transition: opacity 600ms ease;
  -ms-transition: opacity 600ms ease;
  -o-transition: opacity 600ms ease;
  transition: opacity 600ms ease;
}

#block-views-menu-main-event-block:hover .view-footer > div{
  opacity:0.5;
}
#block-views-menu-featured-events-block .view-content .views-field-title a{
  max-height: 2.25em;
  overflow: hidden;
}

#block-views-menu-featured-events-block .view-footer{
  padding-bottom: 45px;
}

#navbar #block-views-menu-featured-events-block .view-footer a{
  font-size: 1em;
  font-weight: 900;
}

#block-block-6 .red{
  padding:20px;
  background-color: #ed1c24;
}

/*Global Menu Styles*/

#navbar .clear-accordion .arrow{
  padding-top:5px;
  padding-bottom:0px;
  font-size: 0.75em;
}

/*Small Grey*/
#block-views-menu-featured-events-block .view-content .views-field-field-date,
#block-views-menu-featured-events-block .view-content .views-field-field-location a{
  color:#989898;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8572em;
  font-weight:600;
}

/*White Titles*/
#block-views-menu-featured-events-block .view-content .views-field-title a,
#block-block-6 p a{
  color:#e8e8e8;
  font-size: 1em;
  font-weight: 900;
  text-transform: uppercase;
  white-space: inherit;
}

#block-views-menu-featured-events-block .view-content .views-field-title a{
  font-size:1.2em;
}

/*Dim Content all on hover*/
#navbar .tb-megamenu-nav .level-1 > a,
.view-menu-beer-carousel .views-group h3.group-title,
#block-views-menu-featured-events-block .view-content .views-field-title a,
#block-views-menu-featured-events-block .view-content .views-field-field-date,
#block-views-menu-featured-events-block .view-content .views-field-field-location a,
#block-views-menu-featured-events-block .view-footer a,
#block-bean-menu-visit-right-column-links .field-items a,
#block-bean-menu-shop-right-column-links .field-items a,
#block-bean-menu-about-right-column-links .field-items a,
#block-block-6 p a,
#block-views-menu-visit-stores-block .panel-group .panel-title a,
#block-views-menu-visit-stores-block--2 .panel-group .panel-title a,
#block-bean-menu-about-first-column-links .field-items a,
#block-bean-menu-about-center-column-links .field-items a,
.view-beers-for-search .view-footer p a,
.morphsearch .view-menu-featured-events .view-footer p a,
.morphsearch .view-stone-blog-teaser-list .view-footer p a,
#morphsearch .morphsearch-submit .icon-search{
  -webkit-transition: color 600ms ease;
  -moz-transition: color 600ms ease;
  -ms-transition: color 600ms ease;
  -o-transition: color 600ms ease;
  transition: color 600ms ease;
}


.view-menu-beer-carousel:hover .views-group h3.group-title,
#block-views-menu-featured-events-block .view-content:hover .views-field-title a,
#block-views-menu-featured-events-block .view-content .views-field-field-date,
#block-views-menu-featured-events-block .view-content .views-field-field-location a,
#navbar #block-views-menu-featured-events-block .view-footer a,
#block-bean-menu-visit-right-column-links .field-items:hover a,
#block-bean-menu-shop-right-column-links .field-items:hover a,
#block-bean-menu-about-right-column-links .field-items:hover a,
#block-block-6:hover p a,
#block-views-menu-visit-stores-block .panel-group:hover .panel-title a,
#block-views-menu-visit-stores-block--2 .panel-group:hover .panel-title a,
#block-bean-menu-about-first-column-links .field-items:hover a,
#block-bean-menu-about-center-column-links .field-items:hover a,
.view-beers-for-search .view-footer p a,
.morphsearch .view-menu-featured-events .view-footer p a,
.morphsearch .view-stone-blog-teaser-list .view-footer p a,
.region-navigation:hover + #morphsearch .morphsearch-submit .icon-search{
  color:#787878;
}

#navbar .tb-megamenu-nav:hover .level-1 > a{
  color: #565656;
}

#navbar .morphsearch-scrollable{
  color: #e8e8e8;
}

.tb-megamenu .row-fluid [class*="span"]:first-child,
.tb-megamenu .row-fluid [class*="span"]:first-child h2.block-title  {
    text-align: left;
}

/*Brighten on hover over*/
#navbar .tb-megamenu-nav .level-1:hover > a,
.view-menu-beer-carousel .views-group:hover h3.group-title,
#block-views-menu-featured-events-block .views-row:hover .views-field-title a,
#block-views-menu-featured-events-block .views-row:hover .views-field-field-date,
#block-views-menu-featured-events-block .views-row:hover .views-field-field-location a,
#navbar #block-views-menu-featured-events-block .view-footer:hover a,
#block-bean-menu-visit-right-column-links .field-item:hover a,
#block-bean-menu-shop-right-column-links .field-item:hover a,
#block-bean-menu-about-right-column-links .field-item:hover a,
#block-block-6 p:hover a,
#block-views-menu-visit-stores-block .panel-group .panel:hover .panel-title a,
#block-views-menu-visit-stores-block--2 .panel-group .panel:hover .panel-title a,
#block-bean-menu-about-first-column-links .field-item:hover a,
#block-bean-menu-about-center-column-links .field-item:hover a,
.view-beers-for-search .view-footer a:hover,
.morphsearch .view-menu-featured-events .view-footer p a:hover,
.morphsearch .view-stone-blog-teaser-list .view-footer p a:hover{
  color:#bb1d23;
}

/*Menu Block Footer Links*/
#navbar .mega-dropdown-inner .tb-megamenu-row + .tb-megamenu-row .block a,
.view-beers-for-search .view-footer a,
.morphsearch .view-menu-featured-events .view-footer a,
.morphsearch .view-stone-blog-teaser-list .view-footer a{
  display: block;
  padding:30px 0;
  color:inherit;
  font-size: 1.4em;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

/*Menu Block Footer Links*/
#navbar .mega-dropdown-inner .tb-megamenu-row + .tb-megamenu-row .block a,
.view-beers-for-search .view-footer a,
.morphsearch .view-menu-featured-events .view-footer p a,
.morphsearch .view-stone-blog-teaser-list .view-footer p a{
  height:100%;
  -webkit-transition: color 600ms ease;
  -moz-transition: color 600ms ease;
  -ms-transition: color 600ms ease;
  -o-transition: color 600ms ease;
  transition: color 600ms ease;
}

#navbar .mega-dropdown-inner .tb-megamenu-row + .tb-megamenu-row .socials .block {
  text-align: center;
}

#navbar .mega-dropdown-inner .tb-megamenu-row + .tb-megamenu-row .socials .block a {
  display: inline-block;
  margin: 0 10px;
}

/*Dim links to grey*/
#navbar .mega-dropdown-inner .tb-megamenu-row + .tb-megamenu-row:hover .block a{
  color:#787878;
}

/*Brighten link*/
#navbar .mega-dropdown-inner .tb-megamenu-row + .tb-megamenu-row .block a:hover{
  color:inherit;
}

/*Animation for Arrow Right*/
#navbar .tb-megamenu-row + .tb-megamenu-row .tb-megamenu-block .arrow .icon-arrow-right,
#navbar .bean-link-block .arrow-right .icon-arrow-right,
#block-views-menu-featured-events-block .view-footer .icon-arrow-right,
.view-beers-for-search .view-footer .icon-arrow-right,
.morphsearch .view-menu-featured-events .view-footer .icon-arrow-right,
.morphsearch .view-stone-blog-teaser-list .view-footer .icon-arrow-right{
  margin-left: -15px;
  color:#bb1d23;
  font-size:0.6em;
  line-height: 2.25em;
  opacity:0;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}

.view-beers-for-search .view-footer .icon-arrow-right,
.morphsearch .view-menu-featured-events .view-footer .icon-arrow-right,
.morphsearch .view-stone-blog-teaser-list .view-footer .icon-arrow-right{
  vertical-align: middle;
}

#navbar .tb-megamenu-row + .tb-megamenu-row .tb-megamenu-block .arrow{
  color:#787878;
  opacity:1;
  -webkit-transition: color 600ms ease;
  -moz-transition: color 600ms ease;
  -ms-transition: color 600ms ease;
  -o-transition: color 600ms ease;
  transition: color 600ms ease;
}

#navbar .tb-megamenu-row + .tb-megamenu-row .tb-megamenu-block .arrow:hover,
#navbar .bean-link-block:hover .arrow-right .icon-arrow-right{
  color:#bb1d23;
}

#navbar .tb-megamenu-row + .tb-megamenu-row .tb-megamenu-block .arrow:hover .icon-arrow-right,
#navbar .bean-link-block .arrow-right:hover .icon-arrow-right,
#block-views-menu-featured-events-block .view-footer:hover .icon-arrow-right,
.view-beers-for-search .view-footer p:hover .icon-arrow-right,
.morphsearch .view-menu-featured-events .view-footer p:hover .icon-arrow-right,
.morphsearch .view-stone-blog-teaser-list .view-footer p:hover .icon-arrow-right{
  opacity:1;
  margin-left: 15px;
}

/*IE10+ issues with full height backgrounds for first column*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #tb-megamenu-column-6 .bistro-bg,
  #tb-megamenu-column-17 .bean-menu-bg{
    min-height: 220%;
  }
}

/**
 *  Morph Search
 */
#morphsearch .view-menu-featured-events .view-header h2 + hr{
  display: none;
}

.morphsearch-content .region .view-header h2,
.morphsearch-content .region h2.block-title{
  margin-bottom: 0;
  text-transform: none;
}

.morphsearch-content .region .views-row,
.morphsearch-content .region td{
  padding: 20px 0;
}

.morphsearch-content .region .view-footer{
  padding: 20px 0;
}

.morphsearch .region #archive-links .panel-title i{
  color:#606060;
}

.morphsearch .view-age-gate-ctas h2,
.morphsearch .view-menu-featured-events .views-field-title,
.morphsearch .view-stone-blog-teaser-list .views-field-title{
  margin-bottom: 5px;
  font-family: 'Roboto Slab', Georgia, serif;
  font-size: 1.143em;
  line-height: 1.5em;
  text-transform: none;
}

.morphsearch .view-age-gate-ctas h2 a,
.morphsearch .view-menu-featured-events .views-field-title a,
.morphsearch .view-stone-blog-teaser-list .views-field-title a{
  color:#e8e8e8;
}

.morphsearch .view-age-gate-ctas .cta,
.morphsearch .view-menu-featured-events .views-field-field-date,
.morphsearch .view-menu-featured-events .views-field-field-location,
.morphsearch .view-stone-blog-teaser-list .views-field-created{
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:500;
}

.morphsearch .view-age-gate-ctas .cta a,
.morphsearch .view-menu-featured-events .views-field-field-date,
.morphsearch .view-menu-featured-events .views-field-field-location a,
.morphsearch .view-stone-blog-teaser-list .views-field-created{
  color:#626262;
}
/* Beers search column */
.morphsearch .view-beers-for-search .views-row {
  display: block;
  clear: both;
}
.morphsearch .view-beers-for-search .col-sm-3 {
  text-align: center;
}
.morphsearch .view-beers-for-search img{
  max-height: 150px;
  width: auto;
}
.morphsearch .view-beers-for-search .views-row  a{
  display: block;
  color: #e8e8e8;
}

.morphsearch .view-beers-for-search a .name{
  font-size: 1.1428571428571428em;
  margin-top: 20px;
  margin-bottom: 10px;
}
.morphsearch .view-beers-for-search a .style,
.morphsearch .view-beers-for-search a .abv{
  font-family: 'Roboto Slab', Georgia, serif;
  font-size: 0.8571428571428571em;
  opacity: 0.5;
  -webkit-transition: opacity 600ms ease;
  -moz-transition: opacity 600ms ease;
  -ms-transition: opacity 600ms ease;
  -o-transition: opacity 600ms ease;
  transition: opacity 600ms ease;
}
.morphsearch .view-beers-for-search a .abv{
  margin-bottom: 40px;
}
.morphsearch .view-beers-for-search a:hover .style,
.morphsearch .view-beers-for-search a:hover .abv{
  opacity: 1;
}

/* Event search column */

.morphsearch .view-menu-featured-events .views-row a{
  color: #e8e8e8;
}

.morphsearch .view-menu-featured-events .views-row{
  overflow: hidden;
  position: relative;
  display: block;
}
.morphsearch .view-menu-featured-events .category,
.morphsearch .view-menu-featured-events .date,
.morphsearch .view-menu-featured-events .location{
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 0.8571428571428571em;
  opacity: 0.5;
  -webkit-transition: opacity 600ms ease;
  -moz-transition: opacity 600ms ease;
  -ms-transition: opacity 600ms ease;
  -o-transition: opacity 600ms ease;
  transition: opacity 600ms ease;
}

.morphsearch .view-menu-featured-events .views-row:hover .category,
.morphsearch .view-menu-featured-events .views-row:hover .date,
.morphsearch .view-menu-featured-events .views-row:hover .location{
 opacity: 1;
}

.morphsearch .view-menu-featured-events .views-row .category{
  margin-bottom: 15px
}

.morphsearch .view-menu-featured-events .location{
  margin-bottom: 30px;
}

.morphsearch .view-menu-featured-events .title{
  text-transform: uppercase;
  font-size: 1.1428571428571428em;
  padding: 8px 0 5px 0;
}

/* Blog search column */

.morphsearch .view-stone-blog-teaser-list .views-row a{
  color: #e8e8e8;
  font-family: 'Roboto Slab', Georgia, serif;
}

.morphsearch .view-stone-blog-teaser-list .views-row{
  overflow: hidden;
  position: relative;
  display: block;
}

.morphsearch .view-stone-blog-teaser-list .views-row a div{
  opacity: 0.5;
  font-size: 0.8571428571428571em;
  -webkit-transition: opacity 600ms ease;
  -moz-transition: opacity 600ms ease;
  -ms-transition: opacity 600ms ease;
  -o-transition: opacity 600ms ease;
  transition: opacity 600ms ease;

}

.morphsearch .view-stone-blog-teaser-list .views-row:hover a div{
  opacity: 1;
}

.morphsearch .view-stone-blog-teaser-list .views-row a .title{
  font-family: 'BenjaminFranklin',Georgia,serif;
  opacity: 1;
  font-size: 1.1428571428571428em;
  text-transform: uppercase;
  padding: 8px 0 10px 0
}
.morphsearch .view-stone-blog-teaser-list .views-row a .term{
  margin-bottom: 30px;
}


/* Search column arrows */
.morphsearch .view-beers-for-search .views-row .arrow,
.morphsearch .view-menu-featured-events .views-row .arrow,
.morphsearch .view-stone-blog-teaser-list .views-row .arrow{
  position:absolute;
  color:#f8f8f8;
  font-size: 0.7142857142857143em;
  opacity:0;
  width: 30px;
}
.morphsearch .view-beers-for-search .views-row .arrow{
  left:0%;
  margin-top:-30px;
}

.morphsearch .view-menu-featured-events .views-row .arrow,
.morphsearch .view-stone-blog-teaser-list .views-row .arrow{
  left: -10%;
  margin-top:-15px;
}

.morphsearch .view-beers-for-search .views-row .arrow.rollover{
  opacity:1;
  left:15px;
  -webkit-transition: all 500ms ease-in-out 100ms;
  transition: all 500ms ease-in-out 100ms;
}

.morphsearch .view-menu-featured-events .views-row .arrow.rollover,
.morphsearch .view-stone-blog-teaser-list .views-row .arrow.rollover{
  opacity:1;
  left:0;
  -webkit-transition: all 500ms ease-in-out 100ms;
  transition: all 500ms ease-in-out 100ms;
}


.morphsearch .view-beers-for-search .views-row .arrow.rollout,
.morphsearch .view-menu-featured-events .views-row .arrow.rollout,
.morphsearch .view-stone-blog-teaser-list .views-row .arrow.rollout{
  opacity:0;
  left:90%;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

/**
 *  Breadcrumbs
 */
.breadcrumb-wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: rgba(8,8,8,0.35);
  z-index: 10;
  text-transform: uppercase;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}

.navHide .breadcrumb-wrapper {
  background: rgba(8,8,8,0.75);
}

.breadcrumb-wrapper .breadcrumb {
  margin: 0;
  padding: 10px 20px;
  float: left;
  font-size: .95em;
}

.breadcrumb-wrapper .breadcrumb a{
  color:#888;
  color: rgba(255,255,255,0.5);
}

.breadcrumb-wrapper .breadcrumb > .active {
  color:#b8b8b8;
  color: rgba(255,255,255,0.8);
}

.breadcrumb-wrapper .region-crumb-right {
  float: right;
  padding: 9px 30px 0 0;
}
.breadcrumb-wrapper .region-crumb-right a {
  color: #e8e8e8;
}
.breadcrumb-wrapper .region-crumb-right a:hover {
  color: #888888;
}

.breadcrumb-wrapper #morphsearch-blog.morphsearch:before{
  font-size: 1em;
}
/**
 *  Reveal Banner
 */

#reveal-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 80px;
  background: inherit;
}

#reveal-banner.revealed{
  z-index: 12;
}

.fixedBanners #reveal-banner{
  position: relative;
  opacity: 1 !important;
  bottom:0 !important;
  height:100vh;
}

.fixedBanners.front #skrollr-body > .main-container{
  padding-top: 0 !important;
}

.fixedBanners.front .region-reveal-banner .bean-reveal-banner{
  position: absolute;
  width:100%;
}

#reveal-banner .scroll-down{
  position: absolute;
  width: 100%;
  height: 80px;
  padding-top: 10px;
  bottom: 0;
}

#reveal-banner .scroll-down a{
  display: block;
  width:50px;
  margin:0 auto;
  color: #580e11;
  color: rgba(88,14,17,0.7);
  font-size: 2.4em;
  text-align: center;
}

.region-reveal-banner {
  display: none;
  height: 100%;
}
.region-reveal-banner .block {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  transition: all 0.9s ease;
  background-position: center !important;
}
.revealRevealBanner .region-reveal-banner .block {
  opacity: 1;
}

/* Reveal banner with video */
.YTPOverlay {
    background-color: rgba(0,0,0,0.6);
}
.bean-reveal-banner h1 {
    color: #fafafa;
}
.bean-reveal-banner h2 {
    color: #BB1D23;
}
.bean-reveal-banner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
  text-align: left;
  vertical-align: middle;
}
.bean-reveal-banner .copy {
  margin-top:-35px;
  padding: 0 30px;
  color: #a8a8a8;
  font-family: 'BenjaminFranklin',Georgia,serif;
  text-align: center;
  width: 50%;
}
.bean-reveal-banner h1 {
  margin-top:0;
  font-size: 2.57em;
  font-weight: 900;
}
.bean-reveal-banner h2 {
  margin-top:0;
  font-size: 2.57em;
  font-weight: 100;
}
.bean-reveal-banner .copy .field-name-field-link {
  margin-top: 30px;
}
.bean-reveal-banner .copy .banner-btn a {
  display: inline-block;
  font-size: 1.15em;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 10px 0 10px;
  padding: 16px 28px 14px 28px;
  border: 1px solid rgba(232, 232, 232, .35);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;

}
.bean-reveal-banner .copy .banner-btn a:hover {
  border: 1px solid rgba(232, 232, 232, .0);
  background-color: rgba(232, 232, 232, .35);
  color: #e8e8e8;
}

.bean-reveal-banner .copy .banner-image img {
  max-width: 650px;
  height: auto;
  width: 100%;
}

.bean-reveal-banner .copy .banner-image {
    display: inline-block;
    padding-bottom: 20px;
}


/**
 *  Homepage Pannels
 */

.view-home-page-panels {
  position: relative;
  overflow: hidden;
  background: #171817 url('../img/background.jpg') center top repeat-x fixed;
}
.view-home-page-panels .view-content{
  position: relative;
  z-index: 75;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.view-home-page-panels .view-content:hover{
  opacity: 1 !important;
}
.view-home-page-panels .panel{
  float:left;
  position:relative;
  width:25%;
  margin: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  color:#e8e8e8;
  font-family: 'BenjaminFranklin',Georgia,serif;
  overflow:hidden;
}
.view-home-page-panels .panel.clickable {
  cursor: pointer;
}

.view-home-page-panels .panel section{
  position:absolute;
  width:100%;
}

.view-home-page-panels .panel .panel-content{
  opacity: 0;
  max-height: 50%;
  padding:0 40px;
  overflow: hidden;
  text-align: center;
  z-index:1;
  bottom:120px;
  transition:all 500ms ease-in-out;
  -webkit-transform: translate3d(0,0,0) !important;
  transform: translate3d(0,0,0) !important;
}

.view-home-page-panels .panel.locked .panel-content,
.view-home-page-panels .panel:hover .panel-content{
  bottom:25%;
  opacity: 1;
}

.view-home-page-panels .panel h1,h2,h3{
  margin-top:0;
  font-weight: 900;
}

.view-home-page-panels .panel h1{
  font-size: 1.75em;
  text-transform: uppercase;
}

.view-home-page-panels .panel h2,.panel .category{
  font-size: 1.4em;
  text-transform: uppercase;
  color: #999999;
}

.view-home-page-panels .panel ul{
  margin-left:15px;
  padding:0;
  text-align: left;
}

.view-home-page-panels .panel .panel-content{
}

.view-home-page-panels .panel .close-panel{
  display: none;
}


.view-home-page-panels .panel .category{
  position:absolute;
  bottom:32px;
  width:100%;
  max-height:2.5em;
  margin-bottom:0;
  padding:0 40px;
  overflow: hidden;
  opacity:0.6;
  -webkit-transition:all 500ms ease-in-out;
  transition:all 500ms ease-in-out;
}

.view-home-page-panels .panel:hover .category{
  opacity:0;
}

.view-home-page-panels .panel p,
.view-home-page-panels .panel li{
  margin-top:0;
  margin-bottom: 10px;
  font-family: 'Roboto Slab', Georgia, serif;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.25em;
}

.view-home-page-panels .panel time{
  color:#888;
  font-family: 'Roboto Slab', Georgia, serif;
  font-size:0.75em;
}

.view-home-page-panels .panel .date{
  border-right:1px solid #888;
  margin-right: 5px;
  padding-right: 5px;
}

.view-home-page-panels .panel .panel-background img{
  margin:-7% -20%;
  opacity:1;
  z-index: 0;
  -webkit-transition:all 500ms ease-out;
  transition:all 500ms ease-out;
}

.view-home-page-panels .panel:hover .panel-background img{
  opacity:0.26;
  -webkit-transform:scale3d(0.98,0.98,1);
  -ms-transform:scale3d(0.98,0.98,1);
  transform:scale3d(0.98,0.98,1);
}

.view-home-page-panels .panel.locked .panel-background{
  opacity: 0.26;
}

.view-home-page-panels .panel .panel-background img{
  width:140%;
  height:auto;
}

.view-home-page-panels .panel footer{
  position: absolute;
  bottom:0;
  width:100%;
  height:85px;
  text-align: center;
}

.view-home-page-panels .panel .arrow{
  position:absolute;
  bottom:30px;
  opacity: 0;
}

.view-home-page-panels .panel .arrow{
  left:10%;
}

.view-home-page-panels .panel .arrow.rollover,
.view-home-page-panels .panel-content .arrow.rollover{
  opacity:1;
  left:45%;
  -webkit-transition: all 500ms ease-in-out 100ms;
  transition: all 500ms ease-in-out 100ms;
}

.view-home-page-panels .panel .arrow.rollout,
.view-home-page-panels .panel-content .arrow.rollout{
  opacity:0;
  left:90%;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.view-home-page-panels .panel .arrow a{
  position: absolute;
  top: -10px;
  left: -17px;
  display: block;
  width: 70px;
  padding: 20px 30px;
  z-index: 100;
}

.view-home-page-panels .panel .arrow i{
  color: #bb1d23;
  -webkit-transition: color 500ms ease-in-out;
  transition: color 500ms ease-in-out;
}

.view-home-page-panels .panel .arrow a:hover + i{
  color:#BB1D23;
}

.view-home-page-panels .panel .mobile{
  display: none;
}

.view-home-page-panels .blackout {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -100;
  width: 100%;
  height: 100%;
  background: #080808;
  opacity: 0;
}
.skrollr-desktop .view-home-page-panels .blackout {
  z-index: 50;
  opacity: 0;
}

/**
 * Brews Overview
 */

.brews-overview {
  background: #080808;
}
.view-brews-overview .category-wrapper {
  background: #080808;
}
.view.view-brews-overview {
  background: #080808;
}
.view.beer-teasers .views-row {
  padding: 0;
}
.node-beer.node-teaser {
  position: relative;
  height: 300px;
  text-align: center;
  overflow: hidden;
  font-family: 'BenjaminFranklin',Georgia,serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #e8e8e8;
  border: 1px solid #080808;
}
.node-beer.node-teaser a {
  color: #e8e8e8;
}
.node-beer.node-teaser .image-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #080808;
  background-size: cover;
  background-position: center center;
  z-index: 5;
}
.node-beer.node-teaser .text-wrapper,
.node-beer.node-teaser .link-wrapper{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
}
.node-beer.node-teaser .link-wrapper{
  z-index: 11;
}

.node-beer.node-teaser .primary-image {
  position: absolute;
  z-index: 10;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, z-index 0s;
  transition: transform 0.5s, opacity 0.5s, z-index 0s;

}
.node-beer.node-teaser:hover .primary-image,
.node-beer.node-teaser:focus .primary-image,
.node-beer.node-teaser .focus:focus .primary-image{
  opacity: 0;
  z-index: -100;
  -webkit-transform: scale3d(1.05,1.05,1);
  transform: scale3d(1.05,1.05,1);
  -webkit-transition-delay: 0s, 0.15s, 1.5s;
  transition-delay: 0s, 0.15s, 0.6s;
}
.node-beer.node-teaser .banner-bg-image {
  opacity: 0.6;
  -webkit-transition: -webkit-transform 2s;
  transition: transform 2s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.node-beer.node-teaser:hover .banner-bg-image,
.node-beer.node-teaser:focus .banner-bg-image,
.node-beer.node-teaser .focus:focus .banner-bg-image {
  -webkit-transform: scale3d(1.05,1.05,1);
  transform: scale3d(1.05,1.05,1);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.view-brews-overview .category-info {
  background-color: #080808;
  text-align: center;
  position: relative;
  color: #a8a8a8;
  padding: 0 25px;
  font-weight: 500;
  line-height: 1.3;
}
.view-brews-overview .category-info .beer-category {
  font-family: 'BenjaminFranklin',Georgia,serif;
  text-transform: uppercase;
  font-weight: 900;
  padding: 40px 0 20px;
  font-size: 1.45em;
  color: #a8a8a8;
}

.view-brews-overview .category-info .beer-category a,
.view-brews-overview .category-info .beer-category span {
  color: #e8e8e8;
}
.view-brews-overview .category-info .category.description {
  height: 35%
}
.view-brews-overview .category-info a.arrow {
  position: absolute;
  left: 0;
  padding: 20px;
  bottom: 10%;
  width: 100%;
  color:#e8e8e8;
  opacity:0.5;
}
.view-brews-overview .category-info .arrow i{
  margin-left: -10px;
}
.node-beer.node-teaser .titles {
  padding: 0 20px 15px;
  position: absolute;
  bottom: 45%;
  width: 100%;
  font-weight: 900;
}
.node-beer.node-teaser .titles h3{
  font-size: 1.429em;
}
.node-beer.node-teaser .titles h5{
  padding:0;
  margin: 0;
}
.node-beer.node-teaser .divider {
  width: 50%;
  height: 1px;
  background: #e8e8e8;
  opacity: 0.35;
  position: absolute;
  top: 55%;
  left: 25%;
}
.node-beer.node-teaser .style-abv {
  position: absolute;
  font-weight: 900;
  top: 55%;
  padding: 15px 20px 0;
  width: 100%;
  font-size: 1.143em;
  line-height: 1.2;
}
.node-beer.node-teaser .arrow {
  position: absolute;
  bottom: 10%;
  left: -15px;
  width: 100%;
  color:#e8e8e8;
  text-align: center;
  opacity: 0.5;
  padding: 20px;
}

.node-beer.node-teaser .arrow i{
  margin-left: -20px;
}
.node-beer.node-teaser .category {
  position: absolute;
  bottom: 20px;
  width: 100%;
  font-size: 0.714em;
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-weight:900;
  opacity: 0.5;
}
.overview-divider {
  background: #080808;
  padding: 0;
  display: none;
}
.overview-divider hr {
  border: none;
  border-bottom: 1px solid #eee;
  margin: 50px 0;
  padding: 0;
  opacity: 0.17;
}
.view-archived-beers-link-block,
.view-brews-overview-category-link {
  padding: 0 100px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#080808+0,1a1a1a+81,111111+100 */
  background: rgb(8,8,8); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(8,8,8,1) 0%, rgba(26,26,26,1) 81%, rgba(17,17,17,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(8,8,8,1)), color-stop(81%,rgba(26,26,26,1)), color-stop(100%,rgba(17,17,17,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(8,8,8,1) 0%,rgba(26,26,26,1) 81%,rgba(17,17,17,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(8,8,8,1) 0%,rgba(26,26,26,1) 81%,rgba(17,17,17,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(8,8,8,1) 0%,rgba(26,26,26,1) 81%,rgba(17,17,17,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(8,8,8,1) 0%,rgba(26,26,26,1) 81%,rgba(17,17,17,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080808', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
}

.view-archived-beers-link-block  .view-header,
.view-brews-overview-category-link .view-header {
  padding-top: 90px;
}

.view-archived-beers-link-block  .view-header .icon-arrow-right,
.view-brews-overview-category-link .view-header .icon-arrow-right{
  margin-left: -15px;
}

.views-row-1 .view-brews-overview-category-link .view-header {
  padding-top: 65px;
}


.view-archived-beers-link-block  .view-header .content,
.view-brews-overview-category-link .view-header .header{
  width: auto;
  max-width: 850px;
}
.view-archived-beers-link-block  .view-header .text-center h2,
.view-brews-overview-category-link .view-header h2 {
  font-size: 36px;
  color: #bb1d23;
  text-transform: uppercase;
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-weight: 900;
  padding-bottom: 5px;
}
.view-archived-beers-link-block  .view-header .text-center h2  a,
.view-brews-overview-category-link .view-header h2 a {
  color: #e8e8e8;
  font-weight: 900;
}
.view-brews-overview-category-link .view-header p:last-child {
  padding-bottom: 30px;
}
.view-archived-beers-link-block  .view-header .field-name-field-banner-copy{
  padding-bottom: 15px;
}
.view-archived-beers-link-block  .view-header .text-center a,
.view-brews-overview-category-link .view-header .text-center a{
  color: #a8a8a8;
  font-weight: 500;
  -webkit-transition: color 500ms ease;
  -moz-transition: color 500ms ease;
  -ms-transition: color 500ms ease;
  -o-transition: color 500ms ease;
  transition: color 500ms ease;
}

.view-archived-beers-link-block  .view-header .text-center:hover a,
.view-brews-overview-category-link .view-header .text-center:hover a{
  color: #e8e8e8;
}

.view-archived-beers-link-block  .view-content,
.view-brews-overview-category-link .view-content {
  padding: 30px 0 0;
  text-align: center;
}
.view-archived-beers-link-block  .view-content .views-row,
.view-brews-overview-category-link .view-content .views-row {
  float: none !important;
  text-align: center;
  margin-bottom: -40px;
}
.view-archived-beers-link-block .bean-basic-banner {
  background: transparent !important;
  padding: 0;
}
.view-brews-overview-category-link .owl-theme .owl-controls {
  margin: 0 -100px;
  background: transparent;
  padding: 20px 0;
}
.view-archived-beers-link-block .owl-theme .owl-controls{
  margin: 0 -100px -12px;
  background: #080808;
  padding: 45px 0 100px;
}

.view-brews-overview-category-link .owl-theme .owl-controls .owl-page.active span,
.view-archived-beers-link-block .owl-theme .owl-controls .owl-page.active span {
    background-color: #e8e8e8;
    opacity: 1
}

.view-brews-overview-category-link .owl-theme .owl-controls .owl-page span,
.view-archived-beers-link-block .owl-theme .owl-controls .owl-page span{
  opacity: 1;
  margin: 5px 8px
}

#block-block-61 {
  background: #080808;
  padding: 50px 0;
}

.page-beer-brews .view-brews-overview-categories .views-row-last .owl-pagination{
  padding-bottom: 50px;

}

/**
 *  Beer Taxonomy
 */

.taxonomy-vocabulary-11 .interior-banner .banner{
  height: 620px;
}
.taxonomy-vocabulary-11 .interior-banner .banner .container{
  padding-top: 120px;
  height: 560px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
.taxonomy-vocabulary-11 .interior-banner .banner .banner-content {
  max-width: 465px;
  width: 100%;
  margin: 0 auto;
}
.taxonomy-vocabulary-11 .interior-banner .banner .banner-content .img-wrap {
  max-width: 340px;
  margin: 0 auto 20px;
}

.taxonomy-vocabulary-11 .interior-banner .banner .banner-content .img-wrap img {
  max-width: 100%;
  height: auto;
}

.taxonomy-vocabulary-11 .family-overview-content .description-title {
  font-size: 40px;
  font-family: "BenjaminFranklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: .7em;
}

.taxonomy-vocabulary-11 .family-overview-content .description-right img {
    max-width: 100%;
    height: auto !important;
}

.taxonomy-vocabulary-11 .family-overview-content .description-right iframe {
    max-width: 100%;
    position: relative;
    z-index: 10;
}

.taxonomy-vocabulary-11 .interior-banner .banner .container .banner-links a {
  display: inline-block;
  padding: 16px 10px;
  color: #eee;
  color: rgba(255,255,255,0.9);
  font-weight: 900;
  margin: 10px;
  font-family: "BenjaminFranklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  border: 1px solid rgba(232, 232, 232, .35);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}

.taxonomy-vocabulary-11 .interior-banner .banner .container .banner-links a:hover {
    border: 1px solid rgba(232, 232, 232, .0);
    background-color: rgba(232, 232, 232, .35);
    color: #e8e8e8;
}

.page-taxonomy-term.taxonomy-vocabulary-11 .main-container > .row > .col-sm-12{
  margin-top:560px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #080808;
}
.page-taxonomy-term.taxonomy-vocabulary-11.fixedBanners .main-container > .row > .col-sm-12{
  margin-top:0;
}

.page-taxonomy-term.taxonomy-vocabulary-11 #beer-family-overview {
  background-size: cover;
  background-position: top center;
  background: #171817 url('../img/background.jpg') center top repeat fixed;
}
.page-taxonomy-term.taxonomy-vocabulary-11 #beer-family-overview .whats-out-now {
  padding: 15px 0;
}

.page-taxonomy-term.taxonomy-vocabulary-11 #beer-family-overview .whats-out-now .container > div {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.page-taxonomy-term.taxonomy-vocabulary-11 #beer-family-overview .family-overview-content {
  padding-top: 70px;
  padding-bottom: 70px;
}
.page-taxonomy-term.taxonomy-vocabulary-11 #beer-family-overview .upcoming-releases .view-footer {
  margin-top: 25px;
  margin-bottom: 40px;
}
.page-taxonomy-term.taxonomy-vocabulary-11 #beer-family-additional-info .container {
  padding: 70px 0;
}

.page-taxonomy-term.taxonomy-vocabulary-11 #beer-family-additional-info h2 {
  margin-bottom: 2em;
} 
.page-taxonomy-term.taxonomy-vocabulary-11 .block.block-stone-blocks .signup-form-wrapper {
  margin: 0;
}
.page-taxonomy-term.taxonomy-vocabulary-11 h2 {
  font-size: 30px;
}
.page-taxonomy-term.taxonomy-vocabulary-11 #past-releases h2 {
  margin-top: 40px;
  margin-bottom: 0;
}
.view-beer-category-upcoming-releases {
  text-align: center;
}
.view-beer-category-upcoming-releases a.sneak-peek {
  font-family: "BenjaminFranklin", sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.1em;
}
.view-beer-category-upcoming-releases h2 { 
  margin-bottom: 20px;
}
.view-beer-category-upcoming-releases .view-content:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.view-beer-category-upcoming-releases .views-row {
  display: inline-block;
  width: 24.5%;
  vertical-align: top;
  padding: 0 8px;
}
.view-beer-category-upcoming-releases .views-row p.title {
  font-weight: 900;
  text-transform: uppercase;
  font-family: "BenjaminFranklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  margin-bottom: 0;
}
.view-beer-category-upcoming-releases .views-row p.detail {
  color: #888;
  font-size:0.9em;
  font-weight: bold;
  margin-bottom: 3px;
}
#beer-family-social-posts {
  position: relative;
  z-index: 10;
  overflow: hidden;
  max-height: 600px;
}
#beer-family-social-posts .pan {
  position: absolute;
  top: 275px;
  background: rgba(0,0,0,0.7);
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 1.8em;
  cursor: pointer;
  padding: 7px 0;
  -webkit-transition: transform .75s ease;
  -moz-transition: transform .75s ease;
  -ms-transition: transform .75s ease;
  -o-transition: transform .75s ease;
  transition: transform .75s ease;
}
#beer-family-social-posts.begin .pan-left {
  -moz-transform: translateX(-50px);
  -webkit-transform: translateX(-50px);
  -o-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  transform: translateX(-50px);
}
#beer-family-social-posts .pan-right {
  right: 0;
}
#beer-family-social-posts.end .pan-right {
  -moz-transform: translateX(50px);
  -webkit-transform: translateX(50px);
  -o-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}
#beer-family-social-posts .social-post-wrapper {
  -webkit-transition: transform 1.25s ease;
  -moz-transition: transform 1.25s ease;
  -ms-transition: transform 1.25s ease;
  -o-transition: transform 1.25s ease;
  transition: transform 1.25s ease;
}
#beer-family-social-posts img {
  width: 100%;
  height: auto !important;
}
#beer-family-social-posts .social-post-counter {
  text-align: center;
  padding-top: 70px;
  width: 600px;
  height: 300px;
  float: left;
}
#beer-family-social-posts .social-post-counter .flip-clock-wrapper {
  margin: 0;
}
#beer-family-social-posts .social-post-counter .flip-clock-wrapper ul {
  float: none;
  display: inline-block;
}

#beer-family-social-posts .social-post-counter .flip-clock-wrapper ul:nth-last-child(3n+0):not(:first-child):before {
  content: ",";
  position: absolute;
  left: -11px;
  top: 8px;
  font-weight: 400;
}

#beer-family-social-posts .social-post-counter .flip-clock-wrapper ul:nth-last-child(3n+0):not(:first-child) {
  margin-left: 15px;
}
#beer-family-social-posts .social-post {
  width: 300px;
  height: 300px;
  float: left;
  padding: 0;
  position: relative;
  overflow: hidden;
}
#beer-family-social-posts .social-post .post-image {
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}
#beer-family-social-posts .social-post.hovered .post-image,
#beer-family-social-posts .social-post:hover .post-image {
  opacity: 0.25;
}
#beer-family-social-posts .social-post .post-content {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}
#beer-family-social-posts .social-post.hovered .post-content,
#beer-family-social-posts .social-post:hover .post-content {
  opacity: 1;
}
#beer-family-social-posts .social-post .post-content a {
  color: #fff;
}
/**
 *  Backgrounds
 */

.region-content,
.node-type-page .basic-wrapper {
  background: #171817 url('../img/background.jpg') center top repeat fixed;
}

/**
 *  Beer Template
 */


.node-beer section#intro {
  background: #080808;
}

.node-beer section#beer-stats {
  background: #262626;
}

.node-beer .content section:nth-child(odd) {
	background-color: #262626;
}

.node-beer .content section:nth-child(even) {
	background-color: #080808;
}

.page-node.node-type-beer h1.page-header {
  display: none;
}
.page-node.node-type-beer .node-beer {
  margin-top: -80px;
}
.node-beer img {
  max-width: 100%;
  height: auto;
}
.node-beer section h2{
  font-size: 2.3em;
}

.node-beer section.row {
  position: relative;
}
.node-beer section.beer-banner {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #161313;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 400px;
  z-index: 0;
}

.fixedBanners .node-beer section.beer-banner {
  position: relative;
  top:80px !important;
  width:105%;
  margin:0 -15px;
}

.fixedBanners .node-beer #intro{
  margin-top: 80px !important;
}

.node-beer .width-limit {
    max-width: 700px;
}

.node-beer section.beer-banner.logo .field-name-field-banner-logo,
.node-beer section.beer-banner .field-name-field-enjoy-by-date-copy,
.node-beer section.beer-banner .text-only{
  position: relative;
}
.node-beer section.beer-banner.logo .field-name-field-banner-logo img{
  max-width: 300px;
}
.node-beer section.beer-banner .field-name-field-enjoy-by-date-copy {
  font-weight: bold;
  color: #fff;
  font-size: 1.45em;
  font-family: 'BenjaminFranklin',Georgia,serif;
  text-transform: uppercase;
}
.node-beer section.beer-banner.logo .text-only {
  display: none;
}
.node-beer section.beer-banner .text-only {
  max-width: 600px;
  margin: 0 auto;
}
.node-beer section.beer-banner .text-only .field-name-field-banner-text {
  font-size: 2.6em;
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-weight: 900;
}
.node-beer section.beer-banner .text-only .divider {
  width: 210px;
  max-width: 80%;
  height: 5px;
  margin: 20px auto;
}
.node-beer section.beer-banner .text-only .style {
  font-size: 1.45em;
  font-family: 'Roboto Slab', Georgia, serif;
  font-weight: 300;
}
.node-beer section.beer-banner .text-only .field {
  color: inherit;
}
.node-beer section.beer-banner .text-only .field-name-field-enjoy-by-date-copy {
  text-transform: uppercase;
}

.node-beer section.beer-banner .text-only .field-name-field-beer-style{
  font-weight: 700;
  text-transform: uppercase;
}
.node-beer section.beer-banner.skrollable-after{
  z-index: -1;
}

.node-beer #intro,
.node-beer #extra,
.node-beer #video,
.node-beer #notes,
.node-beer #finder,
.node-beer #distribution,
.node-beer #color,
.node-beer #beer-stats {
  z-index: 1;
}

.node-beer #color {
  height: 6px;
}

.node-beer #intro .details {
  padding-top: 3.5em;
  padding-bottom: 4.5em;
  min-height: 525px;
}

#pastrelease-cbox .field-name-field-past-release-bottle-image {
  float: left;
  width: 75px;
  margin-right: 15px;
  text-align: center;
}

#pastrelease-cbox .field-name-field-past-releases > .field-items > .field-item {
  border-bottom: 1px solid #3f3f3f;
}

#pastrelease-cbox .field-name-field-past-release-bottle-image img {
  max-width: 100%;
  max-height: 180px;
  height: auto;
  width: auto;
}

#pastrelease-cbox .field-collection-view {
  margin-bottom: 0;
  padding: 25px 0;
}

#pastrelease-cbox .field-label {
  width: 100%;
  font-family: "brandon-grotesque", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 12px;
  color: #888;
  margin-top: 10px;
}

#pastrelease-cbox .field-type-text {
  font-size: 16px;
  font-weight: 500;
}

#pastrelease-cbox .field-type-text.field-name-field-proper-name {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}

.node-beer section.beer-details h1.beer-title {
  font-weight: 600;
  font-size: 2em;
  letter-spacing: 1px;
  margin-bottom:8px;
  margin-top: 0;
}

.node-beer section.beer-details h1.beer-title.alone {
  font-weight: 900;
  font-size: 3.5em;
  letter-spacing: 0;
  line-height: 90%;
}

.node-beer section.beer-details h2.sub-title {
  margin-bottom: 8px;
  font-size: 3.5em;
  line-height: 90%;
}

.node-beer section.beer-details h2.tertiary-title {
  font-weight: 600;
  font-size: 2em;
  letter-spacing: 1px;
}

.node-beer .collaborators-wrapper {
  margin-top: 20px;
}

.node-beer p {
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
}

.node-beer .stone-bgimage {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.node-beer .owl-carousel .owl-item:first-child .stone-bgimage {
  background-size: contain;
  background-color: #080808;
}

.node-beer .slideshow-left {
  padding-left: 0;
}

.node-beer section.beer-details .field-name-field-first-release,
.node-beer section.beer-details .field-name-field-current-release,
.node-beer section.beer-details .field-name-field-available-in{
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-weight: 500;
  text-transform: uppercase;
}

.node-beer section.beer-details .field-name-field-first-release .field-label,
.node-beer section.beer-details .field-name-field-current-release .field-label{
  float: left;
  padding-right: 5px;
}

.node-beer section.beer-details .beer-facts,
.node-beer section.beer-details .hop-varieties {
  text-transform: uppercase;
}

.node-beer section#beer-stats {
  padding: 4em 0;
}

section#more-beer-info {
  text-align: center;
  padding: 5em 0;
}

section#more-beer-info .container {
  max-width: 980px;
}

.node-beer section.beer-details .beer-facts label,
.node-beer section.beer-details .hop-varieties label,
.node-beer section.beer-details .collaborators-wrapper label {
  font-weight: 400;
  margin-bottom: 0;
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-size: 1.3em;
}

.node-beer section.beer-details .collaborators-wrapper label {
  margin-bottom: 8px;
}

.node-beer section.beer-details .beer-facts  .field,
.node-beer section.beer-details .hop-varieties .field {
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-size: 1.8em;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 90%;
  text-transform: uppercase;
}

.field-name-field-collaborators .field-item {
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(232, 232, 232, .2);
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 900;
  font-family: 'BenjaminFranklin',Georgia,serif;
  text-transform: uppercase;
}

.field-name-field-collaborators .field-item:last-child {
    border-bottom: none;
}

.node-beer section#beer-stats .hashtag .field:before {
  content: '#';
  display: inline;
  margin-right: -2px;
}

.node-beer section#beer-stats .hop-varieties .field-item{
  display: inline;
  float: left;
  padding-right: 6px;
}

.node-beer section#beer-stats .hop-varieties .field-item:after{
  content: ',';
}

.node-beer section#beer-stats .hop-varieties .field-item:last-of-type:after{
  content: '';
}

.node-beer section#beer-stats .stats-image img {
  max-height: 250px;
  width: auto;
  margin: 0 auto;
  display: block;
}

.node-beer section.beer-details .field-name-body{
  font-weight: 500;
   margin-top: 20px;
}

.node-beer section.beer-details .field-name-body h3,
.node-beer section.beer-details .field-name-body h4 {
  color: #bb1d23;
}

.node-beer section.beer-details .overview-video{
  position:relative;
  margin:20px 0;
  font-weight: 500;
}

.node-beer section.beer-details .overview-video .col-sm-4,
.node-beer section.beer-details .overview-video .col-sm-8{
  padding-left:0;
}

.node-beer section.beer-details .overview-video .col-sm-8{
  min-height: 80px;
}

.node-beer section.beer-details .overview-video .col-sm-8 > div{
  position: absolute;
  bottom:0;
}

.node-beer section.beer-details .overview-video .icon-play-circled2:before{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  font-size: 2.75em;
}

.node-beer section#beer-stats .stat-group,
.node-beer section#beer-stats .stat-group .field.field-name-field-additional-center-column-f > .field-items > .field-item {
  border-bottom: 1px solid #373737;
  display: inline-block;
  width: 100%;
  padding: 4px 0;
  margin-bottom: 0;
}
.node-beer section#beer-stats .additional-column.stat-group {
  padding: 0;
  border-bottom: 0;
}

.node-beer section#beer-stats .stat-group.ibus label {
  text-transform: none;
}
.node-beer section#beer-stats .stat-group label,
.node-beer section#beer-stats .stat-group .field.field-name-field-label {
  width: 35%;
  float: left;
  padding-right: 6px;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "BenjaminFranklin", sans-serif;
}
.node-beer section#beer-stats .stat-group .field,
.node-beer section#beer-stats .stat-group .field.field-name-field-item-description {
  width: 65%;
  float: left;
  font-size: 16px;
  font-weight: 500;
}

.node-beer section#beer-stats .stat-group .field.field-name-field-additional-center-column-f {
  width: 100%;
}

.node-beer section#beer-stats .stat-group .field.field-name-field-additional-center-column-f .field-collection-view {
  margin-bottom: 0;
}

.node-beer section#beer-stats ul.field-collection-view-links { 
  display: none;
}

.node-beer section#beer-stats .stat-group.release-date i,
.node-beer section#beer-stats .stat-group.dist i {
  font-size: 7px;
  margin-right: 15px;
}

.node-beer section#beer-stats .stat-group.release-date a,
.node-beer section#beer-stats .stat-group.dist a {
  font-family: "BenjaminFranklin", Georgia, serif;
  font-size: 12px;
  font-weight: 600;
  color: #6f6f6f;
}

.node-beer #map p {
  margin: 0;
}

.node-beer #map iframe {
  display: block;
  width: 100%;
}

.node-beer section.related-beers {
  padding: 30px 0;
}
.node-beer section.related-beers h4 {
  font-size: 1em;
  margin: 0 0 15px;
  font-weight: 900;
}
.node-beer section.related-beers .views-row {
  padding: 0 40px;
  font-size: 0.85em;
  font-weight: bold;
  text-transform: uppercase;
  color: #ccc;
}
.node-beer section.related-beers .views-row.views-row-even {
  border-left: 1px solid #373737;
}
.node-beer section.related-beers .views-field-field-menu-image-icon {
  float: left;
  padding: 0 40px 0 0;
  height: 100px;
}
.node-beer section.related-beers .views-field-field-menu-image-icon img {
  max-height: 100px;
  width: auto !important;
}
.node-beer section.related-beers .views-field-title {
  padding-top: 30px;
  font-size: 1.3em;
}

.node-beer section.beer-notes {
  padding: 5em 0;
  background: #080808;
  text-align: center;
}

.node-beer section.beer-notes .col-sm-6 {
  text-align: left;
  margin-top: 25px;
}

.node-beer section.beer-notes .field-type-image{
  max-width: 100px;
  float: left;
}

.node-beer section.beer-notes .notes-head {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(232, 232, 232, .2);
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.node-beer section.beer-notes .notes-head h2 {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 4px;
  letter-spacing: 2px;
}

.node-beer section.beer-notes .notes-by {
  color: #888;
}

.node-beer section.beer-notes .notes-by div {
  display: inline;  
}
.node-beer section.beer-notes .field-name-field-tasting-note > .field-items > .field-item,
.node-beer section.beer-notes .field-name-field-pairing-note > .field-items > .field-item{
  margin-bottom:20px;
}

.node-beer section.beer-notes .field-collection-item-field-pairing-note,
.node-beer section.beer-notes .field-collection-item-field-tasting-note{
  font-weight: 500;
}

.node-beer section.beer-notes .field-collection-item-field-pairing-note .field-name-field-title, .node-beer section.beer-notes .field-collection-item-field-tasting-note .field-name-field-title {
    font-family: 'BenjaminFranklin',Georgia,serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.node-beer section.beer-notes .field-collection-item-field-pairing-note .field-name-field-description,
.node-beer section.beer-notes .field-collection-item-field-tasting-note .field-name-field-description{
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;

}
.node-beer section.beer-notes .container{
  position:relative;
  max-height: 750px;
  overflow: hidden;
  -webkit-transition: max-height 500ms ease;
  -moz-transition: max-height 500ms ease;
  -ms-transition: max-height 500ms ease;
  -o-transition: max-height 500ms ease;
  transition: max-height 500ms ease;
  -webkit-transition-delay: 100ms; /* Safari */
  transition-delay: 100ms;
}
#notes .col-sm-6 .field-type-field-collection{
  max-width: 420px;
  margin: auto;
  clear: both;
}
.node-beer section.beer-notes .expander{
  position:absolute;
  left:0;
  bottom:0;
  padding:170px 0 100px;
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-size: 1.143em;
  font-weight: 900;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.node-beer section:nth-child(even).beer-notes .expander {
    background: -moz-linear-gradient(top, rgba(8,8,8,0) 0%, rgba(8,8,8,1) 70%, rgba(8,8,8,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(8,8,8,0)), color-stop(70%,rgba(8,8,8,1)), color-stop(100%,rgba(8,8,8,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(8,8,8,0) 0%,rgba(8,8,8,1) 70%,rgba(8,8,8,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(8,8,8,0) 0%,rgba(8,8,8,1) 70%,rgba(8,8,8,1) 100%);  /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(8,8,8,0) 0%,rgba(8,8,8,1) 70%,rgba(8,8,8,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(8,8,8,0) 0%,rgba(8,8,8,1) 70%,rgba(8,8,8,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080808', endColorstr='#080808',GradientType=0 );  /* IE6-9 */
}

.node-beer section:nth-child(odd).beer-notes .expander {
    background: -moz-linear-gradient(top, rgba(38,38,38,0) 0%, rgba(38,38,38,1) 70%, rgba(38,38,38,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(38,38,38,0)), color-stop(70%,rgba(38,38,38,1)), color-stop(100%,rgba(38,38,38,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(38,38,38,0) 0%,rgba(38,38,38,1) 70%,rgba(38,38,38,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(38,38,38,0) 0%,rgba(38,38,38,1) 70%,rgba(38,38,38,1) 100%);  /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(38,38,38,0) 0%,rgba(38,38,38,1) 70%,rgba(38,38,38,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(38,38,38,0) 0%,rgba(38,38,38,1) 70%,rgba(38,38,38,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#262626',GradientType=0 );  /* IE6-9 */
}

.node-beer section.beer-notes .expander a{
}
.node-beer section.beer-notes.revealed .expander{
  opacity: 0;
}
.node-beer section.beer-notes .pairing{
  clear:none;
}

.node-beer section.beer-distribution {
  padding: 5em 0;
  background: #262626;
  color:#535353;
}
.node-beer section.beer-distribution .text-center h4{
  font-size: 1.6em;
}
.node-beer section.beer-distribution .legend{
  margin-top:50px;
}
.node-beer section.beer-distribution .legend .icon-circle{
  position: relative;
  margin-left: 60px;
}
.node-beer section.beer-distribution .legend .icon-circle:before{
  position: absolute;
  top: -7px;
  left: -50px;
  font-size: 2.5em;
}
.node-beer section.beer-distribution .legend .not-available .icon-circle:before{
  color:#535353;
}
.node-beer section.beer-distribution .beer-distribution-list .legend i:before{
  margin-right: 15px;
  font-size:1.3em;
}

.node-beer section.beer-distribution .legend{
  height:auto;
  padding-bottom:60px;
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-size: 1em;
  font-weight: 900;
}

.node-beer section.beer-distribution .owl-item {
  height: 100%;
}
.node-beer section.beer-distribution .lists .list {
  font-size:1.143em;
  font-weight: 600;
  line-height: 1.55em;
  text-align: right;
}
.node-beer section.beer-distribution .list-item i{
  padding-left:20px;
  font-size:1.2em;
}
.node-beer section.beer-distribution footer h3{
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:1.143em;
}

.node-beer .beer-finder h3 {
  font-weight: 600;
  font-size: 1.7em;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.node-beer #finder .field-name-field-available-near-you .field-item p:last-child,
.node-beer #finder .field-name-field-available-near-you .field-item p:only-child {
  margin-bottom: 0;
}

.beer-finder #location-form {
  position: relative;
}
.beer-finder .form-group {
  position: relative;
  margin-bottom: 1px;
}
.beer-finder input {
  height: 62px;
}

.beer-finder .form-control {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 1.29em;
  line-height: 1.42857143;
  color: #a8a8a8;
  background-color: #1f1f1f;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.beer-finder .search-location {
  padding-left: 50px;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: padding 350ms ease;
  -moz-transition: padding 350ms ease;
  -ms-transition: padding 350ms ease;
  -o-transition: padding 350ms ease;
  transition: padding 350ms ease;
}
.showSubmit .beer-finder .search-location {
  padding-right: 70px;
}
.searched .beer-finder .search-location {
  padding-left: 100px;
}

.beer-finder .icon-location{
  position: absolute;
  top: 15px;
  left: 19px;
  font-size: 1.5em;
  -webkit-transition: left 350ms ease;
  -moz-transition: left 350ms ease;
  -ms-transition: left 350ms ease;
  -o-transition: left 350ms ease;
  transition: left 350ms ease;
}
.searched .beer-finder .icon-location{
  left: 70px
}
.beer-finder .form-submit {
  position: absolute;
  padding: 0;
  right: 0;
  top: 0;
  border: none;
  background: #BB1D23;
  color: #f8f8f8;
  text-align: center;
  width: 0;
  height: 62px;
  font-weight: bold;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  overflow: hidden;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}
.showSubmit .beer-finder .form-submit {
  width: 62px;
}
.beer-finder #location-form .form-submit i {
  position: absolute;
  top: 15px;
  left: -90px;
  font-size: 24px;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}
.showSubmit .beer-finder #location-form .form-submit i {
  left: 15px;
}
.beer-finder #location-form i.icon-loading {
  opacity: 0;
}
.loading .beer-finder #location-form i.icon-loading {
  opacity: 1;
}
.loading .beer-finder #location-form i.icon-right {
  opacity: 0;
}
.beer-finder .form-group.reveal {
  display: none;
  position: relative;
}
.beer-finder .form-group .radio-wrapper {
  background: #171717;
  background: rgba(23,23,23,0.62);
  padding: 10px 20px;
}
.beer-finder .close-extra-inputs {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  color: #888;
  font-size: 20px;
}
.beer-finder .form-group.type label {
  display: block;
  margin: 3px 0;
}
.beer-finder .establishment input {
  height: 54px;
  padding-left: 50px;
}
.beer-finder .establishment .icon-home {
  position: absolute;
  top: 14px;
  left: 17px;
  font-size: 1.2em;
  color: #626262;
}
.beer-finder .inputs-footer {
  background: #171717;
  background: rgba(23,23,23,0.5);
  padding: 15px 25px 15px 20px;
  color: #a8a8a8;
  font-weight: bold;
}
.beer-finder .inputs-footer a {
  color: #a8a8a8;
}
.beer-finder .inputs-footer .search-reset {
  display: none;
}
.searched .beer-finder .inputs-footer .request-location,
.typed .beer-finder .inputs-footer .request-location {
  display: none;
}
.searched .beer-finder .inputs-footer .toggle-advanced,
.typed .beer-finder .inputs-footer .toggle-advanced {
  float: left !important;
}
.searched .beer-finder .inputs-footer .search-reset,
.typed .beer-finder .inputs-footer .search-reset {
  display: block;
}

.searched .beer-finder .form-control,
.searched .pac-container,
.searched .beer-finder .form-group .radio-wrapper {
  background: rgba(23,23,23,0.9);
}
.searched .beer-finder .inputs-footer {
  background: rgba(23,23,23,0.8);
}

.node-beer section.beer-finder .content {
  position: relative;
  z-index: 10;
}
.node-beer .owl-controls {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding:0;
}
.node-beer section.beer-parallax {
  background-color: #080808;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 5em 0;
  font-weight: 500;
}
.map_tooltip {
  background: #262626 !important;
  border: none !important;
  color: #a8a8a8 !important;
  font-weight: 800 !important;
  font-size: 14px !important;
}

.footer-social {
  background: #080808;
  border-top: 2px solid #262626;
  color: #535353;
  padding: 75px 0;
}
.footer-social .social {
  width: 20%;
  border-right: 2px dotted #2a2a2a;
  float: left;
  height: 150px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;

}
.footer-social .social a{
  color: #535353;
  display: block;
}
.footer-social .social.share.st_sharethis_custom:hover,
.footer-social .social:hover a {
  color: #6a6a6a;
}
.footer-social .social:last-child {
  border: none;
  cursor: pointer;
}
.footer-social .social .title {
  font-size: 1.143em;
  font-family: 'Roboto Slab', Georgia, serif;
}
.beer-menu-navigation-wrapper,
.location-menu-navigation-wrapper {
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
  min-width: 200px;
  padding: 0;
  text-transform: uppercase;
  font-weight: 900;
  text-align: right;
  -webkit-transition: background 600ms ease;
  -moz-transition: background 600ms ease;
  -ms-transition: background 600ms ease;
  -o-transition: background 600ms ease;
  transition: background 600ms ease;
}
.beer-menu-navigation-wrapper .controls,
.location-menu-navigation-wrapper .controls {
  margin-right: -6px;
  height: 40px;
  padding: 11px 45px 10px 25px;
  color: #e8e8e8;
  position: relative;
  -webkit-transition: opacity 600ms ease;
  -moz-transition: opacity 600ms ease;
  -ms-transition: opacity 600ms ease;
  -o-transition: opacity 600ms ease;
  transition: opacity 600ms ease;
}
.beer-menu-navigation-wrapper.open .controls,
.location-menu-navigation-wrapper.open .controls {
  opacity: 0.5;
}
.beer-menu-navigation-wrapper .controls i,
.location-menu-navigation-wrapper .controls i {
  position: absolute;
  right: 20px;
  top: 10px;
  color: #e8e8e8;
  font-size: 0.8em;
  margin-top: 0.4em;
}

.beer-menu-navigation-wrapper .controls br,
.location-menu-navigation-wrapper .controls br{
  content: ' ';
}

.beer-menu-navigation-wrapper .controls br:after,
.location-menu-navigation-wrapper .controls br:after{
  content: ' ';
}

.beer-menu-navigation-wrapper .icon-cancel-1,
.location-menu-navigation-wrapper .icon-cancel-1 {
  display: none;
}
.beer-menu-navigation-wrapper.open .icon-sort,
.location-menu-navigation-wrapper.open .icon-sort {
  display: none;
}
.beer-menu-navigation-wrapper.open .icon-cancel-1,
.location-menu-navigation-wrapper.open .icon-cancel-1 {
  display: inline-block;
  cursor: pointer;
}
.beer-menu-navigation-wrapper .reveal,
.location-menu-navigation-wrapper .reveal {
  background: rgba(8,8,8,0.35);
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;

  max-width: 300px;
  float:right;
}

.navHide .beer-menu-navigation-wrapper .reveal,
.navHide .location-menu-navigation-wrapper .reveal{
  background: rgba(8,8,8,0.75);
}

.beer-menu-navigation-wrapper .reveal .sections,
.location-menu-navigation-wrapper .reveal .sections{
  padding: 18px 0 30px;
}
.location-menu-navigation-wrapper .reveal .sections{
  /*max-width: 275px;*/
}

.beer-menu-navigation-wrapper.open .reveal{
  max-height: 500px;
}

.location-menu-navigation-wrapper.open .reveal {
 max-height: 720px;
}
.beer-menu-navigation-wrapper .reveal a,
.location-menu-navigation-wrapper .reveal a {
  padding: 5px 25px;
  margin: 0;
  color: #e8e8e8;
  display: block;
  font-weight: 900;
  line-height: 100%;
}
.beer-menu-navigation-wrapper .reveal a.dimmed,
.location-menu-navigation-wrapper .reveal a.dimmed {
  opacity: 0.7;
}
.beer-menu-navigation-wrapper .reveal a.active,
.location-menu-navigation-wrapper .reveal a.active {
  opacity: 0.35;
}
.beer-menu-navigation-wrapper .reveal .filters,
.location-menu-navigation-wrapper .reveal .filters {
  padding: 20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #333333;
}
.beer-menu-navigation-wrapper .reveal a.overview,
.location-menu-navigation-wrapper .reveal a.overview {
  opacity: 0.35;
}
.beer-menu-navigation-wrapper .reveal a.overview i,
.location-menu-navigation-wrapper .reveal a.overview i{
  font-size: 0.75em;
}

#block-stone-blocks-stone-social-footer{
  position:relative;
  z-index:10;
}

/**
 *  Article Teaser Template
 */
.node-article.node-teaser {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #080808;
  min-height: 20em;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.node-article.node-teaser:hover:before{
  opacity:1;
}
.node-article.node-teaser .content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 11%;
  width: 100%;
  z-index: 1;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
}

.node-article.node-teaser:before{
  position: absolute;
  top: -69%;
  left: -75%;
  content: '';
  display: block;
  width: 250%;
  height: 170%;
  opacity:0.5;
  background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 25%, rgba(0,0,0,0.9) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0.9)));
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 25%,rgba(0,0,0,0.9) 100%);
  background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 25%,rgba(0,0,0,0.9) 100%);
  background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 25%,rgba(0,0,0,0.9) 100%);
  background: radial-gradient(ellipse at center,  rgba(0,0,0,0.25) 25%,rgba(0,0,0,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#e6000000',GradientType=1 );

  -webkit-transition: opacity 600ms ease;
  -moz-transition: opacity 600ms ease;
  -ms-transition: opacity 600ms ease;
  -o-transition: opacity 600ms ease;
  transition: opacity 600ms ease;
  z-index: 0;
}

.views-row-1 .node-article.node-teaser .content{
  padding:8.75%;
}

.views-row-2 .node-article.node-teaser .content{
  padding:5.5%;
}

.node-article.node-teaser .reveal {
  overflow: hidden;
  max-height: 0px;
  -webkit-transition: max-height 600ms ease;
  -moz-transition: max-height 600ms ease;
  -ms-transition: max-height 600ms ease;
  -o-transition: max-height 600ms ease;
  transition: max-height 600ms ease;
}
.node-article.node-teaser:hover .reveal {
  max-height: 80px;
}
.node-article.node-teaser .views-row-first h2.title{
  font-size: 2.286em;
}
.node-article.node-teaser .pre-title{
  margin-bottom: 10px;
  color:#e8e8e8;
  font-family: 'Roboto Slab', Georgia, serif;
  font-weight:700;
}
.node-article.node-teaser .category{
  font-family: 'Roboto Slab', Georgia, serif;
  font-size: 0.857em;
  font-weight:700;
  opacity:0.5;
}
.node-article.node-teaser .reveal{
  position:relative;
  width:100%;
  height:50px;
}
.node-article.node-teaser .reveal .arrow{
  position:absolute;
  bottom:0px;
  color:#f8f8f8;
  font-size: 1em;
  opacity:0;
}
.node-article.node-teaser .reveal .arrow{
  left:-10%;
}
.node-article.node-teaser .reveal .arrow.rollover{
  opacity:0.5;
  left:0%;
  -webkit-transition: all 500ms ease-in-out 100ms;
  transition: all 500ms ease-in-out 100ms;
}
.node-article.node-teaser .reveal .arrow.rollout{
  opacity:0;
  left:90%;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
/**
 *  Article / Blog Template
 */

.node-type-article .invert-content-wrapper{}

.node-type-article .interior-banner .banner-copy{
  position:relative;
  bottom:-40%;
  margin:0 auto;
  max-width: 700px;
  z-index: 1;
}

.node-type-article .interior-banner .banner-copy h1,
.node-type-article .interior-banner .banner-copy h4{
  margin:0 auto 30px;
  text-align: center;
}

.node-type-article .interior-banner h1{
  margin-bottom: 30px;
}

.node-type-article .interior-banner h1 a{
  color:inherit;
}

.node-type-article .interior-banner h4{
  color:#a8a8a8;
  font-family: 'Roboto Slab', Georgia, serif;
  font-size: 1.143em;
  text-transform: none;
}

.node-type-article .interior-banner .submitted{
  font-family: 'Roboto Slab', Georgia, serif;
  font-style: normal;
  text-transform: none;
}

.node-type-article .interior-banner .submitted a{
  text-align: left;
  color: #ddd;
}

.node-type-article .interior-banner .submitted img,
.node-type-article .interior-banner .submitted .author-wrapper{
  display: inline-block;
}

.node-type-article .interior-banner .submitted img{
  width:50px;
  margin-top:-20px;
  margin-right:13px;
}

.node-type-article .interior-banner .author-wrapper strong{
  color:#ddd;
}

.node-type-article .interior-banner .scroll-down{
  -webkit-transition: bottom 500ms ease;
  -moz-transition: bottom 500ms ease;
  -ms-transition: bottom 500ms ease;
  -o-transition: bottom 500ms ease;
  transition: bottom 500ms ease;
}

.node-type-article .interior-banner .scroll-down a{
  color:#b8b8b8;
}

.node-type-article .interior-banner .overlay{
  position:absolute;
  background-color: #080808;
  opacity: 0.55;
  z-index: 0;
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.node-type-article .banner.hover .overlay{
  opacity: 0.75;
}

.node-type-article .banner.hover .scroll-down{
  bottom:100px;
}

.fixedBanners .node-article > .content{
  margin-top:0 !important;
}

.node-article .body-wrapper #article-content{
  max-width:910px;
  margin:0 auto;
}

.node-article .field-name-body{
  margin-bottom:50px;
  color: #f8f8f8;
  font-family: 'Roboto Slab', Georgia, serif;
  line-height: 1.9em;
  font-size: 16px;
}

.node-article .field-name-body img,
.ck-contents img {
  display: inline-block;
  margin-top:20px;
  margin-bottom:20px;
  max-width: 100%;
  width:auto !important;
  height:auto !important;
}

.node-article .field-name-body img.image-right,
.ck-contents img.image-right,
img.image-right {
  float: right;
  margin-left: 40px;
}

.node-article .field-name-body img.image-left,
.ck-contents img.image-left,
img.image-left {
  float: left;
  margin-right: 40px;
}

.node-article .field-name-body p.image-center,
.ck-contents p.image-center,
p.image-center {
  text-align: center;
}

.node-article .field-name-body p.image-center {
  width: 300%;
  margin-left: -100%;
  overflow: hidden;
}

.node-article .field-name-body img[style*="float:"][style*="left;"]{
  margin-right:40px;
}

.node-article .field-name-body h1, 
.node-article .field-name-body h2, 
.node-article .field-name-body h3, 
.node-article .field-name-body h4,
.ck-contents h1,
.ck-contents h2,
.ck-contents h3,
.ck-contents h4 {
  margin: 1em 0;
  color: #bb1d23;
}

.node-article .field-name-body iframe{
  max-width: 100%;
  margin-bottom:20px;
}

/*Blog Comments*/
.node-article #comments-wrapper .comment-form input,
.node-article #comments-wrapper .comment-form textarea{
  color: #171717;
  font-family: 'Roboto Slab', Georgia, serif;
  font-weight: normal;
  line-height: 1.7em;
}

.node-article #comments-wrapper .comment .user-picture + h3,
.node-article #comments-wrapper .comment .permalink{
  display: none;
}

.node-article .comment-form{
  margin-bottom: 60px;
}

.node-article .comment-form .btn[value="Cancel"]{
  color:#fff;
  margin-left:20px;
}

.field-name-field-tag{
  padding-top:20px;
}

.field-name-field-blog-category,
.field-name-field-tags {
  margin-bottom:10px;
  clear:both;
  font-family: 'BenjaminFranklin',Georgia,serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.05em;
      display: none;
}
.field-name-field-blog-category a,
.field-name-field-tags a {
  color: #888888;
}
.field-name-field-blog-category a:hover,
.field-name-field-tags a:hover {
  color: #171717;
}

.field-name-field-tags label,
.field-name-field-blog-category .field-label{
  margin:0;
  color:#171717;
}

.flippy-pager {
  border-top: 1px solid #2f2f2f;
  margin-top: 30px;
}
ul.flippy {
  font-family: 'BenjaminFranklin',Georgia,serif;
  margin: 0; padding: 0;
}
ul.flippy li {
  display: block;
  width: 50%;
  float: left;
  padding: 0;
  line-height: 1.25em;
}

ul.flippy li i{
  display: inline-block;
  position:relative;
}

ul.flippy li i:before{
  position:absolute;
  top:-3px;
}

ul.flippy li.prev {
  padding-left:20px;
  text-align: left;
  border-right:1px solid #2f2f2f;
}

ul.flippy li.prev .icon-right-open{
  display: none;
}

ul.flippy li.prev i:before{
  left: -30px;
}
ul.flippy li.next {
  padding-right:20px;
  text-align: right;
}
ul.flippy li.next i:before{
  right:-30px;
}

ul.flippy li a {
  display: block;
  color: #b8b8b8;
  text-transform: uppercase;
  padding: 25px;
  font-weight: 700;
}
ul.flippy li a .title {
  display: inline-block;
  height: 1.25em;
  width: 100%;
  color: #bb1d23;
  overflow: hidden;
  font-size: 20px;
}
#comments-wrapper {
  max-width: 910px;
  margin: 0 auto;
}
#comments-wrapper > .col-md-12 {
  padding-top: 20px;
  padding-bottom: 40px;
}
#comments-wrapper > .col-md-12 #comments {
  padding-top: 20px;
  border-top: 1px solid #bb1d23;
}
.comment-by-anonymous .user-picture {
  /*display: none;*/
}
.comment {
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #ddd;
}
.comment .user-picture {
  float: left;
  margin: 0 20px 10px 0;
}
.comment .submitted {
  font-size: 0.8em;
}
.comment .field-name-comment-body {
  font-size: 1.143em;
}
.comment-wrapper h2 {
  text-transform: uppercase;
}
.comment-wrapper .title.comment-form {
  margin-top: 20px;
}
.comment-wrapper .form-type-textfield.form-item-homepage {
  display: none;
}
.comment-wrapper .filter-wrapper.form-wrapper {
  display: none;
}
/**
 * Blog Overview/Taxonomy Template
 */

body.taxonomy-vocabulary-1 .col-sm-12{
  background-color: transparent;
}

.view.blog-grid {
  padding: 75px 35px 0;
}

.view.blog-grid .view-header{
  padding: 80px 20px;
  text-align: center;
}
.view.blog-grid .view-header h4{
  color:#989898;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:1em;
}
.view.blog-grid .view-content h2.title{
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  font-size: 2.2em;
  text-transform: uppercase;
  line-height: 95%;
  max-height: 120px;
}
.view.blog-grid .view-header h1{
  font-size: 3.5em;
  text-transform: uppercase;
  color: #bb1d23;
}
.view.blog-grid .views-row {
  float: left;
  width: 25%;
  position: relative;
  background-color: #080808;
}
.view.blog-grid .views-row .node-article.node-teaser {
  height: 100%;
}
.view.blog-grid .text-center{
  clear:both;
}

.page-taxonomy-term.taxonomy-vocabulary-36 .col-sm-12{
  margin-top:0;
  padding-top:0;
}

.pagination > li > a,
.pagination > .disabled > span{
  background-color: transparent;
  border:none;
  color:#626262;
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-size: 1.5em;
  font-weight:900;
}

.pagination > li.active > a{
  color:#b8b8b8;
  background-color: transparent;
  border-bottom: 1px solid #626262;
}

.pagination > .disabled > span{
  border:none;
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > .active > a:hover,
.pagination > .disabled > span:hover{
  background-color: transparent;
  border-color: #626262;
  color:#b8b8b8;
}

.pagination > .prev a,
.pagination > .next a{
  width:50px;
  height:40px;
  font-size:1em;
  overflow: hidden;
  text-align: center;
  text-indent: -1000px;
}

.pagination > .prev a:before,
.pagination > .next a:before{
  font-family: "stonebrewing";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  text-indent: 40px;
  font-variant: normal;
  text-transform: none;
  line-height: 2.25em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pagination > .active > a{
  padding: 6px 4px 0;
  margin: 0 8px;
}

.pagination > .prev a:before{
  content: '\e814';
  position: absolute;
  left:-21px;
}

.pagination > .next a:before{
  content: '\e815';
  position: absolute;
  left:-21px;
}

.view-blog-authors .views-row {
  clear: both;
  text-transform: none;
}
.view-blog-authors .views-field-picture {
  float: left;
  margin-top: -10px;
  margin-right: 20px;
  width: 60px;
}
.view-blog-authors .views-field-picture img {
  max-width: 100%;
  height: auto;
}
.view-blog-authors .views-field-name {
  font-family: 'Roboto Slab', Georgia, serif;
  font-size: 1.143em;
}
.view-blog-authors .views-field-nid a {
  color: #626262;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

/**
 *  Interior Banner
 */
.interior-banner{
  position: relative;
}
.interior-banner .banner{
  height: 380px;
  position: fixed;
  top: 0;
  width: 100%;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  z-index: 1;
}

.fixedBanners .interior-banner .banner{
  position:relative;
  top:0 !important;
  opacity: 1 !important;
}

.fixedBanners.page-shop-growler-fills .col-sm-12{
  margin-top: 0;
}

.interior-banner .banner-copy{
  bottom: 35%;
  width: 100%;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
}
.interior-banner h1{
  font-size: 40px;
}
.interior-banner .subtitle{
  color:#989898;
  font-size:1em;
  font-weight: 700;
  text-transform: none;
}

/**
 *  Location Banner
 */

.taxonomy-vocabulary-26 .banner-gradient{
  height: 570px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4MDgwOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODA4MDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(8,8,8,0) 0%, rgba(8,8,8,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(8,8,8,0)), color-stop(100%,rgba(8,8,8,1)));
  background: -webkit-linear-gradient(top,  rgba(8,8,8,0) 0%,rgba(8,8,8,1) 100%);
  background: -o-linear-gradient(top,  rgba(8,8,8,0) 0%,rgba(8,8,8,1) 100%);
  background: -ms-linear-gradient(top,  rgba(8,8,8,0) 0%,rgba(8,8,8,1) 100%);
  background: linear-gradient(to bottom,  rgba(8,8,8,0) 0%,rgba(8,8,8,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00080808', endColorstr='#080808',GradientType=0 );
}

.view-stone-location-info{
  position: fixed;
  top: 0;
  width: 100%;
  height: 650px;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
 }

#page-header .stone-location-banner {
  position: absolute;
  display: inline-block;
  top: 25%;
  left: 0px;
  right: 0px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  -webkit-transition: top 500ms ease;
  -moz-transition: top 500ms ease;
  -ms-transition: top 500ms ease;
  -o-transition: top 500ms ease;
  transition: top 500ms ease;
}

#page-header.reveal .stone-location-banner{
  top: 20%;
}

#page-header .stone-location-banner h1{
  text-transform: uppercase;
  font-size: 2.3em;
  color: #e8e8e8;
  margin-bottom: 55px;
  -webkit-transition: margin 500ms ease;
  -moz-transition: margin 500ms ease;
  -ms-transition: margin 500ms ease;
  -o-transition: margin 500ms ease;
  transition: margin 500ms ease;
}

#page-header.reveal .stone-location-banner h1{
  margin-bottom: 65px;
}

#page-header .stone-location-banner h2{
  text-transform: uppercase;
  font-size: 1.45em;
  color: #e8e8e8;
}

#page-header .stone-location-banner .stone-location,
#page-header .stone-location-banner .location-info,
#page-header .stone-location-banner .location-hours{
  color:#989898;
  font-weight: 700;
}

#page-header .stone-location-banner .location-hours{
  clear:none;
}

#page-header .view-stone-location-info .expanded{
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
 }

#page-header.reveal .view-stone-location-info .expanded{
  opacity: 1;
}

#page-header.reveal .view-stone-location-info .hours-today{
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay:0s;
  z-index: 0;


}
#page-header .view-stone-location-info .hours-today{
  opacity: 1;
  position: relative;
  z-index: 1;
  -webkit-transition: opacity 200ms ease, z-index 200ms ease;
  -moz-transition: opacity 200ms ease, z-index 200ms ease;
  -ms-transition: opacity 200ms ease, z-index 200ms ease;
  -o-transition: opacity 200ms ease, z-index 200ms ease;
  transition: opacity 200ms ease, z-index 200ms ease;
  -webkit-transition-delay: 0.1s, 0s;
  transition-delay:0.1s, 0s;

}
#page-header .view-stone-location-info .hours-all.expanded{
  position: relative;
  bottom: 40px;
  opacity: 0;
  height: 0px;
  position: relative;
    -webkit-transition: height 200ms ease, opacity 200ms ease;
    -moz-transition: height 200ms ease, opacity 200ms ease;
    -ms-transition: height 200ms ease, opacity 200ms ease;
    -o-transition: height 200ms ease, opacity 200ms ease;
    transition: height 200ms ease, opacity 200ms ease;
    -webkit-transition-delay: 0.1s, 0s;
    transition-delay: 0.1s, 0s;
}
#page-header.reveal .view-stone-location-info .hours-all.expanded{
  font-weight: 400;
  height: auto;
  opacity: 1;
  -webkit-transition-delay:0s, 0.1s;
  transition-delay:0s, 0.1s;

}

#page-header .view-stone-location-info .field-content .oh-wrapper {
    text-align: left;
    display: table;
    margin: auto;
}

#page-header .view-stone-location-info span.oh-display-label{
  text-align: right;
  padding-right: 15px;
  width: 88px !important
}

#page-header .view-stone-location-info .hours-today span.oh-display-label{
  text-align: center;
}

#page-header .view-stone-location-info .hours-all.expanded .today,
#page-header.reveal .view-stone-location-info .hours-all .field-collection-item-field-special-hours{
  color: #e8e8e8;
  font-weight: 700;
}

#page-header.reveal .view-stone-location-info .hours-all .field-collection-item-field-special-hours{
  padding-top: 15px;
}

#page-header .view-stone-location-info .hours-today .more-hours{
  cursor: pointer;
  z-index: 1
}

#page-header .view-stone-location-info .hours-today .more-hours,
#page-header .view-stone-location-info .facebook-link,
#page-header .stone-location .directions,
#page-header .stone-location .finder-link{
  margin-top:8px;
}

#page-header .view-stone-location-info .facebook-link a{
  color: #989898;
  -webkit-transition: color 0.5s ease, opacity 0.5s ease;
  -moz-transition: color 0.5s ease, opacity 0.5s ease;
  -ms-transition: color 0.5s ease, opacity 0.5s ease;
  -o-transition: color 0.5s ease, opacity 0.5s ease;
  transition: color 0.5s ease, opacity 0.5s ease;
}

#page-header .view-stone-location-info .facebook-link a:hover{
  color:#3B5998;
}

#page-header .location-info .fb-copy{
  font-weight: 400;
  padding-top: 5px;
}

#page-header .stone-location .address{
  line-height: 1.2;
  padding-bottom: 5px;
}

#page-header .stone-location-banner .stone-location .address,
#page-header .stone-location-banner .location-info .phone a{
  -webkit-transition: color 500ms ease;
  -moz-transition: color 500ms ease;
  -ms-transition: color 500ms ease;
  -o-transition: color 500ms ease;
  transition: color 500ms ease;
}

#page-header.reveal .stone-location-banner .stone-location .address,
#page-header.reveal .stone-location-banner .location-info .phone a{
  color: #e8e8e8;
}


#page-header .stone-location-banner .stone-location .address,
#page-header .stone-location-banner .location-info .phone,
#page-header .stone-location-banner .stone-location .directions{
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

#page-header.reveal .stone-location-banner .stone-location .address,
#page-header.reveal .stone-location-banner .location-info .phone {
  padding-bottom: 12px;
  padding-top: 10px;
}

#page-header.reveal .stone-location-banner .stone-location .directions{
  padding-bottom:10px;
}

#page-header.reveal .stone-location-banner .location-info .phone{
  padding-top: 10px;
  padding-bottom:4px;
}

#page-header .stone-location-banner .icon-down-open{
  color: #e8e8e8;
  display: block;
  position: absolute;
  left: 50%;
  margin: -15px 0 0 -10px;
  top: 95%;
  opacity: 0.5;
  font-size: 1.15em;
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
   -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
  cursor: pointer;
}
#page-header.reveal .stone-location-banner .icon-down-open{
  top: 95%;
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  transform: rotate(0deg);
}

/**
 *  Bootstrap accordian
 */
.views-bootstrap-accordion-plugin-style .panel-heading,
.views-bootstrap-accordion-plugin-style .panel{
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.views-bootstrap-accordion-plugin-style .panel-heading{
  border-top: 1px solid #343434;
   padding: 38px 0 34px 0;
   position: relative;
}
.views-bootstrap-accordion-plugin-style h4.panel-title a,
.views-bootstrap-accordion-plugin-style h4.panel-title a[aria-expanded="false"]{
  font-size: 24px;
  padding-left: 52px;
  display: inline-block;
  color: #989898;
  text-transform: uppercase;
  -webkit-transition: color .5s ease;
  -moz-transition: color .5s ease;
  -ms-transition: color .5s ease;
  -o-transition: color .5s ease;
  transition: color .5s ease;
  outline: none;
}
.views-bootstrap-accordion-plugin-style h4.panel-title a:before{
  content: '';
  position: absolute;
  top: 40px;
  left: 11px;
  display: block;
  width: 4px;
  height: 20px;
  margin-top: 0;
  background: #989898;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.views-bootstrap-accordion-plugin-style h4.panel-title a:after {
  content: '';
  position: absolute;
  top: 48px;
  left: 3px;
  display: block;
  width: 20px;
  height: 4px;
  margin-top: 0;
  background: #989898;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.views-bootstrap-accordion-plugin-style h4.panel-title a[aria-expanded="true"]{
  color: #e8e8e8;
}
.views-bootstrap-accordion-plugin-style h4.panel-title a[aria-expanded="true"]:after,
.views-bootstrap-accordion-plugin-style h4.panel-title a[aria-expanded="true"]:before{
  transform:rotate(45deg);
  background-color: #c81b26;
}
.views-bootstrap-accordion-plugin-style .panel-default > .panel-heading + .panel-collapse > .panel-body{
  border: none;
  padding: 10px 0 40px 52px;
}

.views-bootstrap-accordion-plugin-style .panel-body ul li{
  padding-bottom: 10px;
}

.clear-accordion .views-bootstrap-accordion-plugin-style .panel-default {
  margin:-1px 0 0;
  padding-bottom:10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.clear-accordion .views-bootstrap-accordion-plugin-style .panel-active {
  padding-bottom:5px;
  border-top-color:  rgba(232, 232, 232, 0.17);
  border-bottom-color:  rgba(232, 232, 232, 0.17);
}
.clear-accordion .views-bootstrap-accordion-plugin-style .panel-default:first-child {
  border-top: none;
}
.clear-accordion .views-bootstrap-accordion-plugin-style .panel-default:last-child {
  border-bottom: none;
}
.clear-accordion .views-bootstrap-accordion-plugin-style .panel{
  position: relative;
  padding-top:10px;
}

.clear-accordion .views-bootstrap-accordion-plugin-style .panel-active .link-wrapper{
  position: absolute;
  width:100%;
  height:100%;
  z-index: 10;
}

.clear-accordion .views-bootstrap-accordion-plugin-style .panel-heading {
  border: none;
  text-align: center;
  line-height: 1.2;
  padding: 0px 30px 0;
}
.clear-accordion .views-bootstrap-accordion-plugin-style h4.panel-title {
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-size: 1em;
  font-weight: 900;
  text-transform: uppercase;
  white-space: inherit;
}
.clear-accordion .views-bootstrap-accordion-plugin-style h4.panel-title a,
.clear-accordion .views-bootstrap-accordion-plugin-style h4.panel-title a[aria-expanded="false"] {
  font-size: inherit;
  padding: 0;
  font-weight: 900;
}
.clear-accordion .views-bootstrap-accordion-plugin-style h4.panel-title a:before,
.clear-accordion .views-bootstrap-accordion-plugin-style h4.panel-title a:after {
  content: '';
  display: none;
}
.clear-accordion .views-bootstrap-accordion-plugin-style .panel-default > .panel-heading + .panel-collapse > .panel-body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 0 5px;
  text-align: center;
  font-size: 0.8572em;
}
#navbar .clear-accordion .panel-heading + .panel-collapse > .panel-body a{
  font-weight: 700;
  color: #818181;
}

.clear-accordion .views-field.views-field-field-banner-background-image {
  display: none;
}

/**
 *  Events Banner
 */

#block-bean-main-events-banner .bean-events-banner{
  height: 480px;
  position: fixed;
  top: 0;
  width: 100%;
  background-position: center !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
}

.fixedBanners #block-bean-main-events-banner .bean-events-banner{
  position:relative;
  opacity: 1 !important;
  top:0 !important;
}

#block-bean-main-events-banner .content.container{
  bottom: 15%;
  width: 70%;
  left:50%;
  margin-left: -35%;
  position: absolute;
}
#block-bean-main-events-banner .field-name-field-start-day{
  font-size: 1.15em;
  font-weight: 700;
  color: #a8a8a8;
}

#block-bean-main-events-banner h1{
  font-size: 2.29em;
  margin: 28px 0 24px 0;
}

#block-bean-main-events-banner  .field-name-field-banner-location{
  font-weight: 700;
  color: #a8a8a8;
}

#block-bean-main-events-banner .field-name-field-learn-more ,
#block-bean-main-events-banner .field-name-field-extra-link {
  text-align: center;
  display: inline-block;
}

#block-bean-main-events-banner .field-name-field-learn-more a,
#block-bean-main-events-banner .field-name-field-extra-link a{
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-weight: 900;
  color: #e8e8e8;
  text-transform: uppercase;
  margin: 28px 10px 0 10px;
  padding: 14px 28px;
  border: 1px solid rgba(232, 232, 232, .35);
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}

#block-bean-main-events-banner .field-name-field-learn-more a:hover,
#block-bean-main-events-banner .field-name-field-extra-link a:hover{
  border: 1px solid rgba(232, 232, 232, .0);
  background-color: rgba(232, 232, 232, .35);
}

#block-bean-main-events-banner .scroll-down{
  display: none;
}

.bean-basic-banner {
  background-position: center center;
  background-size: cover;
  background-color: #080808;
  padding: 40px;
}
#page-header .bean-basic-banner {
  padding: 130px 40px 40px;
  margin-top: 0;
  height: 410px;
  position: fixed;
  width: 100%;
}


/* Event Template */
h1.page-header {
  display: none;
}
.interior-banner .field-item{
  font-size: 18px;
}
.interior-banner h1{
  padding:0;
  margin: 0 0 15px;
}
.invert-content-wrapper{
  margin-top: 320px;
  padding: 50px 0;
  background-color: #080808;
  position: relative;
  z-index: 10;
  color: #f8f8f8;
}
.node-article .invert-content-wrapper{
  padding-bottom: 0;
}
.fixedBanners .invert-content-wrapper{
  margin-top:0;
}

/**
 *  Q&A Template
 */

.node-type-question-answer .container{
  max-width: 830px
}
.node-type-question-answer .qa-wrapper{
  margin-top: 320px;
  padding: 50px 0;
  background-color: #080808;
  position: relative;
  z-index: 1;
  color: #e8e8e8;
}
.fixedBanners.node-type-question-answer .qa-wrapper{
  margin-top:0;
}

.node-type-question-answer .field-name-field-description {
  padding-bottom: 30px;
}

.node-type-question-answer .view-q-a-accordion .panel-group{
  border-bottom: 1px solid #343434;
}

.node-type-question-answer .view-q-a-accordion .panel-group .panel img{
  max-width: 100%;
}

.node-type-question-answer table{
  table-layout: fixed;
  width: 100%;
  margin-bottom: 1em;
}

.node-type-question-answer tr,
.node-type-question-answer table.noborder thead tr{
  border-bottom: 1px solid #333;
}


.node-type-question-answer th,
.node-type-question-answer td{
  padding: 6px 4px;
  vertical-align: top;
}

/**
 *  Events
 */
.page-events .col-sm-12{
  margin-top: 480px;
  background-color: #080808;
  padding-top: 80px;
}

.fixedBanners.page-events .col-sm-12{
  margin-top:0;
}

.page-events #block-system-main .col-sm-12{
  margin-top: 0;
}
.page-events h3,
.taxonomy-vocabulary-26 .view-upcoming-events-from-term h3{
  text-align: left;
  font-size: 1.45em;
  text-transform: uppercase;
  margin-bottom: 28px;
  padding-left:15px;
 }
.page-events .owl-item,
.view-events-term-page-content .views-row,
.taxonomy-vocabulary-26 .view-upcoming-events-from-term .views-row {
  padding: 15px;
  text-align: left;
  font-size: 0.8572em;
  font-weight: 500;
  color: #989898;
}
.page-events .owl-item a,
.page-events .owl-item a img,
.taxonomy-vocabulary-26 .view-upcoming-events-from-term .views-row a,
.taxonomy-vocabulary-26 .view-upcoming-events-from-term .views-row a img,
.view-events-term-page-content .views-row a,
.view-events-term-page-content .views-row a img{
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.page-events .owl-item a:hover,
.taxonomy-vocabulary-26 .view-upcoming-events-from-term .views-row a:hover,
.view-events-term-page-content .views-row a:hover{
  color: #e8e8e8;
}
.page-events .owl-item a:hover img,
.taxonomy-vocabulary-26 .view-upcoming-events-from-term .views-row a:hover img,
.view-events-term-page-content .views-row a:hover img{
  opacity: 0.3;
}
.page-events .owl-item .views-field-field-category,
.taxonomy-vocabulary-26 .view-upcoming-events-from-term .views-row .views-field-field-category{
  font-weight: 700;
}
.page-events .owl-item .views-field-title,
.taxonomy-vocabulary-26 .view-upcoming-events-from-term .views-row .views-field-title,
.view-events-term-page-content .views-row .views-field-title{
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-weight: 900;
  color: #e8e8e8;
  font-size: 1.35em;
  text-transform: uppercase;
  padding: 10px 0;
  display: block;
  max-height: 90px;
}
.page-events .owl-item .views-field-field-thumbnail-image,
.taxonomy-vocabulary-26 .view-upcoming-events-from-term .views-row .views-field-field-thumbnail-image,
.view-events-term-page-content .views-row .views-field-field-thumbnail-image{
  padding: 20px 0;
  position: relative;
}
.page-events .views-field-name-1,
.taxonomy-vocabulary-26 .view-upcoming-events-from-term .views-field-name-1,
.view-featured-events{
  border-bottom: 1px solid #2e2e2e;
  padding-bottom: 40px;
  margin: 0 15px 50px 15px;
  font-weight: 900;
}

.page-events .views-field-name-1 a{
  text-transform: uppercase;
}

.page-events .view-featured-events .owl-item .arrow,
.page-events .event-grouped-lists .owl-item .arrow,
.taxonomy-vocabulary-26 .view-upcoming-events-from-term .arrow,
.view-events-term-page-content .arrow,
.view-bistros-overview .views-row .arrow{
  position:absolute;
  left:10%;
  bottom:50%;
  margin-bottom: -8px;
  z-index: 10;
  opacity: 0;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.page-events .view-featured-events .owl-item .arrow i,
.page-events .event-grouped-lists .owl-item .arrow i,
.taxonomy-vocabulary-26 .view-upcoming-events-from-term .views-row .arrow i,
.view-events-term-page-content .views-row .arrow i,
.view-bistros-overview .views-row .arrow i{
  color: #e8e8e8;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.page-events .view-featured-events .owl-item.reset .arrow,
.page-events .event-grouped-lists .owl-item.reset .arrow,
.taxonomy-vocabulary-26 .view-upcoming-events-from-term .views-row.reset .arrow,
.view-events-term-page-content .views-row.reset .arrow,
.view-bistros-overview .views-row.reset .arrow{
  left:10%;
  opacity: 0;
  z-index: 10;
}
.page-events .view-featured-events .owl-item .arrow.rollover,
.page-events .event-grouped-lists .owl-item .arrow.rollover,
.taxonomy-vocabulary-26 .view-upcoming-events-from-term .views-row .arrow.rollover,
.view-events-term-page-content .views-row .arrow.rollover,
.view-bistros-overview .views-row .arrow.rollover{
  opacity:1;
  left:50%;
  margin-left: -15px;
}
.page-events .view-featured-events .owl-item .arrow.rollout,
.page-events .event-grouped-lists .owl-item .arrow.rollout,
.taxonomy-vocabulary-26 .view-upcoming-events-from-term .arrow.rollout,
.view-events-term-page-content .views-row .arrow.rollout,
.view-bistros-overview .views-row .arrow.rollout{
  opacity:0;
  left:90%;
}

/**
 *  Events Taxonomy
 */

.page-taxonomy-term .col-sm-12{
  padding-top: 65px;
  padding-bottom: 65px;
  z-index: 1;
}

.taxonomy-vocabulary-31 .col-sm-12{
  margin-top:340px;
}

.page-taxonomy-term .block.block-stone-blocks .signup-form-wrapper {
  margin-top: -65px;
}

.page-taxonomy-term .interior-banner .subtitle{
  font-weight: 700;
}

.page-taxonomy-term .views-row img {
  max-width: 100%;
  height: auto;
}

.view-events-term-page-content .views-row .views-field-field-thumbnail-image{
  padding-top: 0;
}

/**
 * Growler Fills
 */
.page-shop-growler-fills .banner{
  z-index: 0;
}
.page-shop-growler-fills .col-sm-12{
  margin-top: 320px;
  background-color: #080808;
  padding-top: 0px;
}
.page-shop-growler-fills .views-group {
  padding-bottom: 40px;
}
.page-shop-growler-fills .views-group .header {
  margin-bottom: 20px;
  height: 178px;
  overflow: hidden;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}

.page-shop-growler-fills .views-group .header .banner-gradient{
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4MDgwOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODA4MDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(8,8,8,0) 0%, rgba(8,8,8,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(8,8,8,0)), color-stop(100%,rgba(8,8,8,1)));
  background: -webkit-linear-gradient(top,  rgba(8,8,8,0) 0%,rgba(8,8,8,1) 100%);
  background: -o-linear-gradient(top,  rgba(8,8,8,0) 0%,rgba(8,8,8,1) 100%);
  background: -ms-linear-gradient(top,  rgba(8,8,8,0) 0%,rgba(8,8,8,1) 100%);
  background: linear-gradient(to bottom,  rgba(8,8,8,0) 0%,rgba(8,8,8,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00080808', endColorstr='#080808',GradientType=0 );
  width: 100%;
  height: 100%;
}

.page-shop-growler-fills .views-group .header .location-info{
  display: inline-block;
  margin: auto;
  width: 100%;
  max-width: 300px;
  bottom: 22%;
  left: 0;
  right: 0;
  position: absolute;
  color: #a8a8a8;
  font-weight: 700;
  line-height: 1.3;
}

.page-shop-growler-fills .views-group .header h2 {
  color: #fafafa;
  text-transform: uppercase;
  font-size: 1.0em;
}
.page-shop-growler-fills .views-group .header h3{
  color: #e8e8e8;
}

.page-shop-growler-fills .views-group .header p {
  font-weight: 700;
  color: #a8a8a8;
}
.page-shop-growler-fills .views-group .views-row {
  padding-bottom: 15px;
}
.page-shop-growler-fills .views-group .views-row .views-field-field-date {
  color: #888888;
  font-size: 0.868em;
}
.page-shop-growler-fills .views-group .views-row a{
  text-transform: uppercase;
  color: #ddd;
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-weight: 900;
}

/* Owl Carousel nav */

.owl-theme .owl-controls{
  text-align: center;
  margin: 30px 0 0 0;
  padding-bottom: 20px;
}

.owl-pagination .owl-page:first-child:last-child{
  opacity: 0;
}

.owl-theme .owl-controls .owl-page{
  display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 8px;
  height: 8px;
  margin: 5px 4px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #565656;
}
.owl-theme .owl-controls .owl-page.active span{
  background-color: #b0b0b0;
}
.node-beer .owl-theme .owl-controls .owl-page.active span{
  opacity: 1
}
.view-events-by-categories > .view-content > .views-row,
.view-events-by-locations > .view-content > .views-row {
}
.view-events-by-categories .col-sm-6,
.view-events-by-locations .col-sm-6 {
  padding-left: 0;
  padding-right: 0;
}
.page-events .views-row img,
.page-taxonomy-term-256 img {
  max-width: 100%;
  height: auto;
}
.node-type-event .event-details .location,
.node-type-event .event-details time{
  margin-bottom: 20px;
  margin-left: 40px;
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-size:1.25em;
  font-weight: 900;
  line-height: 1.2em;
  text-transform: uppercase;
}

.node-type-event .event-details .location a{
  color:inherit;
}

.node-type-event .event-details i{
  display: inline-block;
  margin-right:10px;
  font-size: 1.1em;
}
.node-type-event .event-details .location i,
.node-type-event .event-details .location i + div{
  display: inline-block;
  vertical-align: top;
}

.node-type-event .event-details time{
  display: block;
}
.node-type-event .event-details .location i,
.node-type-event .event-details time i{
  margin-left: -38px
}
.node-type-event .event-details .field-name-field-link{
  text-align: left;
  padding:0;
}

.node-type-event .event-details .field-name-field-link .field-item{
  margin-bottom: 20px;
}

.node-type-event .event-details .field-name-field-link a{
  padding:15px 20px;
  color:#e8e8e8;
}

/**
 *  Basic Page
 */

.node-type-page .basic-wrapper .container{
  max-width: 830px
}



/* =============================================== */

/*iframe basic pages */
.page-node-7021.node-type-page .basic-wrapper .container,
.page-node-7141.node-type-page .basic-wrapper .container,
.page-node-7146.node-type-page .basic-wrapper .container,
.page-node-7151.node-type-page .basic-wrapper .container,
.page-node-7156.node-type-page .basic-wrapper .container,
.page-node-7161.node-type-page .basic-wrapper .container,
.page-node-7486.node-type-page .basic-wrapper .container,
.page-node-7481.node-type-page .basic-wrapper .container,
.page-node-8381.node-type-page .basic-wrapper .container,
.page-node-7826.node-type-page .basic-wrapper .container,
.page-node-9476.node-type-page .basic-wrapper .container{
  max-width: 1170px;
}

.node-type-page .image-left.row h2 {
  color: #bb1d23;
}

.node-type-page .image-left.row{
  z-index: 1;
  position: relative;
}

.node-type-page .basic-wrapper {
  margin-top: 320px;
  padding: 50px 0;
  position: relative;
  z-index: 1;
}

.fixedBanners.node-type-page .basic-wrapper{
  margin-top:0;
}

.field-name-field-image-left img{
  max-width: 100%;
  height: auto;
}

.field-name-field-image-left {
  text-align: center;
}

.field-name-field-copy-right- h2{
  text-transform: uppercase;
  margin-top: 30px;
}

.field-collection-view{
  margin-bottom: 50px;
}

.page-node-65101 .field-collection-view {
    margin-bottom: 30px;
    border-bottom: 1px solid #333;
    padding-bottom: 30px;
}

.node-type-page .node .field-name-body table,
.node-type-page .field-name-field-copy-right- table,
.vocabulary-stone-locations table {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 1em;
}

/* Beer Release Schedule */

.page-node-7826.node-type-page .node .field-name-body table,
.page-node-9476.node-type-page .node .field-name-body table {
    table-layout: auto;
}

.page-node-7826.node-type-page .node .field-name-body table tr td:first-child,
.page-node-9476.node-type-page .node .field-name-body table tr td:first-child {
    width: 75%;
}

.page-node-7826.node-type-page .node .field-name-body table tr td:last-child,
.page-node-9476.node-type-page .node .field-name-body table tr td:last-child {
    width: 25%;
}

.node-type-page .node .field-name-body tr,
.vocabulary-stone-locations tr,
.node-type-page .node .field-name-body table.noborder thead tr,
.node-type-page .field-name-field-copy-right- tr,
.node-type-page .field-name-field-copy-right- table.noborder thead tr{
  border-bottom: 1px solid #333;
}

.node-type-page .node .field-name-body th,
.node-type-page .node .field-name-body td,
.node-type-page .field-name-field-copy-right- th,
.node-type-page .field-name-field-copy-right- td,
.vocabulary-stone-locations th,
.vocabulary-stone-locations td {
  padding: 6px 4px;
  vertical-align: top;
}

.node-type-page .field-name-field-copy-right- h2{
  margin-top:0;
}

/* special release tracking ====================== */

.page-node-8336.node-type-beer #extra,
.page-node-7796.node-type-beer #extra,
.page-node-8496.node-type-beer #extra,
.page-node-8491.node-type-beer #extra,
.page-node-7791.node-type-beer #extra,
.page-node-8496.node-type-beer #extra {
    padding-bottom: 0;
}

.page-node-8336.node-type-beer #extra iframe,
.page-node-7796.node-type-beer #extra iframe,
.page-node-8496.node-type-beer #extra iframe,
.page-node-8491.node-type-beer #extra iframe,
.page-node-7791.node-type-beer #extra iframe,
.page-node-8496.node-type-beer #extra iframe{
    border: 0;
    display: block;
    width: 100%;
}

.page-node-8336.node-type-beer #extra .container,
.page-node-7796.node-type-beer #extra .container,
.page-node-8496.node-type-beer #extra .container,
.page-node-8491.node-type-beer #extra .container,
.page-node-7791.node-type-beer #extra .container,
.page-node-8496.node-type-beer #extra .container{
    width: 100%;
    margin: 0;
    padding: 0;
}

.page-node-8336.node-type-beer #extra p,
.page-node-7796.node-type-beer #extra p,
.page-node-8496.node-type-beer #extra p,
.page-node-8491.node-type-beer #extra p,
.page-node-7791.node-type-beer #extra p,
.page-node-8496.node-type-beer #extra p {
    margin: 0;
}

/**
 * Taxonomy Term Pages
 */
.taxonomy-banner {
  height: 400px;
  text-align: center;
}
.taxonomy-banner h1 {
  padding-top: 170px;
  text-transform: uppercase;
  margin: 0;
}

/**
 *  Stone location taxonomy pages
 */
.page-taxonomy-term.taxonomy-vocabulary-26 .col-sm-12{
  margin-top: 570px;
}

.page-taxonomy-term.taxonomy-vocabulary-26 .view-id-events_by_locations.view-display-id-block_1 .col-sm-12{
  margin-top: 0;
}

.taxonomy-vocabulary-26 .taxonomy-term-description{
  margin-bottom: 80px;
}

.view-stone-location-growler-fill-list{
  text-align: center;
}

.view-stone-location-growler-fill-list .view-header h2,
.view-upcoming-events-from-term .view-header {
  text-transform: uppercase;
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-weight: 900;
  font-size: 1.45em;
  text-align: center;
  margin: 80px 0 40px 0;
}

.view-stone-location-growler-fill-list .views-field-field-date{
  font-size: 0.9em;
  color: #989898;
  font-weight: 500;
  margin-bottom: 2px;
}

.view-stone-location-growler-fill-list .views-field-title{
  display: block;
  margin-bottom: 22px;
}

.view-stone-location-growler-fill-list .views-field-title a{
  text-transform: uppercase;
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-weight: 900;
  font-size: 1.15em;
  color:#e8e8e8;
}
.view-stone-location-growler-fill-list .views-row-last{
  margin-bottom: 80px;
}

.view-upcoming-events-from-term.view-display-id-block_1 .view-footer{
  text-align: center;
  font-family: 'BenjaminFranklin',Georgia,serif;
  text-transform: uppercase;
  font-weight: 900;
  clear: both;
}

.taxonomy-vocabulary-26 .view-upcoming-events-from-term.view-display-id-block_1 .view-footer{
  display: none;
}
.view-upcoming-events-from-term.view-display-id-block_1 .view-footer a{
  opacity: 0.5;
  color: #e8e8e8;
}

/**
 *  Stone Bistros Overview
 */

.page-visit-bistros .main-container .row,
.page-shop-stores .main-container .row,
.page-visit .main-container .row{
  background-color: #080808;
}
.view-bistros-overview{
    margin-left: -15px;
    margin-right: -15px;
}
.view-bistros-overview .views-row.col-xs-12.col-md-6.col-lg-4,
.view-bistros-overview .views-row.col-xs-12.col-md-6,
.view-bistros-overview .views-row.col-md-12.col-sm-12.col-xs-12{
  padding: 0;
  margin-bottom: 60px;
}
.view-bistros-overview .views-row .banner-bg-image,
#block-block-66 .banner-bg-image{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  min-height: 800px;
  position: relative;
  filter: grayscale(1); /* Firefox 35+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  -webkit-transition: -webkit-filter 500ms ease;
  -moz-transition: filter 500ms ease;s
  transition: filter 500ms ease;
}

.view-bistros-overview .views-row:hover .banner-bg-image,
#block-block-66:hover .banner-bg-image{
  filter: none; /* IE6-9 */
  filter: grayscale(0); /* Firefox 35+ */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
}

.view-bistros-overview .views-row .field-content,
#block-block-66 .shadow{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4MDgwOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODA4MDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(8,8,8,0) 0%, rgba(8,8,8,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(8,8,8,0)), color-stop(100%,rgba(8,8,8,1)));
  background: -webkit-linear-gradient(top,  rgba(8,8,8,0) 0%,rgba(8,8,8,1) 100%);
  background: -o-linear-gradient(top,  rgba(8,8,8,0) 0%,rgba(8,8,8,1) 100%);
  background: -ms-linear-gradient(top,  rgba(8,8,8,0) 0%,rgba(8,8,8,1) 100%);
  background: linear-gradient(to bottom,  rgba(8,8,8,0) 0%,rgba(8,8,8,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00080808', endColorstr='#080808',GradientType=0 );

}
.view-bistros-overview .views-row .field-content h1,
#block-block-66 h1{
  text-transform: uppercase;
  font-size: 2.286em;
}

.view-bistros-overview h1 a.location-title{
  color: #e8e8e8;
  -webkit-transition: color 0.6s ease;
  -moz-transition: color 0.6s ease;
  -ms-transition: color 0.6s ease;
  -o-transition: color 0.6s ease;
  transition: color 0.6s ease;
}

.view-bistros-overview .views-row .field-content h2,
#block-block-66 h2{
  text-transform: uppercase;
  font-size: 1.143em;
  margin-bottom: 10px;
  margin-top: 24px;
}
.view-bistros-overview .views-row .field-content h1,
.view-bistros-overview .views-row .field-content h2,
#block-block-66 h1,
#block-block-66 h2{
  color: #e8e8e8;
  font-weight: 900;
}

.view-bistros-overview  .phone{
  margin-top: 12px;
}

.view-bistros-overview .views-row .field-content .location-info-wrap,
#block-block-66 .location-info-wrap{
  display: block;
  position: absolute;
  top: 22%;
  padding-bottom: 70px;
  padding: 0 20px 70px 20px;
  text-align: center;
  width: 100%;
  color: #989898;
  font-weight: 700;
}

.view-bistros-overview.view-display-id-page_2 .views-row .field-content .location-info-wrap,
#block-block-66 .location-info-wrap{
  top: 35%;
}

.view-bistros-overview.view-display-id-page_2 .views-row .field-content .location-info-wrap .col-md-4.col-sm-12,
#block-block-66 .location-info-wrap .col-md-4.col-sm-12{
  max-width: 280px;
  width:33%;
  float: none;
  display: inline-block;
  margin: auto;
  vertical-align: top;
}

.view-bistros-overview.view-display-id-page_2 .views-row .field-content .location-info-wrap .col-md-4.col-sm-12:last-child{
  clear:both;
}

.view-bistros-overview .views-row .field-content .address,
.view-bistros-overview .views-row .field-content .phone,
#block-block-66 .address,
#block-block-66 .phone,
#block-block-66 .hours,
#block-block-66 .more-info .link a{
  color: #989898;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
}

.view-bistros-overview .views-row:hover .field-content .address,
.view-bistros-overview .views-row:hover .field-content .phone,
#block-block-66:hover .address,
#block-block-66:hover .phone,
#block-block-66:hover .hours,
#block-block-66 .more-info .link:hover a{
  color: #e8e8e8;
}

.view-bistros-overview .views-row .field-content .map-link{
  margin-top: 10px;
}

.view-bistros-overview .views-row .field-content .more-hours{
  -webkit-transition: height 0.5s ease, opacity 0.5s ease;
  -moz-transition: height 0.5s ease, opacity 0.5s ease;
  -ms-transition: height 0.5s ease, opacity 0.5s ease;
  -o-transition: height 0.5s ease, opacity 0.5s ease;
  transition: height 0.5s ease, opacity 0.5s ease;
  opacity: 1;
  height: 50px;
  cursor: pointer;
  -webkit-transition-delay: 0.5s, 0.5s; /* Safari */
  transition-delay:0.5s, 0.5s;
}

.view-bistros-overview .views-row .field-content .more-hours.reveal{
  opacity: 0;
  height: 0px;
  z-index: 0;
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}

.view-bistros-overview .views-row .field-content .all-hours{
  opacity: 0;
  height: 0px;
  z-index: 1;
  position: relative;
  -webkit-transition: height 0.5s ease, opacity 0.5s ease;
  -moz-transition: height 0.5s ease, opacity 0.5s ease;
  -ms-transition: height 0.5s ease, opacity 0.5s ease;
  -o-transition: height 0.5s ease, opacity 0.5s ease;
  transition: height 0.5s ease, opacity 0.5s ease;
  -webkit-transition-delay: 0.5s, 0s; /* Safari */
  transition-delay: 0.5s, 0s;
}

.view-bistros-overview .views-row .field-content .all-hours.reveal{
  opacity: 1;
  height: 140px;
  cursor: pointer;
  text-align: left;
  -webkit-transition-delay: 0s, 0.5s; /* Safari */
  transition-delay: 0s, 0.5s;
}
.view-bistros-overview .views-row .field-content .all-hours.reveal .today{
  color: #e8e8e8;
}
.view-bistros-overview .views-row .field-content .oh-wrapper{
  text-align: left;
  display: table;
  margin: auto;
}

.view-bistros-overview .views-row .field-content .oh-wrapper .oh-display-label{
  text-align: right;
}

.view-bistros-overview .views-row .field-content .all-hours .oh-wrapper .oh-display-hours,
.view-bistros-overview .views-row .field-content .all-hours .oh-wrapper .oh-display-closed{
  padding-left: 10px;
}

.view-bistros-overview .views-row .field-content .hours .oh-wrapper .oh-display-label{
  text-align: center;
}

.view-bistros-overview .views-row .field-content .all-hours.reveal .oh-wrapper{
  opacity: 1;
}

.view-bistros-overview .views-row .field-content .more-hours .hours{
  color: #e8e8e8;
}

.view-bistros-overview .views-row .field-content .more-hours .hours-link{
  padding-top: 8px;
}

.view-bistros-overview .views-row:hover .field-content .more-hours .hours-link,
.view-bistros-overview .views-row:hover .field-content .all-hours{
  color: #989898;
}

.view-bistros-overview .views-row .field-content .special-hours{
  color: #e8e8e8;
  padding: 10px 0 10px 0;

}

.view-bistros-overview .views-row .field-content .fb-link{
  padding-top: 10px;
}

.view-bistros-overview .views-row .field-content .fb-link a{
  position: relative;
  z-index: 2;
  font-size: 1.1428571428571428em;
  color: #e8e8e8;
  -webkit-transition: color 0.5s ease, opacity 0.5s ease;
  -moz-transition: color 0.5s ease, opacity 0.5s ease;
  -ms-transition: color 0.5s ease, opacity 0.5s ease;
  -o-transition: color 0.5s ease, opacity 0.5s ease;
  transition: color 0.5s ease, opacity 0.5s ease;
}

.view-bistros-overview .views-row .field-content .fb-link a:hover{
    color: #3b5998
}
.view-bistros-overview .views-row .arrow{
  position:absolute;
  left:10%;
  bottom:0;
  margin-bottom: -8px;
  z-index: 10;
  opacity: 0;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

/**
 *  Stone Locations Overview
 */
 .page-visit .view-bistros-overview h3{
  clear: both;
  text-align: center;
  padding: 80px;
 }

.page-visit .view-bistros-overview .views-row {
    text-align:left;
    margin-bottom: 30px;
    padding: 0;
}

.page-visit .view-bistros-overview .view-content {
    text-align: center;
}

/*Special Stone Brewing Block*/
#block-block-66{
  position:relative;
  margin:0 -15px;
}

#block-block-66 .col-md-4 div{
  margin-bottom:10px;
}

#block-block-66 .col-md-4 .link .arrow{
  margin: 10px 0 15px -15px;
  font-size: 0.75em;
}

#block-block-66 .location-info-wrap{
  z-index: 1;
}

#block-block-66 .shadow{
  z-index: 0;
}

/**
 *  SEARCH
 */

.views-exposed-form .views-exposed-widget .form-submit{
  margin-top:0;
}
#search-results {
  background: #080808;
  padding: 40px 0;
}
li.search-result {
  margin: 20px 0;
  padding: 20px 0;
  border-bottom: 1px solid rgba(200,200,200,0.5);
}

.view-search .views-row {
  margin: 20px 0;
  padding: 20px 0;
  color: #a8a8a8;
  border-bottom: 1px solid rgba(200,200,200,0.5);
}
.view-search .views-row a {
  color: #e8e8e8;
}
.view-search .views-row .pull-right {
  padding-left: 30px;
  margin-top: -20px;
  margin-bottom: 1px;
}
.views-field.views-field-search-api-excerpt {
    padding: 10px 0;
}
.views-field.views-field-title {
  font-family: 'BenjaminFranklin',Georgia,serif;
  text-transform: uppercase;
  font-weight: 900;
}
.view-search .views-field-field-menu-image-icon {
  max-width: 100px;
}
.view-search .views-field-field-menu-image-icon img {
  max-width: 100%;
  height: auto;
}
.view-search .view-empty{
  margin:60px 0;
}
.view-search input.form-control{
  display: block;
  width: 100%;
  height: 55px;
  padding: 6px 12px;
  font-size: 1.29em;
  line-height: 1.42857143;
  color: #a8a8a8;
  background-color: rgba(23,23,23,0.62);
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#block-block-86 {
    margin-left: -15px;
    margin-right: -15px;
}

#block-block-86 iframe {
    display: block;
}

/**
 *  Newsletter Flipping block
 *  https://desandro.github.io/3dtransforms/docs/card-flip.html
 *  TODO: Cleanup spacing & style form
 */
#block-stone-blocks-stone-mailinglist-growler-signup {
  margin-bottom: 50px;
}
.block.block-stone-blocks .signup-form-wrapper {
  background-color: #1a1a1a;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  height: 150px;
  margin: 0 -20px;
  padding:10px 20px 0 20px;
  clear: both;
  position: relative;
  float: left;
  z-index: 9999;
  width: 105%;
  left:0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: 0.2s ease-out 0.5s;
  -moz-transition: 0.2s ease-out 0.5s;
  transition: 0.2s ease-out 0.5s;
}
.block.block-stone-blocks .signup-form-wrapper .flippy {
  width: 95%;
  height: 100%;
  position: relative;
  max-width: 800px;
  margin:0 auto;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.block.block-stone-blocks.focused .signup-form-wrapper .flippy,
.block.block-stone-blocks:hover .signup-form-wrapper .flippy{
  -webkit-transform: rotateX(89deg);
  -moz-transform: rotateX(89deg);
  -o-transform: rotateX(89deg);
  transform: rotateX(89deg);
}
.block.block-stone-blocks .signup-form-wrapper .signup-flip{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100px;
}

.block.block-stone-blocks .flippy .container {
  width:auto;
}

.block.block-stone-blocks .signup-form-wrapper .pull-left{
  color:#BB1D23;
  font-size:1.2857142857142858em;
  font-family: 'BenjaminFranklin',Georgia,serif;
}

.block.block-stone-blocks .signup-form-wrapper .pull-left strong {
  font-size: 23px;
}

.block.block-stone-blocks .signup-form-wrapper .pull-right{
  color:#888;
  font-size:1.2857142857142858em;
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-size: 1.7em;
}

.block.block-stone-blocks .signup-form-wrapper .icon-arrow-right:before{
  font-size: 0.8em;
  vertical-align: 15%;
}

.block.block-stone-blocks .signup-form-wrapper .pull-left .icon-arrow-right:before{
  padding-right:40px;
  color:#BB1D23;
  opacity: 0.5;
}

.block.block-stone-blocks .signup-flip.copy {
  -webkit-transform: translateZ(50px);
  -moz-transform: translateZ(50px);
  -o-transform: translateZ(50px);
  transform: translateZ(50px);
  padding:50px 0;
  z-index: 2;
  text-align: center;
}

.block.block-stone-blocks .signup-flip.form {
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform: rotateX(-90deg) translateZ(-50px);
  -moz-transform: rotateX(-90deg) translateZ(-50px);
  -o-transform: rotateX(-90deg) translateZ(-50px);
  transform: rotateX(-90deg) translateZ(-50px);
  padding:30px 0;
  z-index: 1;
  left: 100%;
}
.block.block-stone-blocks .signup-flip input{
  background-color: transparent;
  border:none;
  color:#888;
  -webkit-transition: color 0.5s ease, opacity 0.5s ease;
  -moz-transition: color 0.5s ease, opacity 0.5s ease;
  -ms-transition: color 0.5s ease, opacity 0.5s ease;
  -o-transition: color 0.5s ease, opacity 0.5s ease;
  transition: color 0.5s ease, opacity 0.5s ease;
}
.block.block-stone-blocks .signup-flip input[type="email"]{
  float:left;
  width:80%;
  max-width:600px;
  margin-top:-8px;
  font-size: 1.7142857142857142em;
  font-weight: 700;
}
.block.block-stone-blocks .signup-flip input[type="submit"]{
  padding:0;
  font-family: 'BenjaminFranklin',Georgia,serif;
  font-size:1em;
  font-weight: 900;
  text-transform: uppercase;
}

.block.block-stone-blocks .signup-flip.form .pull-right > i:before{
  position:relative;
  left:-40px;
  top:1px;
  opacity: 0.5;
}

.block.block-stone-blocks .signup:focus{
  outline:none;
}


.block.block-stone-blocks .signup-flip input::-webkit-input-placeholder{
  opacity: 1;
  color: #888;
  -webkit-transition: color 0.5s ease, opacity 0.5s ease;
  -moz-transition: color 0.5s ease, opacity 0.5s ease;
  -ms-transition: color 0.5s ease, opacity 0.5s ease;
  -o-transition: color 0.5s ease, opacity 0.5s ease;
  transition: color 0.5s ease, opacity 0.5s ease;
}
.block.block-stone-blocks .signup-flip input::-moz-placeholder{
  opacity: 1;
  color: #888;
  -webkit-transition: color 0.5s ease, opacity 0.5s ease;
  -moz-transition: color 0.5s ease, opacity 0.5s ease;
  -ms-transition: color 0.5s ease, opacity 0.5s ease;
  -o-transition: color 0.5s ease, opacity 0.5s ease;
  transition: color 0.5s ease, opacity 0.5s ease;
}
.block.block-stone-blocks .signup-flip input:-moz-placeholder{
  opacity: 1;
  color: #888;
  -webkit-transition: color 0.5s ease, opacity 0.5s ease;
  -moz-transition: color 0.5s ease, opacity 0.5s ease;
  -ms-transition: color 0.5s ease, opacity 0.5s ease;
  -o-transition: color 0.5s ease, opacity 0.5s ease;
  transition: color 0.5s ease, opacity 0.5s ease;
}
.block.block-stone-blocks .signup-flip input:-ms-input-placeholder {
  opacity: 1;
  color: #888;
  -webkit-transition: color 0.5s ease, opacity 0.5s ease;
  -moz-transition: color 0.5s ease, opacity 0.5s ease;
  -ms-transition: color 0.5s ease, opacity 0.5s ease;
  -o-transition: color 0.5s ease, opacity 0.5s ease;
  transition: color 0.5s ease, opacity 0.5s ease;
}

.block.block-stone-blocks.focused .signup-flip input::-webkit-input-placeholder{opacity: 0.5}
.block.block-stone-blocks.focused .signup-flip input::-moz-placeholder{opacity: 0.5}
.block.block-stone-blocks.focused .signup-flip input:-moz-placeholder{opacity: 0.5}
.block.block-stone-blocks.focused .signup-flip input:-ms-input-placeholder {opacity: 0.5}



/*IE10+ Media Query for Flippy*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .block.block-stone-blocks .signup-form-wrapper{
    height: 170px;
  }

  .block.block-stone-blocks .signup-form-wrapper .signup-flip{
    height:50px;
  }

  .block-stone-blocks.block .signup-form-wrapper .pull-right{
    margin-top: 8px;
    margin-bottom: 10px;
  }


  .block.block-stone-blocks .signup-flip.copy {
    padding:20px 0;
    -ms-transform: none;
   }

  .block.block-stone-blocks .signup-flip.copy .pull-left i{
    display: none;
  }

  .block.block-stone-blocks .signup-flip.copy .pull-right{
    display: none;
  }

  .block.block-stone-blocks .signup-flip.form {
    padding:30px 0;
    transform: none;
  }

   .block.block-stone-blocks .signup-flip.form input.signup{
    border: 1px solid rgba(184, 184, 184, .4);
    padding: 10px;
   }

  .block.block-stone-blocks.focused .signup-form-wrapper .flippy,
  .block.block-stone-blocks:hover .signup-form-wrapper .flippy{
    transform: none;
  }
}

.simple-accordion .panel {
  border: none;
  background: transparent;
  padding: 5px 0;
  border-bottom: 1px solid #262626
}
.simple-accordion .panel-default > .panel-heading {
  color: #e8e8e8;
  background-color: transparent;
  border: none;
}
.simple-accordion .panel-default > .panel-heading a {
  display: block;
  position: relative;
}
.simple-accordion .panel-default > .panel-heading a .count {
  color: #626262;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
  font-size: 0.871em;
  padding-left: 5px;
}
.simple-accordion .panel-default > .panel-heading a i {
  position: absolute;
  right: 0;
}
.simple-accordion .panel-default > .panel-heading a.collapsed i.icon-cancel-1,
.simple-accordion .panel-default > .panel-heading a[aria-expanded="false"] i.icon-cancel-1 {
  opacity: 0;
}
.simple-accordion .panel-default > .panel-heading a[aria-expanded="true"] i.icon-cancel-1 {
  opacity: 1;
}
.simple-accordion .panel-default > .panel-heading a[aria-expanded="true"] i.icon-down-open {
  opacity: 0;
}
.simple-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: none;
}
.simple-accordion .panel-body a {
  color: #e8e8e8;
}
.simple-accordion .panel-body a .count {
  color: #626262;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
  font-size: 0.871em;
  padding-left: 5px;
}
.view-latest-blogs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: 'Roboto Slab', Georgia, serif;
  font-weight: 700;
  text-transform: none;
}
.view-latest-blogs ul li {
  padding: 20px 0;
}
.view-latest-blogs ul .views-field-title {
  margin-bottom: 10px;
  font-size: 1.143em;
}
.view-latest-blogs .views-field-title {
  font-family: 'Roboto Slab', Georgia, serif;
  text-transform: none;
}
.view-latest-blogs ul .views-field-created {
  color: #626262;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.view-latest-blogs ul .views-field-created a {
  color: #626262;
}

/**
 *  3 column cta bean
 */
.bean-three-column-cta .inner {
  padding: 50px 0;
}
.bean-three-column-cta .inner h3 {
  margin: 0;
}
.bean-three-column-cta .col-sm-4 {
  min-height: 285px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bean-three-column-cta .col-sm-4.dotted {
  border-left: 2px dotted #777;
  border-right: 2px dotted #777;
  border-left: 2px dotted rgba(232,232,232,0.2);
  border-right: 2px dotted rgba(232,232,232,0.2);
}
.bean-three-column-cta .col-sm-4 span {
  display: block;
  margin: 10px 0;
  font-family: "BenjaminFranklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
}
.bean-three-column-cta .col-sm-4 span.title {
  font-size: 2em;
  text-transform: uppercase;
  color: #e8e8e8;
}
.bean-three-column-cta .col-sm-4 span.cta {
  overflow: hidden;
  max-height: 0px;
  padding-top: 0;
  color: #e8e8e8;
  opacity: 0;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  font-size: 1.5em;
}
.bean-three-column-cta .col-sm-4:hover span.cta {
  max-height: 150px;
  padding-top: 40px;
  opacity: 0.5;
}

/**
 *  Half blog Half custom bean
 */
.bean-half-blog-half-custom .inner {
  padding: 50px 0;
  background: #080808;
  border-bottom: 1px solid #292929;
}
.bean-half-blog-half-custom .col-sm-6:first-child {
  border-right: 2px dotted #777;
  border-right: 2px dotted rgba(232,232,232,0.2);
}
.bean-half-blog-half-custom h2 {
  margin: 0;
  padding: 25px 0;
  color: #b8b8b8;
  font-size: 1.857em;
}
.bean-half-blog-half-custom .view {
  max-width: 400px;
  margin:0 auto;
  padding-bottom: 15px;
  color: #626262;
  font-family: 'Roboto Slab', Georgia, serif;
  font-weight: 700;
}
.bean-half-blog-half-custom .views-row a{
  color: #b8b8b8;
}
.bean-half-blog-half-custom .views-field-created{
  padding-bottom: 20px;
}
.bean-half-blog-half-custom .views-field-title{
  padding-bottom: 0px;
}
.bean-half-blog-half-custom .footer a{
  font-family: 'Roboto Slab', Georgia, serif;
  color: #b8b8b8;
  font-weight: 700;
  opacity: 0.5;
}
.bean-half-blog-half-custom .footer i{
  margin-left:-20px;
  line-height: 2.5em;
}
.bean-half-blog-half-custom .field-name-field-description a{
  font-family: 'Roboto Slab', Georgia, serif;
  color: #b8b8b8;
  font-weight: 700;
}

/**
 * Colorbox
 */

#cboxWrapper {
  background: #2f2f2f;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#cboxContent {
    background: transparent;
    overflow: hidden;
}

#cboxContent h3.upcoming-hours-heading {
  margin-bottom: 20px;
}

#cboxContent .special-hours .description {
  text-transform: uppercase;
  font-family: 'brandon-grotesque', sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  color: #d9bb9d;
}

#cboxContent .special-hours .day {
  font-weight: bold;
}

#cboxContent .special-hours {
  border-bottom: 1px solid #555;
  padding-bottom: 10px;
}

#cboxContent .special-hours:last-child {
  border-bottom: none;
}

#cboxLoadedContent {
  margin-bottom: 0;
}

#cboxOverlay {
    background-color: #111;
}

#cboxLoadingOverlay {
  background: #2f2f2f;
}

#cboxClose, #cboxClose:hover {
  background: url(../img/cbox_controls.png) no-repeat -25px 0px;
}

#cboxContent #field_hours_of_operation_modal,
#cboxContent #field_attached_hours_modal {
  text-align: center;
}

/**
 * Mobile Menu
 * animations from http://tympanus.net/Development/SidebarTransitions
 * effect: slide along
 */

#mobile-menu-drawer {
  position: fixed;
  top: 0;
  right: 15%;
  width: 85%;
  height: 100%;
  max-width: 400px;
  background: #171717;
  overflow: hidden;
  visibility: hidden;
  z-index: 1;
  -webkit-transform: translate3d(65%, 0, 0);
  transform: translate3d(65%, 0, 0);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.revealMobileMenu #mobile-menu-drawer {
  visibility: visible;
  right:0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#mobile-menu-drawer .mobile-menu-inner{
  float:left;
  max-height: 100%;
  max-width: 500px;
  width:100%;
  overflow: auto;
  padding: 18px 30px 30px 30px;
}
#mobile-menu-drawer li ul {
  display: none;
}
#mobile-menu-drawer .mobile-menu-secondary {
  position:absolute;
  left:100%;
  height: 100%;
  overflow: auto;
  display: block;
  float:left;
  transition-delay:0.25s;
}

#mobile-menu-drawer .active{
  transition-delay:0s;
}

#mobile-menu-drawer .active.child-0 {
  left:20%;
}
#mobile-menu-drawer .active.child-1 {
  left:40%;
}
#mobile-menu-drawer .active.child-2 {
  left:60%;
}
#mobile-menu-drawer .active.child-3 {
  left:80%;
}
#mobile-menu-drawer .active.child-4 {
  left:100%;
}
#mobile-menu-drawer .mobile-wrapper{
  position: absolute;
  top: 0;
  left: 0;
  width: 500%;
  height: 100%;
  background: #171717;
  overflow:hidden;
}

#mobile-menu-drawer .submenu-back {
  font-family: "BenjaminFranklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
  color: #808080;
  padding: 5px 0 5px 0;
  display: block;
}

#mobile-menu-drawer .submenu-back i:before{
  margin-left: 0;
  margin-right: 8px;
}

#mobile-menu-drawer .nav {
  padding: 15px 0;
  margin: 10px 0;
  border-top: 1px solid #3a3a3a;
  border-bottom: 1px solid #3a3a3a;
}
#mobile-menu-drawer .nav > li > a {
  background-color: transparent;
  font-weight: 900;
  text-transform: uppercase;
  font-family: "BenjaminFranklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #e8e8e8;
  padding: 15px 0;
}
#mobile-menu-drawer .nav > li > a i {
  float: right;
  font-size: 0.9em;
}
#mobile-menu-drawer .nav > li > a:hover,
#mobile-menu-drawer .nav > li > a:focus {
  background-color: transparent;
}

#mobile-menu-overlay {
  position: fixed;
  z-index: -1000;
  opacity: 0;
  background: rgba(23,23,23,0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.revealMobileMenu #mobile-menu-overlay {
  z-index: 1;
  opacity: 1;
}

.revealMobileMenu #navbar.navHide{
  margin-top:0;
}

/* hamburger assets */
.navigation-toggle {
  position: fixed;
  display: none;
  top: 13px;
  right: 5px;
  padding: 11px 13px;
  height: 50px;
  width: 55px;
  border-radius: 3px;
  background: transparent;
  z-index: 2000;
  -webkit-transition: all 1s ease !important;
  -moz-transition: all 1s ease !important;
  -ms-transition: all 1s ease !important;
  -o-transition: all 1s ease !important;
  transition: all 1s ease !important;
}

.navigation-toggle.butHide {
  top:-55px;
}

.revealMobileMenu .navigation-toggle.butHide {
  top:8px;
}

.navigation-toggle span.burger,
.navigation-toggle span.green-burger {
  margin: 0 auto;
  position: relative;
  top: 12px;
}

.navigation-toggle span.burger:before, .navigation-toggle span.burger:after {
  position: absolute;
  content: '';
}

.navigation-toggle span.burger, .navigation-toggle span.burger:before, .navigation-toggle span.burger:after {
  width: 25px;
  height: 2px;
  background-color: #e9e9e9;
  display: block;
}

.navigation-toggle span.burger:before {
  margin-top: -6px;
}

.navigation-toggle span.burger:after {
  margin-top: 6px;
}

/* Hamburger animation to X .*/
.navigation-toggle span.burger {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.revealMobileMenu .navigation-toggle span.burger {
  width: 30px;
  background-color: transparent;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.navigation-toggle span.burger:before {
  -moz-transition-property: margin, -moz-transform;
  -o-transition-property: margin, -o-transform;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-delay: 0.8s, 0.6s;
  -o-transition-delay: 0.8s, 0.6s;
  -webkit-transition-delay: 0.8s, 0.6s;
  transition-delay: 0.8s, 0.6s;
}

.revealMobileMenu .navigation-toggle span.burger:before {
  margin-top: 0;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition-delay: 0.6s, 0.8s;
  -o-transition-delay: 0.6s, 0.8s;
  -webkit-transition-delay: 0.6s, 0.8s;
  transition-delay: 0.6s, 0.8s;
}

.navigation-toggle span.burger:after {
  -moz-transition-property: margin, -moz-transform;
  -o-transition-property: margin, -o-transform;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-delay: 0.8s, 0.6s;
  -o-transition-delay: 0.8s, 0.6s;
  -webkit-transition-delay: 0.8s, 0.6s;
  transition-delay: 0.8s, 0.6s;
}

.revealMobileMenu .navigation-toggle span.burger:after {
  margin-top: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transition-delay: 0.6s, 0.8s;
  -o-transition-delay: 0.6s, 0.8s;
  -webkit-transition-delay: 0.6s, 0.8s;
  transition-delay: 0.6s, 0.8s;
}


#mobile-menu-drawer .active{
  transition-delay:0s;
}

#mobile-menu-drawer .active.child-0 {
  left:20%;
}
#mobile-menu-drawer .active.child-1 {
  left:40%;
}
#mobile-menu-drawer .active.child-2 {
  left:60%;
}
#mobile-menu-drawer .active.child-3 {
  left:80%;
}
#mobile-menu-drawer .active.child-4 {
  left:100%;
}
#mobile-menu-drawer .mobile-wrapper{
  position: absolute;
  top: 0;
  left: 0;
  width: 500%;
  height: 100%;
  background: #171717;
  overflow:hidden;
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.65s ease-in-out;
  -moz-transition: -moz-transform 0.65s ease-in-out;
  -ms-transition: -ms-transform 0.65s ease-in-out;
  -o-transition: -o-transform 0.65s ease-in-out;
  transition: transform 0.65s ease-in-out;
}

#mobile-menu-drawer.level-1 .mobile-wrapper{
  -moz-transform: translateX(-20%);
  -webkit-transform: translateX(-20%);
  -o-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  transform: translateX(-20%);
}

#mobile-menu-drawer.level-2 .mobile-wrapper{
  -moz-transform: translateX(-40%);
  -webkit-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  transform: translateX(-40%);
}

#mobile-menu-drawer .nav {
  padding: 15px 0;
  margin: 15px 0 10px 0;
  border-top: 1px solid #3a3a3a;
  border-bottom: 1px solid #3a3a3a;
}
#mobile-menu-drawer .nav > li > a {
  background-color: transparent;
  font-weight: 900;
  text-transform: uppercase;
  font-family: "BenjaminFranklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #e8e8e8;
  padding: 10px 0;
}
#mobile-menu-drawer .nav > li > a i {
  float: right;
  font-size: 0.9em;
  padding: 2px 10px 0 0
}
#mobile-menu-drawer .nav > li > a:hover,
#mobile-menu-drawer .nav > li > a:focus {
  background-color: transparent;
}

.mobile-menu-search-form {
  position: relative;
}
.mobile-menu-search-form input,
.mobile-menu-search-form button {
  background: transparent;
  color: #808080;
  border: none;
  outline: none;
}
.mobile-menu-search-form input {
  width: 100%;
  display: block;
  padding: 5px 50px 5px 0;
  font-weight: 900;
}
.mobile-menu-search-form button {
  position: absolute;
  top: 5px;
  right: 0;
  padding: 0;
}

.mobile-menu-search-form button .icon-search:before{
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}
.mobile-menu-search-form input::-webkit-input-placeholder {
  font-family: "BenjaminFranklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.mobile-menu-search-form input:-moz-placeholder { /* Firefox 18- */
  font-family: "BenjaminFranklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.mobile-menu-search-form input::-moz-placeholder {  /* Firefox 19+ */
  font-family: "BenjaminFranklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.mobile-menu-search-form input:-ms-input-placeholder {
  font-family: "BenjaminFranklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**
 *  Move main page elements along with the reveal menu
 */
footer.footer,
#skrollr-body,
#reveal-banner,
#mobile-menu-overlay{
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

.revealMobileMenu footer.footer,
.revealMobileMenu #skrollr-body,
.revealMobileMenu #mobile-menu-overlay{
  position:relative;
  z-index:99;
  -webkit-transform: translate3d(-400px, 0, 0);
  transform: translate3d(-400px, 0, 0);
}

.revealMobileMenu #mobile-menu-overlay{
  position: fixed;
}

.revealMobileMenu #reveal-banner{
  -webkit-transform: translate3d(-400px, 0, 0);
  transform: translate3d(-400px, 0, 0);
}

.revealMobileMenu #navbar{
  -webkit-transform: translate3d(-400px, 0, 0);
  transform: translate3d(-400px, 0, 0);
}

/**
 *  Flexslider
 */

.view .flexslider {
  background: #080808;
  background: #171817 url('../img/background.jpg') center top repeat fixed;
  border: none;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0;
  padding-bottom: 90px;
  z-index: 2;
}

.view .flexslider ul.slides {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.view .flexslider .flex-control-nav {
  bottom: 100px;
  z-index: 5;
}

.view .flexslider .flex-control-paging li a {
  background: #ccc;
  background: rgba(255,255,255, 0.5);
}
.view .flexslider .flex-control-paging li a.flex-active {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
}

.view .flexslider .flex-direction-nav a:before {
  color: rgba(255,255,255, 0.8);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.view .flexslider .flex-direction-nav a {
  color: rgba(255,255,255, 0.8);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  height: 57px;
}

.view .flexslider:hover .flex-direction-nav .flex-prev {
  left: 30px;
}

.view .flexslider:hover .flex-direction-nav .flex-next {
  right: 30px;
}

.view .flexslider .slides img {
  height: 600px;
  margin: 0 auto;
  width: auto;
}

/**
 *  Sitemap
 */

footer.footer {
  position: relative;
  background:#030303 url('../img/sitemap-bg.jpg') no-repeat;
  background-position: center bottom;
  background-size: cover;
  overflow: hidden;
}
#respect{
  position:relative;
  height:250px;
  z-index: 1;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}
.revealSitemap #respect{
  height: 0;
  -webkit-transition-delay: 0.5s; /* Safari */
  transition-delay: 0.5s;
}
#respect .tagline{
  height: 60px;
  background: url('../img/arrogance-def.png') no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 5%;
  left:50%;
  margin-top: -50px;
  margin-left: -162px;
  width: 325px;
  opacity: 0.65;
}

.footer .definition .socials {
    font-size: 22px;
    margin-top: 20px;
}

.footer .definition .socials a {
    color: #f8f8f8;
}

.footer .definition{
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
  line-height: 1.8;
  text-transform: uppercase;
  max-width: 400px;
  width: 100%;
  margin: auto;
  text-align: center;
  font-size: 0.8571428571428571em;
  opacity: 0.7;
  margin-top: -20px;
}

#respect .tagline,
.footer .definition{
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  -webkit-transition-delay: 1s; /* Safari */
  transition-delay: 1s;
}

.revealSitemap .footer .definition,
.revealSitemap #respect .tagline{
  opacity: 0;
  -webkit-transition-delay: 0s; /* Safari */
  transition-delay: 0s;
}

#sitemap {
  overflow: hidden;
  position: relative;
  min-height: 20px;
  height:auto;
  z-index: 1;
}

#sitemap .sitemap-toggle {
  position:relative;
  float:right;
  margin-right:30px;
  display: block;
  width:100px;
  color:#737373;
  font-weight: 900;
  z-index: 10;
}

#sitemap .sitemap-toggle span{
  position:absolute;
  top:0;
  display: block;
  width:100%;
  opacity:1;
  text-align: right;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
#sitemap .sitemap-toggle .reveal{
  font-size: 0.714em;
}

#sitemap .sitemap-toggle .reveal i:before{
  font-size: 1.65em;
  vertical-align: -.15em;
}

#sitemap .sitemap-toggle .revert {
  opacity:0;
}

#sitemap .sitemap-toggle .revert i:before{
  font-size:1.5em;
}

.revealSitemap #sitemap .sitemap-toggle{
  color: #e8e8e8;
}

.revealSitemap #sitemap .sitemap-toggle:before{
  transform:rotate(45deg);
  background: #e8e8e8;
}

.revealSitemap #sitemap .sitemap-toggle:after{
  transform:rotate(-45deg);
  background:#e8e8e8;
}


.revealSitemap #sitemap .sitemap-toggle .revert {
  opacity:1;
}
.revealSitemap #sitemap .sitemap-toggle .reveal {
  opacity:0;
}
#sitemap .sitemap-content {
  opacity: 0;
  max-height: 0px;
  font-family: "BenjaminFranklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
  text-transform: uppercase;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-transition-delay:0;
  -moz-transition-delay:0;
  -ms-transition-delay:0;
  -o-transition-delay:0;
  transition-delay:0;
}
.revealSitemap #sitemap .sitemap-content,
.page-node-7081 #sitemap .sitemap-content{
  padding-bottom: 100px;
  opacity: 1;
  max-height: 2000px;
  -webkit-transition-delay:0.4s;
  -moz-transition-delay:0.4s;
  -ms-transition-delay:0.4s;
  -o-transition-delay:0.4s;
  transition-delay:0.4s;
}

#sitemap .sitemap-content .block {
  font-size: 0.857em;
}
#sitemap .sitemap-content .block .arrow .icon-arrow-right{
  display:none;
}
#sitemap .sitemap-content ul {
  list-style: none;
  margin: 0 0 5px;
  padding: 0;
}
#sitemap .sitemap-content li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sitemap .sitemap-content a {
  position:relative;
  color: #ffffff;
  display: block;
  padding: 2px 0;
  z-index: -1;
}

#sitemap .sitemap-content .box {
  max-width: 170px;
  margin:0 auto 12px;
  padding:13px 20px;
  border: 1px solid rgba(232,232,232,0.25);
  text-align: center;
}

.revealSitemap #sitemap .sitemap-content a,
.page-node-7081 #sitemap .sitemap-content a{
  display: block;
  z-index: 1;
  font-size: 1.25em;
}

#sitemap .sitemap-content a:hover {
  color: #b8b8b8;
}

#sitemap .sitemap-content .sitemap-header {
  text-align: center;
}

#sitemap .sitemap-content .block-bean > h2.block-title,
#sitemap .sitemap-content .block-stone-blocks > h2.block-title{
  display: none;
}

#sitemap .sitemap-content .block-bean h2.block-title,
#sitemap .sitemap-content .block-stone-blocks h2{
  margin-bottom: 0;
  font-size: 1em;
}

#sitemap .sitemap-content .block-bean h2.block-title + hr{
  display: none;
}

#sitemap .sitemap-content .sitemap-column {
  width: 33.33%; /*  TODO: Make responsive. One col on mobile. 3/2 on tablets. 5 on desktops  */
  float: left;
  text-align: center;
}

#sitemap .sitemap-content .sitemap-column.column-4,
#sitemap .sitemap-content .sitemap-column.column-5 {
  display: none;
}
#sitemap .sitemap-content .view-header a,
#sitemap .sitemap-content .view-footer a,
#sitemap .sitemap-content .block a h2,
#sitemap .sitemap-content .block h2 a,
#sitemap #block-block-51--2 a,
#sitemap #block-block-11--2 a,
#sitemap #block-block-56--2 a{
  color:#e8e8e8;
  font-weight: 900;
  font-size: 1.3em;
}
#sitemap .sitemap-content .sitemap-header a,
#sitemap .sitemap-content .column-header,
#sitemap .sitemap-content .view-sitemap-events .view-content .views-row a{
  color:#e8e8e8;
  font-size: 1.4em;
  font-weight: 900;
}
/*Vertical Line*/
#sitemap .sitemap-content .sitemap-header:after,
#sitemap .sitemap-content .column-header:after,
#sitemap .sitemap-content .view-sitemap-beers .view-content:after,
#sitemap .sitemap-content .view-sitemap-visit .view-content:after,
#sitemap .sitemap-content .view-sitemap-events .view-header:after,
#sitemap .sitemap-content .view-sitemap-events .view-content .views-row:after,
#sitemap .sitemap-content .view-sitemap-shop .view-content:after,
#sitemap .column-4 .block-block p:after,
#sitemap #block-bean-menu-shop-right-column-links--2 .content:after,
#sitemap .column-5 .region > section .content:after{
  content:'';
  display: block;
  width:1px;
  height:15px;
  margin: 5px auto;
  background-color: rgba(232,232,232,0.25);
}
#sitemap .sitemap-content .view-sitemap-events .view-content .views-row:last-child:after,
#sitemap .column-4 .block-block:last-child p:after,
#sitemap .column-5 .region > section:last-child .content:after{
  content: none;
}
#sitemap .sitemap-content .sitemap-header:after{
  height:20px;
}

#footer {
  position: relative;
  width:100%;
  margin:0;
  padding: 20px 30px 45px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
  font-size: 0.7em;
  z-index: 1;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+0,080808+100&0+0,0.85+100 */

}
#footer a {
  color: #999;
}
#footer a:hover {
  color: #ccc;
}

.region-fixed-footer {
  position: fixed;
  bottom: -35px;
  left: 0;
  padding: 10px 20px;
  width: 100%;
  height: 20px;
  background: rgba(8,8,8,0.8);
  height: 35px;
  z-index: 100;
  font-size: 0.857em;
  -webkit-transition: bottom 0.6s ease;
  -moz-transition: bottom 0.6s ease;
  -ms-transition: bottom 0.6s ease;
  -o-transition: bottom 0.6s ease;
  transition: bottom 0.6s ease;
}
.showFixedFooter .region-fixed-footer {
  bottom: 0;
}
.region-fixed-footer a.finder {
  position: absolute;
  left: 15px;
  color:#989898;
  font-weight: 700;
  z-index: 1;
}
.region-fixed-footer .center {
  width: 100%;
  display: block;
  text-align: center;
  position: absolute;
}

.region-fixed-footer .social-hover a{
  position:relative;
  display: inline-block;
  padding:10px 30px 10px 0;
  color:#a8a8a8;
  margin-top: -10px;
}

.region-fixed-footer .sharethis {
  position: absolute;
  right: 15px;
  color: #a8a8a8;
  cursor:pointer;
  font-weight: 700;
  text-transform: uppercase;
}

.region-fixed-footer .bubble{
  display: none;
  position: absolute;
  left:-20%;
  padding:8px 0;
  color:#e8e8e8;
  font-size: 1.4rem;
  text-align: center;
}

.region-fixed-footer .bubble:after {
  content:"";
  position:absolute;
  bottom:-5px; /* value = - border-top-width - border-bottom-width */
  left:45%; /* controls horizontal position */
  border-width: 7px 7px 0 7px; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:inherit;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.region-fixed-footer .bubble i{
  font-size: 1.55em;
  padding-right:5px;
  vertical-align: -5%;
}

.region-fixed-footer .social-hover a:hover .bubble,
.region-fixed-footer .social-hover a .bubble:hover{
  display: block;
  bottom:35px;
  font-family: 'Roboto Slab', Georgia, serif;
  font-weight: 700;
}

.region-fixed-footer .social-hover a.facebook:hover{
  color:#3b5998;
}

.region-fixed-footer .social-hover a.twitter:hover{
  color:#4099ff;
}

.region-fixed-footer .social-hover a.instagram:hover{
  color:#e2406f;
}

.region-fixed-footer .social-hover a.facebook .bubble{
  width:90px;
  background:#3b5998;
  border-color:#3b5998 transparent;
}

.region-fixed-footer .social-hover a.twitter .bubble{
  width:105px;
  background:#4099ff;
  border-color:#4099ff transparent;
}

.region-fixed-footer .social-hover a.instagram .bubble{
  left:-28%;
  width:130px;
  background:#e2406f;
  border-color:#e2406f transparent;
}

.alert-block{
  position:relative;
  z-index: 100;
}

/*Icon Adjustments*/
.icon-filter:before{

}

/*Admin Styles*/
.adminimal-menu #navbar{

}

#block-sharethis-sharethis-block {
  display: none;
}

@media (min-width: 768px) {
  /* On mobile outline buttons start at 'hovered' state */
  .btn-outline {
    border: 2px solid rgba(232,232,232,0.12);
    color: rgba(232,232,232,0.35);
  }
}


/* Hero image */
.hero {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.6s ease;
  -moz-transition: opacity 0.6s ease;
  -ms-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}

.hero.hover{
  opacity: 0.5
}

.hero > div.hero-image {
  background-position: center;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.hero__back--static,
.hero__front {
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  -webkit-transform-origin: 50% 60px;
  transform-origin: 50% 60px;
  -webkit-transition-timing-function: cubic-bezier(0.6,0,0.4,1);
  transition-timing-function: cubic-bezier(0.6,0,0.4,1);
}

.hero__back {
  position: absolute;
  width: 100%;
  height: 100%;
}

.hero__back--mover {
  opacity: 0.7;
  -webkit-transition: -webkit-transform 0.4s, opacity 0s 0.5s;
  transition: transform 0.4s, opacity 0s 0.5s;
}

.move-items .hero__back--mover {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.hero__front {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -391px;
  width: 782px;
  height: 782px;
  border-radius: 50%;
  opacity: 0;
}

.move-items .hero__back--static {
  opacity: 0;
  -webkit-transform: scale3d(0.15,0.15,1);
  transform: scale3d(0.15,0.15,1);
}

.move-items .hero__front {
  opacity: 1;
  -webkit-transition-duration: 0.5s, 0s;
  transition-duration: 0.5s, 0s;
  -webkit-transform: scale3d(0.15,0.15,1);
  transform: scale3d(0.15,0.15,1);
}

.breadcrumb-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 200px;
  padding: 9px 25px;
  text-transform: uppercase;
  font-weight: 900;
  -webkit-transition: background 600ms ease;
  -moz-transition: background 600ms ease;
  -ms-transition: background 600ms ease;
  -o-transition: background 600ms ease;
  transition: background 600ms ease;
}
.breadcrumb-dropdown.open {

}
.breadcrumb-dropdown .controls i {
  opacity: 1;
}
.breadcrumb-dropdown i.to-close {
  display: none;
  font-size: 0.8em;
  vertical-align: 2px;
}
.breadcrumb-dropdown.open i.to-open {
  display: none;
}
.breadcrumb-dropdown.open i.to-close {
  display: inline-block;
  padding-right:11px;
}
.breadcrumb-dropdown .icon-filter{
  padding-right:10px;
  font-size: 0.85em;
  vertical-align: 2px;
}

.breadcrumb-dropdown .reveal {
  max-height: 0px;
  margin:11px -25px;
  padding:0 25px;
  background: rgba(8,8,8,0.35);
  overflow: hidden;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}
.breadcrumb-dropdown.open .reveal {
  max-height: 500px;
}
.breadcrumb-dropdown .reveal a {
  padding: 5px 0;
  margin: 0;
  display: block;
  font-weight: 900;
}
.breadcrumb-dropdown .reveal a:hover {
  opacity: 0.7;
}
.breadcrumb-dropdown .reveal a.active {
  opacity: 0.35;
}
.breadcrumb-dropdown .reveal .filters {
  padding: 18px 0;
}
.breadcrumb-dropdown .reveal a.overview {
  opacity: 0.35;
}
.breadcrumb-dropdown .reveal a.overview i {
  font-size: 0.75em;
}

.navHide .breadcrumb-dropdown .reveal{
  background: rgba(8,8,8,0.75);
}

body.adminimal-menu div#admin-menu a, body.adminimal-menu div#admin-menu span {
  font-size: 9px;
}
body.adminimal-menu #admin-menu #admin-menu-wrapper div#toolbar div.toolbar-shortcuts ul li a {
  padding: 5px 0;
  background: transparent;
}
#admin-menu-users,
#admin-menu-search {
  display: none;
}
/* oembed container style */
.oembed{
  display: block;
  border: none;
  background-color: transparent;
  float: none;
  margin: 0;
  padding: 0;
}
.oembed .oembed-title{
  display: none;
  font-family: "BenjaminFranklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  border: none;
  text-align: left;
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}
.oembed.oembed-rich{
  margin-bottom: 20px;
}

.oembed-content .instagram-media, .oembed-content .twitter-tweet {
  margin: 0 auto !important;
}
/* Iframe */
.node-type-page iframe{
  width:100%;
}
iframe{
  border-color: transparent;
  border: none;
}

.nav-tabs {
  top: 130px;
  background-color: rgba(197, 197, 197, 0.5);
}

.nav-tabs > li > a {
  border-radius: 0;
  color: #333;
}

.nav-tabs > li > a:hover { 
  background-color: transparent;
  color: #333;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
  background-color: rgba(255, 255, 255, 0.7);
  color: #333;
}
.action-links{
    position: fixed;
    z-index: 100;
    top: 170px;
    right: 0px;
    border: none;
}
.action-links a{
  padding: 10px 15px;
  background-color: rgba(197, 197, 197, 0.5);
  color: #333;
}

ul.action-links li {
  padding: 0;
}

.node-beer .action-links-field-collection-add {
  display: none;
}

/**
 * FLIPCLOCK
 */
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
#flipclock-container {
  margin-top: 30px;
}
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: auto;
  display: inline-block;
  margin: 1em 1em 2.5em 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px 2px;
  width: 40px;
  height: 60px;
  font-size: 40px;
  font-weight: bold;
  line-height: 64px;
  border-radius: 6px;
  background: #fff;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 64px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 40px;
  overflow: hidden;
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  border-top: 1px solid rgba(50,50,50,0.2);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #333;
  text-shadow: 0 1px 2px #aaa;
  text-align: center;
  background-color: #EEE;
  border-radius: 6px;
  font-size: 40px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0;
  background-color: #ddd;
   }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 70px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #FFFFFF;
  width: 7px;
  height: 7px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 7px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  text-transform: uppercase;
  bottom: -15px;
  left: 24px;
  color: #CCC;
  font-weight: bold;
  text-shadow: none; }
.flip-clock-divider.days .flip-clock-label {
  left: 4px;
}
.flip-clock-dot.top {
  top: 20px; }

.flip-clock-dot.bottom {
  bottom: 20px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0,0,0,0.3) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0,0,0,0.3)));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, rgba(0,0,0,0.3) 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0,0,0,0.3) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0,0,0,0.3) 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0,0,0,0.3) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0,0,0,0.3) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0,0,0,0.3)));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, rgba(0,0,0,0.3) 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0,0,0,0.3) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0,0,0,0.3) 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0,0,0,0.3) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, rgba(0,0,0,0.3) 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, rgba(0,0,0,0.3) 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, rgba(0,0,0,0.3) 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, rgba(0,0,0,0.3) 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }