/* Bootstrap Overrides
------------------------------------ */
.row-no-padding, .row-no-container { margin:0; }
.row-no-padding > .col-lg-1, .row-no-padding > .col-lg-10, .row-no-padding > .col-lg-11,
.row-no-padding > .col-lg-12, .row-no-padding > .col-lg-2, .row-no-padding > .col-lg-3,
.row-no-padding > .col-lg-4, .row-no-padding > .col-lg-5, .row-no-padding > .col-lg-6,
.row-no-padding > .col-lg-7, .row-no-padding > .col-lg-8, .row-no-padding > .col-lg-9,
.row-no-padding > .col-md-1, .row-no-padding > .col-md-10, .row-no-padding > .col-md-11,
.row-no-padding > .col-md-12, .row-no-padding > .col-md-2, .row-no-padding > .col-md-3,
.row-no-padding > .col-md-4, .row-no-padding > .col-md-5, .row-no-padding > .col-md-6,
.row-no-padding > .col-md-7, .row-no-padding > .col-md-8, .row-no-padding > .col-md-9,
.row-no-padding > .col-sm-1, .row-no-padding > .col-sm-10, .row-no-padding > .col-sm-11,
.row-no-padding > .col-sm-12, .row-no-padding > .col-sm-2, .row-no-padding > .col-sm-3,
.row-no-padding > .col-sm-4, .row-no-padding > .col-sm-5, .row-no-padding > .col-sm-6,
.row-no-padding > .col-sm-7, .row-no-padding > .col-sm-8, .row-no-padding > .col-sm-9,
.row-no-padding > .col-xs-1, .row-no-padding > .col-xs-10, .row-no-padding > .col-xs-11,
.row-no-padding > .col-xs-12, .row-no-padding > .col-xs-2, .row-no-padding > .col-xs-3,
.row-no-padding > .col-xs-4, .row-no-padding > .col-xs-5, .row-no-padding > .col-xs-6,
.row-no-padding > .col-xs-7, .row-no-padding > .col-xs-8, .row-no-padding > .col-xs-9,
.row-no-padding > * {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}
.row-extra-padding > .col-lg-1, .row-extra-padding > .col-lg-10, .row-extra-padding > .col-lg-11,
.row-extra-padding > .col-lg-12, .row-extra-padding > .col-lg-2, .row-extra-padding > .col-lg-3,
.row-extra-padding > .col-lg-4, .row-extra-padding > .col-lg-5, .row-extra-padding > .col-lg-6,
.row-extra-padding > .col-lg-7, .row-extra-padding > .col-lg-8, .row-extra-padding > .col-lg-9,
.row-extra-padding > .col-md-1, .row-extra-padding > .col-md-10, .row-extra-padding > .col-md-11,
.row-extra-padding > .col-md-12, .row-extra-padding > .col-md-2, .row-extra-padding > .col-md-3,
.row-extra-padding > .col-md-4, .row-extra-padding > .col-md-5, .row-extra-padding > .col-md-6,
.row-extra-padding > .col-md-7, .row-extra-padding > .col-md-8, .row-extra-padding > .col-md-9,
.row-extra-padding > .col-sm-1, .row-extra-padding > .col-sm-10, .row-extra-padding > .col-sm-11,
.row-extra-padding > .col-sm-12, .row-extra-padding > .col-sm-2, .row-extra-padding > .col-sm-3,
.row-extra-padding > .col-sm-4, .row-extra-padding > .col-sm-5, .row-extra-padding > .col-sm-6,
.row-extra-padding > .col-sm-7, .row-extra-padding > .col-sm-8, .row-extra-padding > .col-sm-9,
.row-extra-padding > .col-xs-1, .row-extra-padding > .col-xs-10, .row-extra-padding > .col-xs-11,
.row-extra-padding > .col-xs-12, .row-extra-padding > .col-xs-2, .row-extra-padding > .col-xs-3,
.row-extra-padding > .col-xs-4, .row-extra-padding > .col-xs-5, .row-extra-padding > .col-xs-6,
.row-extra-padding > .col-xs-7, .row-extra-padding > .col-xs-8, .row-extra-padding > .col-xs-9,
.row-extra-padding > * {
    position: relative;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px;
}
.row-less-padding > .col-lg-1, .row-less-padding > .col-lg-10, .row-less-padding > .col-lg-11,
.row-less-padding > .col-lg-12, .row-less-padding > .col-lg-2, .row-less-padding > .col-lg-3,
.row-less-padding > .col-lg-4, .row-less-padding > .col-lg-5, .row-less-padding > .col-lg-6,
.row-less-padding > .col-lg-7, .row-less-padding > .col-lg-8, .row-less-padding > .col-lg-9,
.row-less-padding > .col-md-1, .row-less-padding > .col-md-10, .row-less-padding > .col-md-11,
.row-less-padding > .col-md-12, .row-less-padding > .col-md-2, .row-less-padding > .col-md-3,
.row-less-padding > .col-md-4, .row-less-padding > .col-md-5, .row-less-padding > .col-md-6,
.row-less-padding > .col-md-7, .row-less-padding > .col-md-8, .row-less-padding > .col-md-9,
.row-less-padding > .col-sm-1, .row-less-padding > .col-sm-10, .row-less-padding > .col-sm-11,
.row-less-padding > .col-sm-12, .row-less-padding > .col-sm-2, .row-less-padding > .col-sm-3,
.row-less-padding > .col-sm-4, .row-less-padding > .col-sm-5, .row-less-padding > .col-sm-6,
.row-less-padding > .col-sm-7, .row-less-padding > .col-sm-8, .row-less-padding > .col-sm-9,
.row-less-padding > .col-xs-1, .row-less-padding > .col-xs-10, .row-less-padding > .col-xs-11,
.row-less-padding > .col-xs-12, .row-less-padding > .col-xs-2, .row-less-padding > .col-xs-3,
.row-less-padding > .col-xs-4, .row-less-padding > .col-xs-5, .row-less-padding > .col-xs-6,
.row-less-padding > .col-xs-7, .row-less-padding > .col-xs-8, .row-less-padding > .col-xs-9,
.row-less-padding > * {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.row-minimal-padding > .col-lg-1, .row-minimal-padding > .col-lg-10, .row-minimal-padding > .col-lg-11,
.row-minimal-padding > .col-lg-12, .row-minimal-padding > .col-lg-2, .row-minimal-padding > .col-lg-3,
.row-minimal-padding > .col-lg-4, .row-minimal-padding > .col-lg-5, .row-minimal-padding > .col-lg-6,
.row-minimal-padding > .col-lg-7, .row-minimal-padding > .col-lg-8, .row-minimal-padding > .col-lg-9,
.row-minimal-padding > .col-md-1, .row-minimal-padding > .col-md-10, .row-minimal-padding > .col-md-11,
.row-minimal-padding > .col-md-12, .row-minimal-padding > .col-md-2, .row-minimal-padding > .col-md-3,
.row-minimal-padding > .col-md-4, .row-minimal-padding > .col-md-5, .row-minimal-padding > .col-md-6,
.row-minimal-padding > .col-md-7, .row-minimal-padding > .col-md-8, .row-minimal-padding > .col-md-9,
.row-minimal-padding > .col-sm-1, .row-minimal-padding > .col-sm-10, .row-minimal-padding > .col-sm-11,
.row-minimal-padding > .col-sm-12, .row-minimal-padding > .col-sm-2, .row-minimal-padding > .col-sm-3,
.row-minimal-padding > .col-sm-4, .row-minimal-padding > .col-sm-5, .row-minimal-padding > .col-sm-6,
.row-minimal-padding > .col-sm-7, .row-minimal-padding > .col-sm-8, .row-minimal-padding > .col-sm-9,
.row-minimal-padding > .col-xs-1, .row-minimal-padding > .col-xs-10, .row-minimal-padding > .col-xs-11,
.row-minimal-padding > .col-xs-12, .row-minimal-padding > .col-xs-2, .row-minimal-padding > .col-xs-3,
.row-minimal-padding > .col-xs-4, .row-minimal-padding > .col-xs-5, .row-minimal-padding > .col-xs-6,
.row-minimal-padding > .col-xs-7, .row-minimal-padding > .col-xs-8, .row-minimal-padding > .col-xs-9,
.row-minimal-padding > * {
    position: relative;
    min-height: 1px;
    padding-right: 2.5px;
    padding-left: 2.5px;
}

.margin-0 {
  margin:0;
}

.center-vertical {
  display:block;
  position:relative; top:50%; transform:translateY(-50%);
}

a { cursor:pointer; }
.btn.reloading:before{ top:0px;}
*:focus {
    outline:none;
}
@media(max-width:767px) {
	body{ font-size:16px;}
}


/* Common
------------------------------------ */
html {
  background:#512d6d;
  height:100%;
}

body {
  font-family:'Clear Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  padding-top:90px;
  transition:padding-top 400ms;
}

h1, h2, h3, .h1, .h2, .h3 {
  font-family:'StreeterJNL', serif;
}

h4, h5, h6, .h4, .h5, .h6 {
  font-family:'Clear Sans', serif;
}

h1 a.edit, h2 a.edit, h3 a.edit, h4 a.edit, h5 a.edit, h6 a.edit {
  display:inline-block;
  float:right;
  font-family:'Clear Sans', sans-serif;
  font-weight:normal;
  font-size:0.67em;
  line-height:1.5em;
}

section {
  position:relative;
}

section.main {
  background:#eeeeee url(../images/background-noisy.png) center top repeat;
  background-size:300px;
}

section.main h1,
section.main h2,
section.main h3,
section.main h4,
section.main h5,
section.main h6 {
  color:#512d6d;
}

section.main hr {
  border-top:2px solid #b5b4ac;
  margin:40px auto;
}

section.main.main-padding-50 {
  padding:50px 0;
}

section.main.main-padding-100 {
  padding:100px 0;
}

.ellip {
  display: block;
  height: 100%;
}

.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}

.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
}

.btn {
  height: 40px;
  border-radius:0; border:0;
  font-size:18px; line-height:40px;
  text-transform:uppercase;
  font-weight:bold;
  padding:0 12px;
}

.btn-xs {
  height: 24px;
  border-radius:0; border:0;
  font-size:12px; line-height:24px;
  text-transform:uppercase;
  font-weight:bold;
  padding:0 6px;
}

.btn-sm {
  height: 30px;
  border-radius:0; border:0;
  font-size:14px; line-height:30px;
  text-transform:uppercase;
  font-weight:bold;
  padding:0 10px;
}

.btn-md {
  height: 45px;
  border-radius:0; border:0;
  font-size:16px; line-height:45px;
  text-transform:uppercase;
  font-weight:bold;
  padding:0 12.5px;
}

.btn-lg {
  height: 50px;
  border-radius:0; border:0;
  font-size:18px; line-height:50px;
  text-transform:uppercase;
  font-weight:bold;
  padding:0 20px;
}

.btn-social {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius:0;
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.brew-krewe-card-container .btn > i {
  transform:scale(1.5);
  margin-right:0.5em;
}

.input-group-lg > .input-group-btn > .btn {
  border-radius:0; border:0;
  text-transform:uppercase;
  font-weight:bold;
  padding:0 10px;
}

.btn-primary {
  background:#512d6d;
  color:#ffffff;
}

.btn-primary:hover {
  background:#512d6d;
  color:#f6be00;
}

.btn-default {
  background:#ad96dc;
  color:#ffffff;
}

.btn-default:hover {
  background:#ad96dc;
  color:#512d6d;
}

.btn-white {
  background:#ffffff;
  color:#512d6d;
}

.btn-white:hover {
  color:#ffffff;
  background:#512d6d;
}

.btn-dark {
  background:#341949;
  color:#ffffff;
}

.btn-dark:hover {
  background:#ad96dc;
  color:#341949;
}

.btn-dark > i {
  color:#ad96dc;
}

.btn-dark:hover > i {
  color:#341949;
}

.btn-gold {
  background:#f6be00 !important;
  color:#512d6d !important;
}


.form-control {
  border-radius:0;
  border:0;
}

select.form-control {
  background:#e4e4e4;
  padding-right:55px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background:#e4e4e4 url(../images/select-background-grey.png) center right no-repeat;
  background-size:1000px 33px;
}

.embed-responsive-container {
  padding:20px;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding:20px;
}

.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

body.no-header{ padding-top:0px;}
@media(max-width:767px) {
  body { padding-top:70px; }
  body.shop { padding-top:110px; }
}



/* Modal
------------------------------------ */
.modal-content {
  border-radius:0;
}
.modal-content input.form-control {
  background:#E7E4E4;
}



/* SweetAlert
------------------------------------ */
.sweet-alert {
  border-radius:0;
  padding: 17px 17px 37px;
  outline:0;
}
.sweet-alert h2 {
  margin-top:30px;
  color:#512d6d;
}

.sweet-alert ul {
    list-style-type: none;
}
/* Password Reset
------------------------------------ */

.password-reset{
	background-image:url(/assets/images/background-agegate.jpg);
	background-size:cover;
	min-height:100%;
	color:#61427F;
	padding-top:30px;

}
.password-reset > .container{ padding-bottom:50px;}
.password-reset .logo{
	margin-bottom:20px;
}
.password-reset .registration-form{
	padding:0 10px 25px;
}
.password-reset .registration-form h2{
	margin:0px 0px 10px 5px;
}
.password-reset .sign-in-form {
    color: #512d6d;
    background: #F8BE00;
}

/* FindAbita Font
------------------------------------ */
@font-face {
  font-family: 'findabita';
  src:  url('../fonts/findabita.eot?3a7adf');
  src:  url('../fonts/findabita.eot?3a7adf#iefix') format('embedded-opentype'),
    url('../fonts/findabita.ttf?3a7adf') format('truetype'),
    url('../fonts/findabita.woff?3a7adf') format('woff'),
    url('../fonts/findabita.svg?3a7adf#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="findabita-"], [class*=" findabita-"] {
  font-family: 'findabita' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.findabita-icon:before {
  content: "\e900";
}


/* Age Gate
------------------------------------ */
#age-gate {
  background:url(../images/background-agegate.jpg) center top no-repeat;
  background-size:cover;
  position:fixed; top:auto; right:0; bottom:0; left:0; height:100%;
  padding:50px 30px 0;
  z-index:999999;
  transition:transform 400ms;
  transform:translateY(0px);
}

#age-gate.over21 {
  transform:translateY(100%);
}

#age-gate img.logo {
  width:130px; height:80px;
}

#age-gate h2 {
  color:#ffffff;
  font-size:60px;
  margin:0.5em 0 0.5em;
}

#age-gate .btn-default {
  background:#f6be00;
  color:#512d6d;
  margin:0 0.25em 10px;
  width:9em;
}



/* Navbar
------------------------------------ */
nav.navbar {
  transition:top 400ms;
}
.navbar-inverse {
  background:#512d6d;
  border-color:#512d6d;
  min-height:70px;
  box-shadow:0px 4px 8px 0px rgba(0,0,0,0.5);
}

.navbar-brand {
  display:block; height:141px; width:225px;
  padding:0;
  background:url(../images/logo-container.png) center center no-repeat;
  background-size: 225px 141px;
  margin: 0 0 -51px 0;
}

.navbar-brand > img {
  height:80px; width:130px;
  margin:25px 47.5px 0px;
}

.navbar-brand .home-text{
  display:none;
}

.navbar-header > .find-abita-button {
  display:none;
}

.navbar-inverse .navbar-nav > li > a {
  padding: 45px 15px 25px;
  color:#ffffff;
  font-size:20px; line-height: 20px;
  font-weight:bold;
  text-transform:uppercase;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>li:hover>a,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
  color:#ffc300;
  background:inherit;
}

.navbar .find-abita {
  background:#f6be00;
  height:90px; line-height:45px;
  float:right;
  margin:0px 0;
  font-family:'StreeterJNL', serif;
  font-size:30px;
  color:#512d6d;
  text-align:center;
  padding:0 25px;
}

.navbar .find-abita .input-group {
  margin: -15px 0 0 0;
}

.input-group .form-control {
  margin: 10px 0px;
  height: 40px;
  border-radius:0; border:0;
  box-shadow:none;
}

.navbar .find-abita .input-group .form-control {
  max-width:90px;
  font-size:18px;
}

.navbar .find-abita .input-group .input-group-btn .btn {
  line-height: 0em;
}

.navbar .find-abita img {
  height:35px; width:25px;
  image-rendering: crisp-edges;
  image-rendering:-webkit-optimize-contrast;
  margin:-5px 0 0 0;
}

nav.navbar .navbar-nav {
  margin-right:30px;
  position:relative;
}

.brew-krewe-navbar {
  z-index:100;
  position:absolute; top:0px; right:0px;
  background:#422559; color:#fff2f0;
  font-size:14px; line-height:2em;
  height:2em;
}

.brew-krewe-navbar a {
  color:#fff2f0;
  text-decoration: none;
  display:inline-block;
  cursor:pointer;
  font-size:14px; line-height:1.5em;
  height:1.5em; padding:0em 1em;
}

.brew-krewe-navbar a:hover,
.brew-krewe-navbar a:focus,
.brew-krewe-navbar a:active {
  color:#ffc300;
}

.brew-krewe-navbar a.sign-in {
  font-style:italic;
}

.brew-krewe-navbar a.sign-out {
  font-style:italic;
  margin-left:-2em;
}

.brew-krewe-navbar .cart-info {
  border-left:1px solid #512d6d;
  color:#e4e4e4;
}

.brew-krewe-navbar .mdi-cart-outline {
  transform:scale(1.5);
  color:#ad96dc;
}

.brew-krewe-navbar .badge {
  background:#ad96dc;
  color:#ffffff;
  position:relative; top:-0.125em; left:-0.35em;
  display:inline-block;
  height: 1.5em; line-height:.9em; vertical-align: middle;
  text-align: center;
  text-indent: -0.125em;
}

section.find-abita-mobile {
  background:#f6be00;
  height:60px; line-height:60px;
  float:none;
  margin:0px 0;
  font-family:'StreeterJNL', serif;
  font-size:30px;
  color:#512d6d;
  text-align:center;
}

section.find-abita-mobile .form-inline {
  margin:0;
}

section.find-abita-mobile .form-inline .form-group {
  display: inline-block;
  margin: -5px 0 0px 10px;
  vertical-align: middle;
}

section.find-abita-mobile .form-inline .input-group > .form-control {
  width: 80px;
  margin: 10px 0px 0;
  font-size:16px;
}
section.find-abita-mobile .form-inline .input-group .input-group-addon,
section.find-abita-mobile .form-inline .input-group .input-group-btn {
  width: auto;
}

.find-abita-button span {
    color: #ffffff;
    display: block;
    position: absolute;
    top: 5px;
    left: 40px;
    text-align: left;
    font-size: 16px;
    line-height: 1.125em;
    font-family: 'StreeterJNL', serif;
}


.brews-dropdown-menu .brews-list{
    -webkit-columns: 100px 3;
    -moz-columns: 100px 3;
    columns: 100px 3;
	min-height: 450px;
}


@media (min-width:992px) {
  .nav.navbar-nav .dropdown:hover:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 50%;
    width: 0px;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #ffffff transparent;
    z-index: 1000;
    margin-left: -15px;
  }

}

@media (max-width:1199px) {

  .navbar.navbar-inverse .navbar-nav > li > a {
      padding: 45px 12.5px 25px;
      font-size:18px;
  }

  .brews-dropdown-menu .brews-list{
	min-height: 150px;
  }
}

@media (max-width:991px) {

  .navbar-brand {
    display:block; height:90px; width:141px;
    background:transparent;
  }

  .navbar-brand > img {
    height: 68px;
    width: 111px;
    margin: 11px 0 0px 15px;
  }

  .navbar.navbar-inverse .navbar-nav > li > a {
      padding: 45px 10px 25px;
      font-size:14px;
  }

  .navbar .find-abita {
    background:#f6be00;
    height:90px; line-height:45px;
    float:right;
    margin:0px 0;
    font-family:'StreeterJNL', serif;
    font-size:30px;
    color:#512d6d;
  }

  .navbar .find-abita .input-group {
    margin:-15px 0 0 0px;
  }

  .input-group .form-control {
    margin: 10px 0px;
    height: 30px;
    border-radius:0; border:0;
    box-shadow:none;
  }

  .navbar .find-abita .input-group .form-control {
    max-width:70px;
    font-size:12px;
  }

  .input-group .input-group-btn .btn {
    height: 30px;
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 4px;
  }

  .navbar .find-abita {
    padding:0 15px;
  }

  .navbar .find-abita img {
    height:30px; width:20px;
    image-rendering: crisp-edges;
    image-rendering:-webkit-optimize-contrast;
    margin:-5px 0 0 0;
  }

}

@media (max-width:767px) {

  .navbar-brand {
    display:block;
    height:36px; width:124px;
    margin:0 auto;
    background:transparent;
    float:none;
	background-image: url(/assets/images/logo-container-mobile.png);
	padding-left:6px
  }

  .navbar-brand > img {
    height: 46px;
    width: auto;
    margin: 6px auto 0;
	-webkit-transition: opacity .5s, margin .5s, height .5s;
    transition: opacity .5s, margin .5s, height .5s;
	opacity:1;
	z-index:2;
	position:relative;

  }

  .navbar-brand.nav-open .home-text{
	  display:block;
	  text-align: center;
      font-size: 20px;
	  color:#FFF;
	  line-height: 20px;
      font-weight: bold;
      text-transform: uppercase;
  }

  .navbar-brand.nav-open > img{
	 opacity:.15;
	 height:40px;
	 margin-top:6px;
  }

  .navbar-brand .nav-logo-bg{
  	position: absolute;
    top: -21px;
    height: auto;
    z-index: 0;
    width: 140px;
    left: 50%;
    margin-left: -70px;
  }

  .mobile-nav-jumptos{
	  background-color: #422559;
      height: 27px;
      margin: 0px -15px;
  }

  .mobile-nav-jumptos a {
    color: #FFF;
    font-weight: bold;
    padding: 3px 14px;
    font-size: 14px;
    font-style: italic;
  }
  .navbar-background {
    background:#512d6d;
    position:absolute;
    width:100%; height:70px;
    z-index:-1;
  }

  .navbar.navbar-inverse {
    background:rgba(81, 45, 109, 0.9);
  }

  nav.navbar .navbar-nav {
    margin:0px;
    position:relative;
  }

  .navbar.navbar-inverse .navbar-toggle,
  .navbar.navbar-inverse .navbar-toggle:hover,
  .navbar.navbar-inverse .navbar-toggle:active,
  .navbar.navbar-inverse .navbar-toggle:focus {
    color: #ffffff;
    border: none;
    background: transparent;
    height: 1em;
    line-height: 1em;
    font-size: 30px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 5px;
    right: 15px;
    text-align: center;
  }

  .navbar-toggle > .fa-bars {
    display:none;
  }

  .navbar-toggle > .fa-times {
    display:inline;
  }

  .navbar-toggle.collapsed > .fa-bars {
    display:inline;
  }

  .navbar-toggle.collapsed > .fa-times {
    display:none;
  }

  .navbar-header > .find-abita-button {
    display:block;
    color: #f6be00;
    border: none;
    background: transparent;
    height: 1em;
    line-height: 1em;
    font-size: 48px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 12px;
    left: 15px;
    text-align: center;
  }

  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    box-shadow:none;
    background:rgba(81, 45, 109, 0.9);
    position: fixed; top: 70px; left: 0; right: 0; bottom: 0;
    max-height:none;
  }

  .navbar.navbar-inverse .navbar-collapse,
  .navbar.navbar-inverse .navbar-form {
    border-color: transparent;
  }

  .navbar-nav {
    padding: 5px 0;
  }

  .navbar.navbar-inverse .navbar-nav > li > a {
    text-align:center;
    padding: 12px 0px;
    font-size: 20px;
  }

  .navbar.navbar-inverse .navbar-nav > li > a > img {
    height:42px; margin:-10px 10px -10px -40px;
    image-rendering: crisp-edges;
    image-rendering:-webkit-optimize-contrast;
  }

  .navbar.navbar-inverse .navbar-nav > li.site-search {
    text-align:center;
    padding: 25px 10px;
    font-size: 30px;
  }

  .navbar.navbar-inverse .navbar-nav > li.site-search .input-group {
    width:100%;
    max-width:300px;
    margin:0 auto;
  }

  .input-group .form-control {
    margin: 0px 0px;
    height: 40px;
    border-radius:0; border:0;
    box-shadow:none;
  }

  .navbar .find-abita .input-group .form-control {
    max-width:none;
    font-size:20px;
  }

  .input-group .input-group-btn .btn {
    height: 40px;
    font-size: 20px;
    line-height: 36px;
    padding-bottom: 4px;
  }

}


@media (min-width:1200px) {

  .navbar .dropdown {
    position:relative;
  }

  .dropdown:hover .dropdown-menu {
    display:block;
  }

  .brews-dropdown-menu {
    position: absolute; top: 80px; left: 0px;
    width: 930px;
    border:0; border-radius:0;
    padding:20px 15px 20px 30px;
    box-shadow:0px 0px 16px 8px rgba(0,0,0,0.5);
  }

  .shop-dropdown-menu {
    position: absolute; top: 80px; left: 0px;
    width: 930px;
    border:0; border-radius:0;
    padding:0px;
    box-shadow:0px 0px 16px 8px rgba(0,0,0,0.5);
  }

  .navbar-right .brews-dropdown-menu {
    position: absolute;
    left: -145px;
  }

  .navbar-right .shop-dropdown-menu {
    position: absolute;
    left: -435px;
  }

  .brews-dropdown-menu .brews-category {
   	-webkit-column-break-inside: avoid;
  	page-break-inside: avoid;
  	break-inside: avoid;
  }
  .brews-dropdown-menu .brews-category ul li{
    line-height: 1.1em;
    margin: 6px 0;
  }

  .brews-dropdown-menu h2 {
    color:#f6be00;
    font-size:60px;
    margin-top:0;
    margin-bottom:0.25em;
  }

  .brews-dropdown-menu h2 > .small {
    color:#512d6d;
    font-size:36px;
    font-family:'Clear Sans', sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
  }

  .brews-dropdown-menu h3 {
    color:#512d6d;
    font-size:18px;
    letter-spacing:-1px;
    font-family:'Clear Sans', sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
    margin:0.5em 0 0.5em;
  }

  .brews-dropdown-menu h3 a {
    color:#512d6d;
    text-decoration:none;
  }

  .brews-dropdown-menu ul {
    list-style:none;
    margin:0; padding:0;
  }

  .brews-dropdown-menu ul > li > a {
    color:#858383;
  }

  .brews-dropdown-menu .brews-nav-promo {
    background:#bbadd8;
    color:#858383;
    padding-bottom:20px;
  }

  .brews-dropdown-menu .brews-nav-promo > * {
    padding:0px 30px;
  }

  .brews-dropdown-menu .brews-nav-promo > .img-responsive {
    padding:0;
  }

  .brews-dropdown-menu .brews-nav-promo hr {
    padding:0;
    margin:15px 0px 0;
  }

  .brews-dropdown-menu .brews-nav-promo p,
  .brews-dropdown-menu .brews-nav-promo p a {
    color:#512d6d;
    font-weight:bold;
  }

  .brews-dropdown-menu .brews-nav-promo h3 {
    padding-top:10px;
  }
  .brews-dropdown-menu .brews-nav-promo h3 a {
    font-family:'StreeterJNL', serif;
    font-weight:normal;
    letter-spacing:initial;
    color:#ffffff;
    font-size:24px;
  }

}

@media (min-width:992px) and (max-width:1199px) {

  .navbar .dropdown {
    position:relative;
  }

  .dropdown:hover .dropdown-menu {
    display:block;
  }

  .brews-dropdown-menu {
    position: absolute; top: 80px; left: 0px;
    width: 730px;
    border:0; border-radius:0;
    padding:20px 15px 20px 30px;
    box-shadow:0px 0px 16px 8px rgba(0,0,0,0.5);
  }

  .shop-dropdown-menu {
    position: absolute; top: 80px; left: 0px;
    width: 730px;
    border:0; border-radius:0;
    padding:0px;
    box-shadow:0px 0px 16px 8px rgba(0,0,0,0.5);
  }

  .navbar-right .brews-dropdown-menu {
    position: absolute;
    left: -15px;
  }

  .navbar-right .shop-dropdown-menu {
    position: absolute;
    left: -270px;
  }

  .brews-dropdown-menu h2 {
    color:#f6be00;
    font-size:60px;
    margin-top:0;
    margin-bottom:0.25em;
  }

  .brews-dropdown-menu h2 > .small {
    color:#512d6d;
    font-size:36px;
    font-family:'Clear Sans', sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
  }

  .brews-dropdown-menu h3 {
    color:#512d6d;
    font-size:18px;
    letter-spacing:-1px;
    font-family:'Clear Sans', sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
    margin:0.5em 0 0.5em;
  }

  .brews-dropdown-menu h3 a > i {
    display:none;
  }

  .brews-dropdown-menu h3 a {
    color:#512d6d;
    text-decoration:none;
  }

  .brews-category > ul { display: none; }

  .brews-dropdown-menu .brews-nav-promo {
    padding:0px;
  }

  .brews-dropdown-menu .brews-nav-promo > .img-responsive {
    display:none;
  }

  .brews-dropdown-menu .brews-nav-promo > hr {
    padding:0;
    margin:20px 30px 0;
  }

  .brews-dropdown-menu .brews-nav-promo .beer-recipes-nav p {
  }

  .brews-dropdown-menu .brews-nav-promo h3 {
    padding-top:20px;
  }
  .brews-dropdown-menu .brews-nav-promo h3 a {
    font-family:'Clear Sans', sans-serif;
    font-weight:bold;
    color:#512d6d;
    font-size:18px;
  }

}





/* Notification
------------------------------------ */
@media (min-width:768px) {

  section.notification {
    display:none;
  }

  .notification {
    position:absolute;
    top:-60px; left:0px; right:0px;
    height:60px;
    color:#512d6d;
    background:#fad452;
    font-size:30px; line-height:54px;
    font-weight:bold;
    text-transform:uppercase;
  }

  .notification.notification-yellow {
    color:#512d6d;
    background:#fad452;
  }

  .notification .btn {
    margin:-5px 0 0 10px;;
  }

  .notification button.close {
    position:absolute; top:0px; right:15px;
    opacity:1;
    margin:0; padding:0;
    outline:none !important;
  }

  .notification button.close i {
    color:#512d6d;
    font-size:30px; line-height:60px;
  }

}

@media (max-width:767px) {

  section.notification {
    display:none;
  }

  .notification {
    color:#512d6d;
    background:#fad452;
    font-size:20px; line-height:30px;
    font-weight:bold;
    text-transform:uppercase;
    padding:10px 50px;
  }

  .notification.notification-yellow {
    color:#512d6d;
    background:#fad452;
  }

  .notification .btn {
    margin:-5px 0 0 10px;;
  }

  .notification button.close {
    position:absolute; top:0px; right:15px;
    opacity:1;
    margin:0; padding:0;
    outline:none !important;
  }

  .notification button.close i {
    color:#512d6d;
    font-size:30px; line-height:50px;
  }

  .btn {
    height: 30px;
    font-size:16px; line-height:30px;
    padding:0 12px;
  }

  .btn-xs {
    height: 21px;
    border-radius: 0;
    border: 0;
    font-size: 11px;
    line-height: 21px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 6px;
  }

}



/* Home Slider
------------------------------------ */
.carousel-control.right,
.carousel-control.left,
.carousel-control:hover {
  background:transparent;
}
.carousel-control > img {
  position:absolute;
  top:50%; margin-top:-50px;
}

.carousel-control.right > img { right: 10px; }
.carousel-control.left > img { left: 10px; }

@media (max-width:767px) {
  .carousel-control.right > img { right: 10px; }
  .carousel-control.left > img { left: 10px; }
}



/* Home Brew Krewe
------------------------------------ */
.brew-krewe {
  background:url(../images/background-brew-krewe.jpg) center center no-repeat;
  background-size:cover;
  padding:30px 15px;
}

.brew-krewe-logo {
  text-align:center;
}
.brew-krewe-logo > img {
  height:112.5px; width:112.5px;
  max-width:100%; max-height:100%;
  image-rendering: crisp-edges;
  image-rendering:-webkit-optimize-contrast;
}

.brew-krewe h3 {
  color:#512d6d;
  font-size:40px;
  margin:10px 0;
}

.brew-krewe ul {
  list-style: none;
  display:inline-block;
  text-align:left;
}

.brew-krewe li {
    position: relative;
    font-size:18px;
    line-height:25px;
    color:#512d6d;
    font-weight:bold;
    margin:0 0 0.25em;
}

.brew-krewe li:before {
    position: absolute;
    display: block;
    content:"";
    text-indent: -999999px; /* move the bullet point out of sight */
    top:0px;
    left: -35px;
    width: 25px; /* desired width of the image */
    height: 25px; /* unrelated to image height; this is so it gets snipped */
    background-repeat: no-repeat;
    background-image: url(../images/check-purple.png);
    background-size: 25px;
    background-position: 0;
}

.brew-krewe p a {
  color:#ffffff;
  font-size:16px;
  line-height: 40px;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

@media (max-width:1199px) {

  .brew-krewe {
    padding:15px 15px;
  }

  .brew-krewe h3 {
    font-size:24px;
    margin:10px 0;
  }

  .brew-krewe ul {
    padding-top:10px;
  }

  .brew-krewe li {
      font-size:14px;
      line-height:20px;
      margin:0 0 0.25em;
  }

  .brew-krewe li:before {
      top:0px;
      left: -30px;
      width: 20px; /* desired width of the image */
      height: 20px; /* unrelated to image height; this is so it gets snipped */
      background-size: 20px;
      background-position: 0;
  }

}

@media (max-width:991px) {

}



/* Home Our Brews
------------------------------------ */
.our-brews {
  display:block;
  overflow:hidden;
  position:relative;
  height:120px;
  background:#ffffff url(../images/background-ourbrews.jpg) center center no-repeat;
  background-size:cover;
  font-size:40px;
}
.our-brews:hover {
  text-decoration:none;
}

.our-brews-content {
  max-width:12em;
  margin:0 auto;
  position:relative;
}

.our-brews h3 {
  position:relative;
  color:#512d6d;
  font-size:40px;
  margin:0px 0;
  padding:10px 15px;
  width:4em;
}

.our-brews  img {
	position: absolute;
    top: -0.4em;
    left: 4em;
    height: 3.7em;
}

@media (max-width:991px) and (min-width:768px) {
  .our-brews {
    height:80px;
    font-size:25px;
  }
  .our-brews h3 {
    position:relative;
    color:#512d6d;
    font-size:25px;
    margin:0px 0;
    padding:10px 15px;
    width:4em;
  }
  .our-brews  img {
    position: absolute;
    top: -0.67em;
    left: 4em;
    height: 4em;
  }
}


/* Home Events List
------------------------------------ */
section.events {
  background:#ffffff url(../images/background-grilled.png) center top repeat;
  background-size:170px;
  box-shadow:0px 0px 13px 8px rgba(0,0,0,0.5);
  z-index:2;
}

section.events h3 {
  text-align:center;
  text-transform:uppercase;
  color:#512d6d;
  font-size:44px;
  line-height:1em;
  margin:60px 0px 30px;
}

section.events .event {
  display:block;
  margin:30px 0px;
  padding:0px 15px;
  border-left:6px solid #ad96dc;
  min-height:230px;
  transition:all 400ms;
}


section.events .event .date {
  color:#512d6d;
  font-family:'StreeterJNL', serif;
}

section.events .event .date > * {
  display:block;
  text-align:center;
  text-transform:uppercase;
}

section.events .event .date > .mm {
  font-size:40px;
  line-height:1em;
}

section.events .event .date > .dd {
  font-size:96px;
  line-height:1em;
}

section.events .event h4 {
  text-align:center;
  color:#ad96dc;
  font-family:'Clear Sans', sans-serif;
  font-weight:bold;
  font-size:20px;
  transition:all 400ms;
}
section.events .event .city {
  color:#512d6d;
  font-style:italic;
  text-align:center;
}
section.events .event:hover,
section.events .event:active,
section.events .event:focus {
  text-decoration:none;
  background:#ad96dc;
}

section.events .event:hover h4,
section.events .event:active h4,
section.events .event:focus h4 {
  color:#ffffff;
}

@media (max-width:991px) and (min-width:768px) {

  section.events h3 {
    font-size:44px;
    margin:35px 0px 15px;
  }

  section.events .event {
    margin:30px 0px;
    padding:0px 15px;
    min-height:160px;
  }

  section.events .event .date > .mm {
    font-size:30px;
  }

  section.events .event .date > .dd {
    font-size:72px;
  }

  section.events .event h4 {
    font-size:16px;
  }
}


/* Home - Callouts
------------------------------------ */
section.callouts .callout {
  display:block;
  height:400px;
}
section.callouts .callout:hover {
  text-decoration:none;
}
section.callouts .callout.purple_text_callout {
  background: #f6be00 url() center center no-repeat;
  background-size:cover;
  box-sizing:content-box; padding:15px;
  color:#512d6d;
  height:370px;
}

section.callouts .callout.news_callout {
  background: #ad96dc url() center center no-repeat;
  background-size:cover;
}

section.callouts .callout.shop_callout {
  background: #000000 url(../images/background-callout-shop.jpg) center center no-repeat;
  background-size:cover;
}
section.callouts .callout.white_text_callout {
  background: #512d6d url() center center no-repeat;
  background-size:cover;
  box-sizing:content-box; padding:15px;
  color:#ffffff;
  height:370px;
}

section.callouts .callout h3 {
  margin:0;
  font-size:36px;
  line-height:1.1em;
}

section.callouts .callout p {
  margin:10px 0;
}

section.callouts .callout.news_callout .content-box {
  position:absolute;
  background:rgba(81, 45, 109, 0.9);
  top:45px; right:45px; bottom:45px; left:45px;
  padding:0;
  overflow: hidden;
}

section.callouts .callout.news_callout .content-box h3 {
  background:#512d6d;
  padding:5px 0 10px;
  color:#ffffff;
  text-align:center;
  font-size:36px;
}

section.callouts .callout.news_callout .content-box .blog-excerpt {
  color:#ffffff;
  padding:5px 15px;
  font-size:12px;
}

section.callouts .callout.news_callout .content-box .blog-excerpt .date {
  font-style:italic;
  font-size:11px;
  margin:0;
}
section.callouts .callout.news_callout .content-box .blog-excerpt h4 {
  font-family:'Clear Sans', sans-serif;
  font-weight:bold; margin:0 0 5px;
  font-size:14px;
  text-transform:uppercase;
}
section.callouts .callout.news_callout .content-box .blog-excerpt p {
  font-family:'Clear Sans', sans-serif;
  font-size:11px;
  margin:0 0 5px;
}

section.callouts .callout.news_callout .content-box .blog-excerpt .read-more {
  position:absolute;
  bottom:10px;
  right:15px;
}

section.callouts .callout.shop_callout .shop-now {
  color:#512d6d;
  padding:0px 5px 5px;
  margin:0;
  background:#F8BE00;
  text-align:center;
  font-size:44px;
  font-family:'StreeterJNL', serif;
  position:absolute; right:0; bottom:0; left:0;
  text-decoration:none;
  transition:all 400ms;
}

section.callouts .callout.shop-callout:hover .shop-now {
  padding:5px 5px 10px;
}

@media (max-width:1199px) and (min-width:992px) {

  section.callouts .callout.news_callout .content-box h3 {
    font-size:24px;
  }
  section.callouts .callout.news_callout .content-box .excerpt {
    display:none;
  }

}

@media (max-width:991px) and (min-width:768px) {

  section.callouts .callout {
    height:200px;
  }

  section.callouts .callout.purple_text_callout,
  section.callouts .callout.white_text_callout {
    height:170px;
  }

  section.callouts .callout.news_callout .content-box {
    position:absolute;
    background:rgba(81, 45, 109, 0.9);
    top:15px; right:15px; bottom:15px; left:15px;
  }

  section.callouts .callout.news_callout .content-box h3 {
    background:#512d6d;
    padding:5px 0 10px;
    color:#ffffff;
    text-align:center;
    font-size:28px;
  }

  section.callouts .callout.news_callout .content-box .blog-excerpt {
    color:#ffffff;
    padding:5px 15px;
    font-size:12px;
  }

  section.callouts .callout.news_callout .content-box .blog-excerpt .date {
    font-style:italic;
    font-size:11px;
    margin:0;
  }
  section.callouts .callout.news_callout .content-box .blog-excerpt h4 {
    font-family:'Clear Sans', sans-serif;
    font-weight:bold; margin:0 0 5px;
    font-size:14px;
    text-transform:uppercase;
  }
  section.callouts .callout.news_callout .content-box .blog-excerpt .excerpt {
    display:none;
  }

  section.callouts .callout.news_callout .content-box .blog-excerpt .read-more {
    position:absolute;
    bottom:10px;
    right:15px;
  }

}



/* Home - Mobile Boxes
------------------------------------ */
section.mobile-boxes {
  background:#ad96dc;
  overflow:hidden;
}

section.mobile-boxes > .row > * {
  padding:0px 5px;
}

section.mobile-boxes > .row {
  margin-bottom:10px;
}
section.mobile-boxes > .row:last-child {
  margin-bottom:0px;
}

section.mobile-boxes .box {
  display:block;
  height:140px;
  background:#512d6d;
  position:relative;
}

section.mobile-boxes  h3 {
  font-size:36px;
  color:#ffffff;
  margin:0;
}

section.mobile-boxes .box.box-brew-krewe {
  background:url(../images/background-brew-krewe.jpg) center center no-repeat;
  background-size:cover;
  padding:20px;
}

section.mobile-boxes .box.box-brew-krewe img {
  max-height:100%;
  margin:0 auto;
}

section.mobile-boxes .box.box-our-brews {
  background:url(../images/background-ourbrews.jpg) center center no-repeat;
  background-size:cover;
  overflow:hidden;
}

section.mobile-boxes .box.box-our-brews h3 {
  font-size:36px;
  color:#512d6d;
  margin:10px 0 0;
}

section.mobile-boxes .box.box-our-brews img {
  position: absolute;
  top: 60px;
  left: -5%;
  width:110%;
}

section.mobile-boxes .box.box-events {
  background:url(../images/background-events-mobile.jpg) center center no-repeat;
  background-size:cover;
}

section.mobile-boxes .box.box-shop {
  background:url(../images/background-shop-mobile.jpg) center center no-repeat;
  background-size:cover;
}

section.mobile-boxes .visit-brewery {
  display:block;
  background:#f6be00;
}

section.mobile-boxes .visit-brewery h3 {
  color:#512d6d;
  padding:15px 0;
  margin:0;
}




/* Home - Social
------------------------------------ */
section.social {
  background:#ffffff url(../images/background-grilled.png) center top repeat;
  background-size:170px;
  padding:50px 0;
}

section.social h3 {
  color:#512d6d;
  font-family:'StreeterJNL', serif;
  font-size:48px;
  line-height:72px;
  margin: 0 0 0px;
}

section.social p {
  font-size:20px;
  color:#666666;
}

section.social .social-icons {
  font-size:72px;
  width:5em;
  margin:30px auto 0;
}

section.social .social-icons a > i {
  color:#ffffff;
  background:#512c6c;
  border-radius: 50%;
  text-align:center;
  height:1.4em; width:1.4em;
  line-height:1.4em;
  font-size:72px;
  margin:0.125em 0.125em;
}

section.social .social-icons a:hover > i,
section.social .social-icons a:active > i,
section.social .social-icons a:focus > i {
  color:#512c6c;
  background:#F8BE00;
}

section.social .instagram-feed h3 {
  color:#512d6d;
  font-family:'StreeterJNL', serif;
  font-size:36px;
  line-height:40px;
}

section.social .instagram-feed h3 .small {
  display:inline-block;
  font-family:'Clear Sans', sans-serif;
  font-style:italic;
  font-size:16px; line-height:42px;
  vertical-align: middle;
  color:#512d6d;
}

.instagram-feed .social-image{
  height: 155px;
}

#instagram-feed.carousel {
  padding:0 35px;
}

#instagram-feed.carousel .item .row {
  margin-right:-5px;
  margin-left:-5px;
}

#instagram-feed.carousel .item [class*=col] {
  padding:5px;
}

#instagram-feed.carousel .carousel-control.right,
#instagram-feed.carousel .carousel-control.left,
#instagram-feed.carousel .carousel-control:hover {
  background:transparent;
  position:absolute;
}
#instagram-feed.carousel .carousel-control.right > img {
  right:-20px;
}
#instagram-feed.carousel .carousel-control.left > img {
  left:-20px;
}
#instagram-feed.carousel .carousel-control > img {
  position:absolute;
  top:50%; margin-top:-50px;
}

@media (max-width:991px) and (min-width:768px) {

  section.social .social-icons {
    font-size:50px;
    width:5em;
    margin:30px auto 0;
  }

  section.social .social-icons a > i {
    color:#ffffff;
    background:#512c6c;
    border-radius: 50%;
    text-align:center;
    height:1.4em; width:1.4em;
    line-height:1.4em;
    font-size:50px;
    margin:0.125em 0.125em;
  }

  section.social h3 {
    color:#512d6d;
    font-family:'StreeterJNL', serif;
    font-size:36px;
    line-height:72px;
    margin: 0 0 0px;
  }

  section.social .instagram-feed h3 {
    font-size:30px;
  }

  section.social .instagram-feed h3 .small {
    font-family:'Clear Sans', sans-serif;
    font-style:italic;
    font-size:16px; line-height:20px;
    vertical-align: middle;
    color:#512d6d;
  }

}

@media (max-width:767px) {

  section.social .social-icons,
  section.social .social-icons a > i {
    font-size:32px;
  }

  section.social .social-icons{
  	width:auto;
	max-width:500px;
  }

  section.social .instagram-feed h3{
  	line-height:14px;
  }

  div.instagram-feed { padding-top:50px; }

  #instagram-feed.carousel {
    padding:0 0px;
  }

  #instagram-feed.carousel .carousel-control.right,
  #instagram-feed.carousel .carousel-control.left {
    display:none;
  }

  section.social .instagram-feed h3 .small {
	  line-height:20px;
  }
  section.social .instagram-feed h3 {
	  line-height:32px;
  }

}



/* Footer
------------------------------------ */
footer {
  color:#ffffff;
  background:#512d6d;
  padding:50px 0;
}

footer a { color:#ffffff; }
footer a:hover,
footer a:active,
footer a:focus { color:#F8BE00; text-decoration:none; }

footer h4 { font-size:20px; font-family:'Clear Sans', sans-serif; }

.visit-the-brewery {
  color:#512d6d;
  background:#F8BE00;
  padding:10px 15px 10px 255px;
  min-height:270px;
  font-size:12px;
}

.visit-the-brewery:after {
  content:"";
  display:block; height:250px; width:230px;
  position:absolute; top:10px; left:25px;
  background:url(../images/visit-photos.png) center center no-repeat; background-size:cover;
}

.visit-the-brewery h4 { font-size:32px; margin:30px 0; font-family:'StreeterJNL', serif; }

footer a.address{ color: #512d6d; }

@media (max-width:1199px) {

  .visit-the-brewery {
    padding:10px 15px 10px 170px;
    font-size:12px;
  }

  .visit-the-brewery:after {
    top:50%; left:-40px;
    margin-top:-125px;
  }

}

@media (max-width:991px) {

  .visit-the-brewery {
    padding:10px 15px 10px 15px;
    font-size:12px;
  }

  .visit-the-brewery:after {
    display:none;
  }

}

@media (max-width:767px) {

  footer h4 { text-align:center; }

  .visit-the-brewery {
    color:#ffffff;
    background:transparent;
    padding:0 30px 20px;
    min-height:0;
    font-size:12px;
  }

  footer a.address{ color: #FFF; }

}



/* Internal - Shop - Page Header
------------------------------------ */
section.page-header {
  margin:0; padding:25px 0; border:0;
}

section.page-header h1,
section.page-header h2 {
  font-size:80px;
  color:#f6be00;
  margin:0 0 20px; padding:0;
  line-height: .8em;
}

section.page-header .subtitle {
  color:#f4e6ff;
  font-style:italic;
  font-size:20px;
  max-width:35em; margin:0 auto;
}

section.page-header .your-cart {
  position:absolute; top:-25px; right:0px;
  background:rgba(0,0,0,0.44);
  padding:10px 40px 5px 10px;
  text-decoration:none;
}

section.page-header .your-cart i {
  color:#ad96dc;
  font-size:30px;
  position:absolute; right:5px; top:10px;
}

section.page-header .your-cart h4 {
  color:#ad96dc;
  font-family:'Clear Sans', sans-serif;
  font-size:10px;
  line-height:1em;
  font-style:italic;
  margin:0; padding:0;
  text-align:right;
}

section.page-header .your-cart .item-count {
  color:#ffffff;
  font-family:'Clear Sans', sans-serif;
  font-size:16px;
  line-height:1em;
  text-transform: uppercase;
  font-weight:bold;
  margin:0; padding:0;
  text-align:right;
}

@media (max-width:767px) {

  section.page-header {
    padding:25px 0;
  }

  section.page-header h1 {
    font-size:50px;
    line-height:1em;
  }

}


/* Internal - Shop - Category Nav
------------------------------------ */
section.category-nav {
  position:relative;
  z-index:4;
  margin:0; padding:0;
}

section.category-nav .category-nav-content {
  background:#ffffff;
  color:#606060;
  box-shadow:0px 0px 13px 8px rgba(0,0,0,0.5);
  margin:0; padding:0;
  width:100%;
  position:relative; top:0px;
}

section.category-nav .category-nav-content.fixed {
  width:100%;
  position:fixed;
}

section.category-nav ul {
  margin:0; padding:6px 0;
  transition:all 400ms;
}

section.category-nav li {
  display:inline-block;
  margin:0; padding:0;
}

section.category-nav li > a {
  display:inline-block;
  color:#606060;
  text-transform:uppercase;
  font-size:13px;
  line-height:19.5px;
  margin:0; padding:3.5px 6px;
  transition:all 400ms;
  text-decoration: none;
}


section.category-nav li.active > a,
section.category-nav li > a:hover {
  color:#ffffff;
  background:#512d6d;
}

section.category-nav li.form-container {
  width:10em;
  padding:0 6px;
}

section.category-nav li.form-container select {
  font-size:13px;
  line-height:19.5px;
  transition:all 400ms;
}

@media (min-width:992px) {

  section.category-nav .category-nav-content.fixed {
    width:100%;
    position:fixed;
  }

  section.category-nav .category-nav-content.fixed ul {
    padding-left:220px;
  }

  section.category-nav .category-nav-content.fixed li > a {
    font-size:10px;
    padding:0 4px;
  }

  section.category-nav .category-nav-content.fixed li.form-container select {
    font-size:10px;
    line-height:15px;
  }

}


@media (min-width:768) {

  section.category-nav .category-nav-content.fixed ul {
    padding-left:220px;
  }

  section.category-nav .category-nav-content.fixed li > a {
    font-size:10px;
    padding:0 4px;
  }

  section.category-nav .category-nav-content.fixed li.form-container select {
    font-size:10px;
    line-height:15px;
  }

}

@media (max-width:767px) {

}



/* Internal - Shop - Shop Promo
------------------------------------ */
section.shop-promo {

}

section.shop-promo > .row > * {
  position:relative;
}

section.shop-promo h3 {
  font-size:40px; line-height:1.5em; color:#512d6d;
  text-align: center;
}

section.shop-promo .featured {
  height:300px;
}

section.shop-promo .promo-content {
  display:block;
}

section.shop-promo .promo-content h3 {
  background:#eeeeee url(../images/background-noisy.png) center top repeat;
  background-size:300px;
  margin:0 auto; padding:0em 0.5em 0.175em;
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%,-50%);
  white-space: nowrap;
}

section.shop-promo .whats-new  {
  background:#ffffff url(../images/background-noisy.png) center top repeat;
  background-size:300px;
}

section.shop-promo .whats-new h3 {
  margin:40px 0 30px;
}

section.shop-promo #whats-hot {
  margin-bottom:40px;
}

section.shop-promo #whats-hot .carousel-inner>.item>.row {
  margin:0px 40px;
}


section.shop-promo #whats-hot .carousel-control > img {
    margin-top: -37.5px;
}

section.shop-promo #whats-hot .item .row > a {
  text-decoration:none;
}

section.shop-promo #whats-hot .item h5 {
  font-family:'Clear Sans', sans-serif;
  font-weight:normal;
  color:#474747;
  font-size:14px; line-height:18px;
  margin:7px 0 0; padding:0;
}

section.shop-promo #whats-hot .item p.price {
  color:#acacac;
  font-size:14px; line-height:18px;
  margin:7px 0 0;
}

@media (max-width:767px) {

  section.shop-promo #whats-hot .carousel-inner>.item>.row {
    margin:0px 40px;
  }

  section.shop-promo #whats-hot .carousel-inner>.item>.row>* {
    padding:5px;
  }


}



/* Internal - Shop - Shop Categories
------------------------------------ */
.shop-category-thumbnails {
  background:#ad96dc;
  padding:5px 0
}

.navbar .shop-category-thumbnails {
  background:#ffffff;
  padding:5px 0
}

.shop-category-thumbnails > .row {
  margin:0; padding:0px 5px;
}

.shop-category-thumbnails > .row > * {
  margin:0; padding:5px 5px 0 5px;
  position:relative;
}

.shop-category-thumbnails .shop-category {
  display:block;
  position:relative;
  background:#301a40;
  padding:30px 0;
  text-decoration:none;
}

.navbar .shop-category-thumbnails .shop-category {
  position: absolute;
  top: 5px; bottom: 5px; left: 5px; right: 5px;
  padding:0;
}

.navbar .shop-category-thumbnails > .row > div {
  height:100px;
}

.shop-category-thumbnails .shop-category h3 {
  color:#ad96dc;
  font-size:30px;
  text-align:center;
  line-height:40px;
  padding:25px 0;
  transition:all 400ms;
}

.navbar .shop-category-thumbnails .shop-category h3 {
  padding:0px 0;
  font-size:20px;
  text-align:center;
  line-height:30px;
  margin:0;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-46%);
  width: 100%;
}

.shop-category-thumbnails .shop-category > .overlay {
  position:absolute; top:0; right:0; bottom:0; left:0;
  opacity:0.13;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  transition:all 400ms;
}

.shop-category-thumbnails .shop-category:hover h3 {
  transform:scale(1.125);
  color:#ffffff;
}

.navbar .shop-category-thumbnails .shop-category:hover h3 {
  transform:translateY(-50%);
  color:#ffffff;
  padding:0; margin:0;
}

.shop-category-thumbnails .shop-category:hover > .overlay {
    opacity:0.6;
}

.shop-category-thumbnails .shop-category.shop-category-whats-new > .overlay {
  background-image:url(../images/shop-category-whats-new.jpg);
}

.shop-category-thumbnails .shop-category.shop-category-apparel > .overlay {
  background-image:url(../images/shop-category-apparel.jpg);
}

.shop-category-thumbnails .shop-category.shop-category-bar-essentials > .overlay {
  background-image:url(../images/shop-category-bar-essentials.jpg);
}

.shop-category-thumbnails .shop-category.shop-category-gifts > .overlay {
  background-image:url(../images/shop-category-gifts.jpg);
}

.shop-category-thumbnails .shop-category.shop-category-accessories > .overlay {
  background-image:url(../images/shop-category-accessories.jpg);
}

.shop-category-thumbnails .shop-category.shop-category-art-and-signs > .overlay {
  background-image:url(../images/shop-category-art-and-signs.jpg);
}

.shop-category-thumbnails .shop-category.shop-category-outdoors > .overlay {
  background-image:url(../images/shop-category-outdoors.jpg);
}

.shop-category-thumbnails .shop-category.shop-category-sales > .overlay {
  background-image:url(../images/shop-category-sales.jpg);
}

@media (max-width:991px) {

  .shop-category-thumbnails .shop-category h3 {
    font-size:22px;
  }

}

@media (max-width:767px) {

  .shop-category-thumbnails .shop-category h3 {
    transform:scale(1.125);
    color:#ffffff;
  }

  .shop-category-thumbnails .shop-category:hover > .overlay,
  .shop-category-thumbnails .shop-category:active > .overlay,
  .shop-category-thumbnails .shop-category:focus > .overlay {
      opacity:0.13;
  }

  .mobile-shop-bar {
    position:fixed;
    top:70px;
    width:100%;
    background:#ad96dc;
    line-height: 40px;
    z-index:2;
  }

  .mobile-shop-bar a {
    color:#ffffff;
  }

  #browse-by-brand {
    height: 44px;
    line-height: 33px;
    font-size: 27px;
    background-size: 1467px 44px;
  }

}



/* Internal - Shop Category
------------------------------------ */
section.shop-items-grid {
  padding:60px 0 40px;
  background:#eeeeee;
}

section.shop-items-grid .shop-item {
  display:block;
  padding:0 0 10px;
  margin:0 0 20px;
  text-align:center;
}

section.shop-items-grid .shop-item:hover {
  background:#ffffff;
  text-decoration:none;
  transition: all 400ms;
}

section.shop-items-grid .shop-item:hover img {
  opacity:0.78;
  transition: all 400ms;
}

section.shop-items-grid .shop-item h3 {
  font-family:'Clear Sans', sans-serif;
  font-weight:normal;
  color:#474747;
  font-size:16px; line-height:18px;
  margin:7px 0 0; padding:0 1em;
  transition: all 400ms;
}

section.shop-items-grid .shop-item:hover h3 {
  color:#333333;
}

section.shop-items-grid .shop-item p.price {
  color:#acacac;
  font-size:14px; line-height:18px;
  font-weight:bold;
  margin:7px 0 0; padding:0 1em;
}


/* Internal - Tertiary Nav
------------------------------------ */
.tertiary-nav ul {
  list-style:none;
  padding:0;
}

.tertiary-nav ul li {
  display:inline-block;

  background:#e9d697;

}

.tertiary-nav ul li.active,
.tertiary-nav ul li:hover,
.tertiary-nav ul li:active,
.tertiary-nav ul li:focus {
  background:#f6be00;
}


.tertiary-nav ul li > a {
  display:inline-block;
  color:#757272;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  padding:3px 6px;
}

.tertiary-nav ul li.active > a,
.tertiary-nav ul li:hover > a,
.tertiary-nav ul li:active > a,
.tertiary-nav ul li:focus > a {
  color:#512d6d;
}

.tertiary-nav hr {
  border-top:1px solid #b5b4ac;
  width:50%;
  margin:30px auto;
}

@media (max-width:767px) {
	.tertiary-nav ul li{
  		margin: 0 3px 5px;
	}
	.tertiary-nav ul li a{
  		font-size:14px;
	}
}


/* Internal Shop Details - Thumbnails
------------------------------------ */
section.shop-details {
  background:#eeeeee;
  padding:50px 0;
}

section.shop-details .product-images {
  position:relative;
}

section.shop-details .product-thumbnails {
  width:0px;
}
section.shop-details .product-thumbnails a {
  display:block;
  margin:5px 5px 0 0;
  opacity:0.8;
  transition:opacity 400ms;
}

section.shop-details .product-thumbnails a > * {
  transition:all 400ms;
}

section.shop-details .product-thumbnails a:first-child {
  display:block;
  margin:0 5px 0 0;
}

section.shop-details .product-thumbnails a.selected,
section.shop-details .product-thumbnails a:hover {
  opacity:1;
}

section.shop-details .product-image {
  top:0px;
}


section.shop-details #product-images-modal .modal-body {
  position: relative;
  padding: 0px;
}

section.shop-details #product-images-modal .modal-content {
  border-radius:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

section.shop-details #product-images-modal .modal-dialog {
  margin: 5vh auto;
  max-width:90vh;
}
section.shop-details #product-images-modal .modal-content {
  max-height: 90vh;
}
section.shop-details #product-images-modal .modal-body {
  max-height: 90vh;
}
section.shop-details #product-images-modal .modal-body .item {
  text-align:center;
}
section.shop-details #product-images-modal .modal-body .item img {
  max-height: 90vh;
  margin:0 auto;
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
  box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

section.shop-details #product-images-modal .modal-body .btn-close {
  z-index:99999;
  position:absolute; top:-15px; right:-15px;
  color:#ffffff; background:#000000;
  border:3px solid #ffffff; border-radius:50%;
  font-size:24px; line-height:1em; vertical-align:middle;
  height:1.625em; width:1.625em;
  padding:0; margin:0;
  outline:0;
}

section.shop-details #product-images-modal .modal-body .btn-close > i {
  margin-top:-0.25em
}

section.shop-details #product-images-modal .modal-body a.right.carousel-control { right: -80px; }
section.shop-details #product-images-modal .modal-body a.left.carousel-control { left: -80px; }

.modal-backdrop.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}


/* Internal Shop Details - Description
------------------------------------ */
section.shop-details .product-description h1 {
  color:#512d6d;
  font-size:44px;
}


section.shop-details .product-description h3 {
  font-family:'Clear Sans', sans-serif;
  font-weight:bold;
  color:#6d6d6d;
  font-size:16px;
}

section.shop-details .product-description p {
  font-family:'Clear Sans', sans-serif;
  color:#6d6d6d;
  font-size:16px;
}

section.shop-details .product-description p.price {
  font-family:'Clear Sans', sans-serif;
  font-weight:bold;
  color:#6d6d6d;
  font-size:20px;
}

section.shop-details .product-description p.sizes {
  font-style: italic;
  margin-top:2em;
}

section.shop-details .product-description div.share {
  border-top:1px solid #b5b4ac;
  margin-top:2em;
  margin-bottom:2em;
  padding-top:2em;
  color:#512d6d;
  text-transform: uppercase;
  font-weight: bold;
  line-height:2em;
}

section.shop-details .product-description div.share > a{
  color:#512d6d;
  font-size:2em;
  line-height:1em;
  display:inline-block;
  margin:0px 4px;
}



/* Internal Shop Details - Product Actions
------------------------------------ */
section.shop-details .product-actions {
  background:#e1dcea;
  padding:20px 30px;
}

section.shop-details .product-actions h3 {
  font-family:'Clear Sans', sans-serif;
  font-size:20px;
  color:#512d6d;
}

section.shop-details .product-actions h4 {
  font-family:'Clear Sans', sans-serif;
  font-weight:bold;
  font-size:14px;
  color:#6d6d6d;
  text-transform:uppercase;
}

section.shop-details .product-actions p.product-number {
  font-style: italic;
  border-bottom:2px solid #ffffff;
  padding-bottom:20px;
  margin-bottom:20px;
}

section.shop-details .product-actions .form-group { margin-bottom:20px;}

section.shop-details .product-actions select {
  background-image:url(../images/select-background-purple.png);
}

section.shop-details .product-actions .form-inline>.form-group>*{
  display:inline-block;
}

section.shop-details .product-actions p.price {
  font-size:20px;
  color:#666666;
  border-top:2px solid #ffffff;
  padding:20px 0;
  margin-top:20px;
}

section.shop-details .product-actions p.price strong {
  font-family:'Clear Sans', sans-serif;
  font-size:14px;
  color:#6d6d6d;
  text-transform:uppercase;
}



/* Internal Shop Details - Product Recommendations
------------------------------------ */
section.product-recommendations {
  background:#2c183c;
  padding:25px 0;
}

section.product-recommendations h2 {
  color:#ad96dc;
}

section.product-recommendations p {
  color:#ffffff;
  font-style: italic;
}

section.product-recommendations #product-recommendations .carousel-inner>.item>.row {
  margin:0px 40px;
}

section.product-recommendations #product-recommendations .carousel-inner>.item>.row > * {
  padding:0 5px;
  margin-bottom:10px;
}

section.product-recommendations #product-recommendations .carousel-control > img {
    margin-top: -37.5px;
}


@media (max-height:767px) {
  section.product-recommendations h2,
  section.product-recommendations p {
    text-align:center;
  }
}


/* Internal Brews List
------------------------------------ */
section.brews-grid,
section.brews-grid-mobile {
  background:#eeeeee url(../images/background-noisy.png) center top repeat;
  background-size:300px;
  padding:50px 0;
  position:relative; z-index:1;
}

section.brews-grid-mobile {
  padding:0px 0;
}

section.brews-grid .brew,
section.brews-grid-mobile .brew {
  height:590px;
}

section.brews-grid .brew > a,
section.brews-grid-mobile .brew > a {
  display:block;
  position:relative;
  text-align:center;
  text-decoration: none;
  overflow:hidden;
  background:transparent;
  margin-bottom:30px;
}

section.brews-grid .brew > a:hover,
section.brews-grid-mobile .brew > a:hover {
  background:#ffffff;
  transition:all 800ms;
}

section.brews-grid .brew > a .overlay,
section.brews-grid-mobile .brew > a .overlay {
  position:absolute; top:0; right:0; height:70%; left:0;
  background-color:#000000;
  z-index:2;
  overflow:hidden;
  transition:height 400ms;
}

section.brews-grid .brew > a .background,
section.brews-grid-mobile .brew > a .background {
  position:absolute; top:-10%; right:-10%; bottom:-10%; left:-10%;
  z-index:1;
  background-position:50% 50%;
  background-size:1000px 875px;
  opacity:0.21;
  transform:scale(1.2) rotateZ(-3deg);
  transition:opacity 400ms, transform 800ms;
}

section.brews-grid .brew > a:hover .background,
section.brews-grid-mobile .brew > a:hover .background {
  opacity:0.7;
  transform:scale(1) rotateZ(0deg);
  transition:opacity 400ms, transform 800ms;
}

section.brews-grid .brew > a .bottle,
section.brews-grid-mobile .brew > a .bottle {
  position:relative;
  z-index:3;
  height:110%; width:110%;
  max-height:110%; max-width:110%;
  margin-left:-5%;
  image-rendering: crisp-edges;
  image-rendering:-webkit-optimize-contrast;
}

section.brews-grid .brew > a .caption,
section.brews-grid-mobile .brew > a .caption {
  z-index:4;
  margin-top:-3em;
  padding-bottom:1em;
}

section.brews-grid .brew > a .caption h2,
section.brews-grid-mobile .brew > a .caption h2 {
  color:#512d6d;
  font-size:24px;
  line-height:30px;
  transition:all 400ms;
  padding: 0 10px;
}

section.brews-grid .brew > a:hover .caption h2,
section.brews-grid-mobile .brew > a:hover .caption h2 {
  transform:scale(1.05);
}

section.brews-grid .brew > a .caption p.availability,
section.brews-grid-mobile .brew > a .caption p.availability {
  font-family:'Clear Sans', sans-serif;
  color:#6d6d6d;
  font-size:16px;
  font-style: italic;
}


@media (max-width:1199px) {
  section.brews-grid .brew {
    height:490px;
  }
}

@media (max-width:991px) {
  section.brews-grid .brew {
    height:490px;
  }
}

@media (max-width:767px) {

  section.brews-grid-mobile .mobile-section {
    padding-top:30px;
  }

  section.brews-grid-mobile .brew {
    /*height:390px;*/
	height: auto;
  }
  section.brews-grid-mobile .brew:nth-child(odd){
	  clear:left;
  }

  section.brews-grid .brew > a .caption,
  section.brews-grid-mobile .brew > a .caption {
    margin-top:-2em;
    padding-bottom:0em;
  }

  section.brews-grid .brew > a .caption h2,
  section.brews-grid-mobile .brew > a .caption h2 {
    font-size:18px;
    line-height:21px;
  }

  section.brews-grid .brew > a .caption p.availability,
  section.brews-grid-mobile .brew > a .caption p.availability {
    font-size:14px;
  }

  section.brews-grid .brew > a .overlay,
  section.brews-grid-mobile .brew > a .overlay {
	background:none;
  }
}


/* Internal Brew - Mobile Back Bar
------------------------------------ */
@media (max-width:767px) {
	section.mobile-back-bar{
		position:fixed;
		top:70px;
		width: 100%;
		background: #ad96dc;
		line-height: 40px;
		z-index: 50;
	}
	section.mobile-back-bar a{
		color:#FFF;
	}
	body.page_brew {
		padding-top:110px;
	}
}

/* Internal Brew - Brew Header
------------------------------------ */
section.brew-header {
  position:relative;
  background-position:right center;
  background-repeat:no-repeat;
  background-size:112.5%;
  padding:30px 0 30px;
}

section.brew-header > * {
  position:relative; z-index:2;
}

section.brew-header > .overlay {
  position:absolute; top:0; right:0; bottom:0; left:0;
  z-index:1;
}

section.brew-header .carousel {
  margin-bottom: -135px;
}

section.brew-header .carousel .vault-tag{
	padding:  10px 25px;
	color:#FFF;
	border: 3px solid #ffc300;
	font-size:30px;
	text-transform:capitalize;
	font-family:'StreeterJNL', serif;
	background-color:rgba(0,0,0,.6);
	box-shadow: 0 0 20px #000;
	position:absolute;
	z-index:10;
	top:40%;
	left:50%;
	margin-left:-100px;
	text-align:center;
	line-height:.9em;
}
section.brew-header .carousel .vault-tag i{
	font-size:15px;
	text-transform:none;
	font-family:'Clear Sans', sans-serif;
}

section.brew-header .carousel .item img {
  display:block; margin:0 auto;
}

section.brew-header .carousel .retired .item img{
  opacity: .6;
}

section.brew-header .carousel .item.fitvid{
	padding:35px 0;
}

section.brew-header .carousel .carousel-indicators {
  bottom: 5px;
  font-size:0;
}

section.brew-header .carousel .carousel-indicators li {
  border-color:#ad96dc;
  margin:5px;
}
section.brew-header .carousel .carousel-indicators li.active {
  background:#ad96dc;
  margin:4px;
}

section.brew-header h1 {
  font-size:60px;
}

section.brew-header p {
  font-size:18px;
}

section.brew-header p a {
  font-style: italic;
  font-weight:bold;
  text-transform: uppercase;
}

section.brew-header .buttons {
  margin-top:20px;
}

section.brew-header .btn-primary {
  position:relative;
  padding-left:27px;
  margin-left:22px;
  margin-top:-10px;
}

section.brew-header .btn-primary i {
  position: absolute;
  font-size: 60px;
  line-height:60px;
  top: -10px;
  left: -22px;
}

section.brew-header .share {
  display:inline-block;
  text-transform: uppercase;
  font-weight: bold;
  line-height:2em;
  margin-left:3em;
}

section.brew-header .share > a{
  color:#512d6d;
  font-size:2em;
  line-height:2em;
  display:inline-block;
  margin:0px 4px;
}


@media (max-width:991px) {

  section.brew-header .carousel {
    margin:20px 0 0;
  }

  section.brew-header .carousel .carousel-indicators {
    bottom: -25px;
  }

  section.brew-header h1 {
    font-size:40px;
  }

  section.brew-header p {
    font-size:16px;
  }

}

@media (max-width:767px) {

  section.brew-header {
    background-position: center bottom;
    background-size: cover;
  }

  section.brew-header .carousel {
    margin:20px 0 0px;
  }

  section.brew-header .buttons {
    margin-top: 40px;
    text-align: center;
  }

  section.brew-header .btn-primary {
    margin-bottom: 20px;
  }

  section.brew-header .share {
    margin-left: 0em;
    display:block;
  }

	section.brew-header .carousel .item.fitvid{
		padding:0px 0;
	}
}


/* Internal Brew - Brew Infopanel
------------------------------------ */
section.brew-infopanel {
  background:#eeeeee url(../images/background-noisy.png) center top repeat;
  background-size:300px;
  min-height:200px;
  padding:70px 0 30px;
}
section.brew-infopanel.soda-info {
  padding:60px 0 20px;
}
section.brew-infopanel .brew-type {
  color:#512d6d;
  font-family:'StreeterJNL', serif;
  font-size:36px;
  line-height:35px;
  text-align:center;
  padding:50px 0;
}

section.brew-infopanel.soda-info .brew-type {
  padding:30px 0;
}
section.brew-infopanel .brew-abv {
  color:#512d6d;
  font-size:14px;
  line-height:20px;
  text-align:center;
  padding:32.5px 0;
  font-weight:bold;
}

section.brew-infopanel .brew-abv strong{
  display:block;
  font-family:'StreeterJNL', serif;
  font-weight:normal;
  font-size:44px;
  line-height:50px;
}

section.brew-infopanel .brew-info,
section.brew-infopanel .brew-nutrition {
  color:#202020;
  font-size:14px;
  line-height:20px;
  text-align:center;
  padding:12.5px 0;
  font-weight:bold;
  text-transform:uppercase;
}

section.brew-infopanel .brew-info strong,
section.brew-infopanel .brew-nutrition strong {
  color:#512d6d;
  font-family:'StreeterJNL', serif;
  font-weight:normal;
  font-size:18px;
  line-height:20px;
}

section.brew-infopanel .brew-info a,
section.brew-infopanel .brew-nutrition a {
  display:block;
  color:#512d6d;
  margin-top:10px;
  font-style: italic;
  text-transform:none;
  font-weight:normal;
}

section.brew-infopanel .scale {
  position:relative;
  margin:0px 15px 5px;
}

section.brew-infopanel .scale > .scale-title {
  text-align:center;
  color:#58585a; font-size:14px;
  font-weight:bold;
  text-transform: uppercase;
  margin:0px 15px 0px;
}

section.brew-infopanel .scale > .scale-descriptor {
  text-align:center;
  color:#58585a; font-size:10px;
  font-style: italic;
  margin:-2px 15px 0px;
}

section.brew-infopanel .scale > .bar:before {
  position:absolute; left:0px; top:18px;
  color:#58585a; font-size:10px;
}

section.brew-infopanel .scale > .bar:after {
  position:absolute; right:0px; top:18px;
  color:#58585a; font-size:10px;
}


section.brew-infopanel .scale-ibu > .bar:before {
  content:"Less";
}

section.brew-infopanel .scale-ibu > .bar:after {
  content:"More";
}

section.brew-infopanel .scale-color > .bar:before {
  content:"Light";
}

section.brew-infopanel .scale-color > .bar:after {
  content:"Dark";
}

section.brew-infopanel .scale > .bar {
  position:relative;
  height:10px;
  margin:10px 0;
}

section.brew-infopanel .scale-ibu > .bar {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#abd25f+0,013517+100 */
  background: rgb(171,210,95); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(171,210,95,1) 0%, rgba(1,53,23,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(171,210,95,1) 0%,rgba(1,53,23,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(171,210,95,1) 0%,rgba(1,53,23,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abd25f', endColorstr='#013517',GradientType=1 ); /* IE6-9 */
}

section.brew-infopanel .scale-color > .bar {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fde9ab+0,f8be2c+10,e29225+21,c46928+33,a74924+45,8a2c1b+58,6d1910+71,53110c+86,431311+100 */
  background: rgb(253,233,171); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(253,233,171,1) 0%, rgba(248,190,44,1) 10%, rgba(226,146,37,1) 21%, rgba(196,105,40,1) 33%, rgba(167,73,36,1) 45%, rgba(138,44,27,1) 58%, rgba(109,25,16,1) 71%, rgba(83,17,12,1) 86%, rgba(67,19,17,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(253,233,171,1) 0%,rgba(248,190,44,1) 10%,rgba(226,146,37,1) 21%,rgba(196,105,40,1) 33%,rgba(167,73,36,1) 45%,rgba(138,44,27,1) 58%,rgba(109,25,16,1) 71%,rgba(83,17,12,1) 86%,rgba(67,19,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(253,233,171,1) 0%,rgba(248,190,44,1) 10%,rgba(226,146,37,1) 21%,rgba(196,105,40,1) 33%,rgba(167,73,36,1) 45%,rgba(138,44,27,1) 58%,rgba(109,25,16,1) 71%,rgba(83,17,12,1) 86%,rgba(67,19,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde9ab', endColorstr='#431311',GradientType=1 ); /* IE6-9 */
}

section.brew-infopanel .scale .marker {
  color:rgb(0,0,0);
  border-radius:50%;
  width:30px; height:30px;
  font-size:18px; line-height:30px;
  font-weight:bold;
  text-align:center;
  position:absolute; top:-10px; left:0%;
  margin:0 0 0 -15px; padding:0 4px 0 0;
  box-shadow: 0px 0px 13px rgba(0,0,0,0.47);
  letter-spacing:-0.1em;
  transition:background 2s, left 2s;
}


section.brew-infopanel .scale-ibu .marker {
  background:rgb(171,210,95);
  color:rgb(255,255,255);
}
section.brew-infopanel .scale-color .marker {
  background:rgb(253,233,171);
  color:rgb(255,255,255);
}

section.brew-infopanel .availability {
  padding-top:30px;
  text-align:center;
  font-size:0; line-height:0;
}

section.brew-infopanel .availability > img {
  width:24%; margin:0 0.5%;
  max-height:80px; max-width:80px;
}

@media (max-width:991px) {

  section.brew-infopanel, section.brew-infopanel.soda-info {
    padding:30px 0 30px;
  }

  section.brew-infopanel .scale > .scale-title {
    font-size:12px;
    margin:0 0 6px;
  }

  section.brew-infopanel .availability {
    padding-top:0px;
  }

  section.brew-infopanel .availability > img {
    width:40%; margin:0 5% 5%;
  }

}

@media (max-width:767px) {

  section.brew-infopanel {
    background:#eeeeee url(../images/background-noisy.png) center top repeat;
    background-size:300px;
    min-height:200px;
    padding:0px 0 30px;
  }

  section.brew-infopanel .brew-description h1 {
    font-size:56px;
  }

  section.brew-infopanel .brew-description p {
    font-size:20px;
  }

  section.brew-infopanel .scale > .scale-title {
    text-align:center;
    color:#58585a; font-size:14px;
    font-weight:bold;
    text-transform: uppercase;
    margin:0px 15px 0px;
  }

  section.brew-infopanel .scale > .scale-descriptor {
    text-align:center;
    color:#58585a; font-size:12px;
    font-style: italic;
    margin:-2px 15px 0px;
  }

  section.brew-infopanel .scale > .bar:before {
    position:absolute; left:0px; top:18px;
    color:#58585a; font-size:12px;
  }

  section.brew-infopanel .scale > .bar:after {
    position:absolute; right:0px; top:18px;
    color:#58585a; font-size:12px;
  }

  section.brew-infopanel .availability {
    padding-top:30px;
    text-align:center;
    font-size:0; line-height:0;
  }

  section.brew-infopanel .availability > img {
    width:24%; margin:0 0.5%;
    max-height:80px; max-width:80px;
  }

}


/* Internal Brew - Brew Availability
------------------------------------ */
section.brew-availability {
  background:#512d6d;
  box-shadow:0px 0px 13px 0px rgba(0,0,0,0.5);
  padding:20px 0;
}
.soda-info section.brew-availability {
  padding:20px;
}
section.brew-availability h3 {
  color:#ad96dc;
  font-size:28px;
  margin:0; padding:0;
  line-height:56px;
  text-align:center;
}
.soda-info section.brew-availability h3 {
  line-height:1.3em;
}

section.brew-availability .availability-timeline {
  background:#492862;
  height:16px;
  padding:4px;
  margin-top:30px;
  box-shadow:inset 0px 0px 13px -5px rgba(0,0,0,1);
}

section.brew-availability .availability-timeline .avail-yes {
  background:#ad96dc;
  height:8px;
}

section.brew-availability .availability-timeline .avail {
  position:relative;
}

section.brew-availability .availability-timeline .avail:before {
  content:'MM';
  position:absolute; top:-24px; left:0; width:100%;
  text-align:center;
  color:#ffffff;
  text-transform: uppercase;
  font-size:12px;
  font-weight:bold;
}

section.brew-availability .availability-timeline .avail-01:before { content:'Jan'; }
section.brew-availability .availability-timeline .avail-02:before { content:'Feb'; }
section.brew-availability .availability-timeline .avail-03:before { content:'Mar'; }
section.brew-availability .availability-timeline .avail-04:before { content:'Apr'; }
section.brew-availability .availability-timeline .avail-05:before { content:'May'; }
section.brew-availability .availability-timeline .avail-06:before { content:'Jun'; }
section.brew-availability .availability-timeline .avail-07:before { content:'Jul'; }
section.brew-availability .availability-timeline .avail-08:before { content:'Aug'; }
section.brew-availability .availability-timeline .avail-09:before { content:'Sep'; }
section.brew-availability .availability-timeline .avail-10:before { content:'Oct'; }
section.brew-availability .availability-timeline .avail-11:before { content:'Nov'; }
section.brew-availability .availability-timeline .avail-12:before { content:'Dec'; }

section.brew-availability .availability-description {
    font-size: 12px;
    color: #FFF;
    text-transform: uppercase;
    margin-top: 3px;
}

section.brew-availability .glassware {
  position:relative;
  padding:10px 15px;
  color:#ffffff;
  font-size:10px;
}

section.brew-availability .glassware .images {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

section.brew-availability .glassware .images > img {
  height:45px; width:20px; margin:0 0 0 5px;
}

section.brew-availability .glassware strong {
  display:block;
  width:100%;
  text-transform: uppercase;
}

.recommendations {
  text-align:center;
}

.recommendations h3 {
  font-size: 20px;
  margin: 0;
  padding: 0 0 0.5em;
  line-height: 1em;
}

.recommendations .btn-xs {
  font-size: 11px;
  padding: 0 6px;
  height: 27px;
  line-height: 27px;
  margin-bottom:3px;
}

@media (max-width:1199px) {

  section.brew-availability h3 {
    font-size:20px;
  }

  section.brew-availability .availability-timeline .avail:before {
    font-size:11px;
  }

}



/* Internal Brew - Brew Story
------------------------------------ */
section.brew-story {
  background-color:#2c183c;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  padding:50px 0 100px;
}

section.brew-story h3 {
  font-size:40px;
  font-family:'Clear Sans', sans-serif;
  text-transform: uppercase;
  font-weight:bold;
  padding:0px 0px 0.5em;
}

section.brew-story p {
  color:#ffffff;
  font-size:18px;
  line-height:1.5em;
}

@media (max-width:991px) {

  section.brew-story h3 {
    font-size:32px;
  }

  section.brew-story p {
    font-size:16px;
  }

}


/* Internal Brew - Brew Untappd
------------------------------------ */
section.brew-untappd {
  background:#181818 url(../images/untappd_bg.jpg) center center no-repeat;
  background-size:cover;
}

section.brew-untappd .brew-badge {
  background:url(../images/background-badge.png) right top repeat-y;
  background-size:1000px 522.5px;
  text-align:center;
  color:#ad96dc;
  padding:15px 30px;
  font-size:20px; line-height:1em;
}

section.brew-untappd .brew-badge h3 {
  color:#ffffff;
  font-size:36px; line-height:1em;
  margin:0;
}

section.brew-untappd .brew-badge img {
  max-width:53%;
  margin:10px auto;
}

section.brew-untappd .brew-badge p {
  font-weight:bold;
  font-size:12px;
}
section.brew-untappd .brew-badge p em {
  font-style: normal;
  text-transform: uppercase;
  color:#ffffff;
}

section.brew-untappd .brew-who {
  text-align:center;
  color:#ffffff;
  padding:0 30px;
  font-size:20px; line-height:1em;
}

section.brew-untappd .brew-who h3 {
  font-size:36px; line-height:48px;
  font-weight:bold;
  font-family:'Clear Sans', sans-serif;
  text-transform: uppercase;
  vertical-align:middle;
  padding-top:15px;
  margin:15px 0 24px;
}
section.brew-untappd .brew-who h3 i {
  transform:scale(1.5);
  margin-right:0.25em;
}

section.brew-untappd .brew-who .untappd-feed-item {
  font-size:12px;
}

section.brew-untappd .brew-who .untappd-feed-item .avatar {
  width:100px;
  height:100px;
  margin:5px auto 10px;
}

section.brew-untappd .brew-who .untappd-feed-item p em {
  color:#f5c100;
  font-style: normal;
}

section.brew-untappd .brew-who .untappd-feed-item .untappd-feed-time {
  font-weight:bold;
  text-transform: uppercase;
}


@media (max-width:991px) {

  section.brew-untappd .brew-badge {
    font-size:18px;
    padding:30px 30px;
  }

  section.brew-untappd .brew-badge h3 {
    font-size:28px;
  }

  section.brew-untappd .brew-who {
    padding:30px 30px;
  }

  section.brew-untappd .brew-who h3 {
    font-size:24px; line-height:32px;
  }

  section.brew-untappd .brew-who h3 i {
    transform:scale(1.5);
    margin-right:0.25em;
  }

}

@media (max-width:767px) {

  section.brew-untappd .brew-badge {
    background:#502C70;
  }

  section.brew-untappd .brew-who .untappd-feed-item {
    position:relative;
    padding-left:80px;
    min-height:80px;
    text-align:left;
  }

  section.brew-untappd .brew-who .untappd-feed-item .avatar {
    width:60px;
    max-width:50%;
	height:60px;
    position:absolute; top:0; left:0;
  }

  section.brew-untappd .brew-who .untappd-feed-item p em {
    color:#f5c100;
    font-style: normal;
  }

  section.brew-untappd .brew-who .untappd-feed-item .untappd-feed-time {
    font-weight:bold;
    text-transform: uppercase;
  }

}





/* Internal Brew - Brew Social
------------------------------------ */
section.brew-social {
  background:#eeeeee url(../images/background-noisy.png) center top repeat;
  background-size:300px;
}

section.brew-social h3 {
  color:#a2a1a1;
  font-size:40px;
  margin:0.5em 0;
}


#socialCarousel {
  padding-bottom:10px;
}

#socialCarousel .carousel-inner > .item.next,
#socialCarousel .carousel-inner > .item.active.right {
  -webkit-transform: translate3d(66.6667%, 0, 0);
          transform: translate3d(66.6667%, 0, 0);
}
#socialCarousel .carousel-inner > .item.prev,
#socialCarousel .carousel-inner > .item.active.left {
  -webkit-transform: translate3d(-66.6667%, 0, 0);
          transform: translate3d(-66.6667%, 0, 0);
}
#socialCarousel .carousel-inner > .item.next.left,
#socialCarousel .carousel-inner > .item.prev.right,
#socialCarousel .carousel-inner > .item.active {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

#socialCarousel .carousel-inner > .item > *:nth-child(1) {
  margin-left:-50%;
  margin-right:-50%;
  padding-left:5px;
  padding-right:5px;
}
#socialCarousel .carousel-inner > .item > *:nth-child(2) {
  margin-left:16.25%;
  margin-right:-16.25%;
  padding-left:5px;
  padding-right:5px;
}

#socialCarousel .carousel-inner > .item > *:nth-child(3) {
  margin-left:16.25%;
  margin-right:-100%;
  padding-left:5px;
  padding-right:5px;
}

#socialCarousel .carousel-control.left,
#socialCarousel .carousel-control.right {background-image:none;}



/* Internal Brew - Brew Shop
------------------------------------ */
section.brew-shop {
  background:#2c183c;
  padding:50px 0;
}

section.brew-shop h3 {
  color:#ad96dc;
  font-size:40px;
  margin:0 0 1em;
}


section.brew-shop .item {
  text-decoration: none;
}

section.brew-shop h5 {
  font-family:'Clear Sans', sans-serif;
  font-weight:normal;
  color:#ccbaf2;
  font-size:14px; line-height:18px;
  margin:7px 0 0; padding:0;
}

section.brew-shop p.price {
  color:#8269b6;
  font-size:14px; line-height:18px;
  margin:7px 0 0;
  font-weight:bold;
}



/* Internal Brew Krewe
------------------------------------ */
.brew-krewe-welcome {
  color:#ffffff;
}

.brew-krewe-welcome > .row > div:last-of-type {
  background:#2b183a url(/assets/images/background-brew-krewe-page.jpg) center center no-repeat;
  background-size:cover;
  padding:65px 15px 0px;
}

.brew-krewe-welcome h1 {
  font-size:48px;
}

.brew-krewe-welcome .subtitle {
  background:rgba(185,137,253,0.59);
  display:inline-block;
  padding:6px 12px;
  margin:1em 0;
  color:#3b1f50;
  font-weight: bold;
  text-transform: uppercase;
}

.brew-krewe-welcome ul {
  position:relative;
  list-style: none;
  padding:2em;

}

.brew-krewe-welcome li {
  color:#cbabf7;
  font-size:18px;
  font-weight:bold;
  padding:0 0 0.5em 0;
  max-width:24em;
}

.brew-krewe-welcome li:before {
  position:absolute;
  left:0px; margin-top:0.125em;
  font-family: 'FontAwesome';
  content: '\f04b';
  color: #ffffff;
}


.brew-krewe-welcome h2 {
  font-size:36px;
}

.brew-krewe-welcome > .row > div:first-of-type {
  color:#512d6d;
  background:#ffffff url(../images/logo-brew-krewe-faded.png) center 160% no-repeat;
  background-size:120%;
  padding:35px 60px 30px;
}

.brew-krewe-welcome .btn {
  max-width:16em;
  margin:0 auto 0.5em;
}

.brew-krewe-welcome .get-started{
	margin-top:40px;
}

.brew-krewe-welcome .get-started p a {
  color:#512d6d;
  font-weight:bold;
  text-decoration: underline;

}

.brew-krewe-welcome .step-1 p a {
  color:#512d6d;
  font-weight:bold;
  text-decoration: underline;

}

.brew-krewe-welcome hr {
  border-top: 1px solid #b5b4ac;
}

.btn-untappd {
  background: #f6be00;
  color: #ffffff;
  text-transform: none;
  font-style: italic;
  font-weight:normal;
}

.btn-facebook {
  background: #3b5998;
  color: #ffffff;
  text-transform: none;
  font-style: italic;
  font-weight:normal;
}

.btn-untappd span,
.btn-facebook span {
  text-transform: uppercase;
  font-style: normal;;
  font-weight: bold;
}

.brew-krewe-welcome .sign-up input.form-control {
  background:#E4E4E4;
}

.brew-krewe-welcome .sign-up #google-recaptcha{
	display:inline-block;
	padding: 3px 1px 1px 3px;
	height:82px;
}

.get-started .btn-facebook .fa-facebook{
	font-size: 25px;
    height: 40px;
    margin-right: 0;
    padding: 8px 10px 8px 0;
    border-right: 1px solid rgba(0,0,0,0.2);
}

.get-started .btn-primary i{
	font-weight:normal;
	text-transform:none;
}
@media (max-width:1199px) and (min-width:992px){
	.get-started .btn-facebook .fa-facebook{
		display:none;
	}
}
@media (max-width:991px) {
	.brew-krewe-welcome > .row > div:first-of-type{
		padding-top:15px;
	}
	.brew-krewe-welcome > .row > div:last-of-type{
		padding-top:15px;
	}
}

@media (max-width:767px) {
	.brew-krewe-welcome  h1{ font-size:35px;}

	.get-started .btn-facebook .fa-facebook{
		height:30px;
		font-size:18px;
    	padding: 7px 10px 7px 0;
	}
	.brew-krewe-welcome .brew-krewe-logo{
		display:none;
	}
	.brew-krewe-welcome > .row > div:first-of-type {
  		padding:35px 35px 30px;
	}

}
/* Internal - Brew Krewe - Dashboard
------------------------------------ */
section.page-header.brew-krewe-header {
  margin:0; padding:50px 0; border:0;
  background:#74569c url(../images/logo-brew-krewe-light.png) -2.5% 50% no-repeat;
  background-size:312.5px;
}

section.page-header.brew-krewe-header h1  {
  font-size:54px;
  color:#ffffff;
  margin:0 0 10px; padding:0;
}

section.page-header.brew-krewe-header h2 {
  font-family: 'Clear Sans', sans-serif;
  font-size:24px;
  font-weight:bold;
  color:#f6be00;
  margin:0 0 10px; padding:0;
  text-transform:uppercase;
}

section.page-header .subtitle {
  color:#f4e6ff;
  font-style:italic;
  font-size:18px;
  max-width:35em; margin:0 auto;
}

.vwm_surveys_survey .form-group ul {
  list-style: none;
  padding:0;
}

@media (max-width:767px) {

  section.page-header.brew-krewe-header {
    background:#74569c;
    display:none;
  }

  section.page-header.brew-krewe-header h1  {
    font-size:40px;
  }

  section.page-header.brew-krewe-header h2 {
    font-size:20px;
  }

  section.page-header .subtitle {
    font-size:16px;
  }

}


/* Internal - Brew Krewe - Dashboard - member-offer
------------------------------------ */
.member-offer {
  background:#f6be00;
  margin-top:2.5px;
  margin-bottom:2.5px;
}

.member-offer .member-offer-discount {
  background:#fdd13c;
  color:#ffffff;
  font-family:'StreeterJNL', serif;
  font-size:50px; line-height:1em;
  text-align:center;
  margin:0; padding:0;
}

.member-offer .member-offer-discount > * {
  font-size:50px; line-height:1em;
  margin:0; padding:0 0 0.125em;
}

.member-offer .member-offer-text {
  color:#ffffff;
  margin:0; padding:0;
}

.member-offer .member-offer-text > * {
  padding-left:15px;
}

.member-offer .member-offer-text h3 {
  margin:10px 0 5px;
}

.member-offer .member-offer-text p {
  color:#512d6d;
  font-size:14px;
  margin:5px 0 10px;
}

.member-offer .member-offer-code {
  text-align:center;
  text-transform: uppercase;
  font-size:0.8em;
  margin:0; padding:1.5em 0 0;
}

.member-offer .member-offer-code strong {
  display:block;
  text-transform: uppercase;
  font-size:1.5em;
}

@media (max-width:991px) and (min-width:768px) {

  .member-offer .member-offer-code {
    margin:0; padding:0 0 0;
  }

  .member-offer .member-offer-code strong {
    display:inline;
  }

}

@media (max-width:767px) {

  .member-offer .member-offer-discount {
    font-size:40px;
  }

  .member-offer .member-offer-discount > * {
    font-size:40px;
  }

  .member-offer .member-offer-code {
    text-align:left;
    padding-left:15px;
  }

  .member-offer .member-offer-code strong {
    display:inline;
  }

}



/* Internal - Brew Krewe - Dashboard - content-white
------------------------------------ */

.content {
  display:block;
  padding:15px 30px;
  margin-top:2.5px;
  margin-bottom:2.5px;
}

.content-purple {
  background:#512d6d;
  color:#ffffff;
}

.content-light-purple {
  background:#ad96dc;
  color:#ffffff;
}

.content-light-purple h1,
.content-light-purple h2,
.content-light-purple h3,
.content-light-purple h4,
.content-light-purple h5,
.content-light-purple h6 {
  color:#512d6d;
}

.content-gold {
  background:#f6be00;
  color:#512d6d;
}

.content-white {
  background:#ffffff;
  color:#333333;
}

.content-white h1,
.content-white h2,
.content-white h3,
.content-white h4,
.content-white h5,
.content-white h6 {
  color:#512d6d;
}

.content-white hr {
  border-top:2px solid #cacaca;
  margin:20px 0 20px;
}

.content-white input.form-control {
  background:#E4E4E4;
}

.well {
  border-radius:0;
  border:0;
  padding:30px;
  background:transparent;
}

.well-grey {
  background:#eeeeee;
}

.modal-content {
  position:relative;
}

.modal-content button.close {
  position:absolute; top:15px; right:15px;
  z-index:900;
}

.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content h4,
.modal-content h5,
.modal-content h6 {
  color:#512d6d;
}

.modal-content > * {
  padding-right:30px;
  padding-left:30px;
}

.brew-krewe-card {
  position:relative;
  border-radius:10px;
  background:#ded7ec;
  width:8560px;
  height:5398px;
  width:17.1em;
  height:10.8em;
  margin:30px auto;
  box-shadow:0px 0px 32px  rgba(0,0,0,0.54);
  font-size:20px;
  overflow:hidden;
}

@media (max-width:1199px) and (min-width:992px) {
  .brew-krewe-card { font-size:19px; }
}
@media (max-width:991px) and (min-width:768px) {
  .brew-krewe-card { font-size:20px; }
}

@media (max-width:767px) {

  .brew-krewe-card-container {
    text-align:center;
  }

  .brew-krewe-card {
    font-size:20px;
    text-align:left;
  }

}

@media (max-width:400px) {
  .brew-krewe-card {
    font-size:18px;
  }
}

@media (max-width:320px) {
  .brew-krewe-card {
    font-size:15px;
  }
}


.brew-krewe-card .brew-krewe-logo {
  position:absolute;
  top:3.7em; right:1em;
  height:5em; width:5em;
}

.brew-krewe-card .card-header {
  position:absolute;
  top:0.6em; left:1em;
  height:2.8em;
  color:#744996;
  border-bottom:2px solid #ffffff;
}

.brew-krewe-card .card-header > img {
  height:2.4em;
  margin-top:0em;
}

.brew-krewe-card .card-header > span {
  font-size:1.4em;
  line-height:1.714em;
  vertical-align:middle;
  font-family:'StreeterJNL', serif;
}

.brew-krewe-card .member-details {
  position: absolute;
  top: 3.75em; left: 1em;
  width: 9.5em;
  overflow:hidden;
}

.brew-krewe-card  .member-details > * {
  margin:0; padding:0; line-height:1em;
}

.brew-krewe-card .member-details > .member-id {
  font-size:0.6em;
  color:#515050;
}

.brew-krewe-card .member-details > .member-name {
  font-size:1.5em;
  color:#512d6d;
  margin:0.33em 0;
  display:block;
}

.brew-krewe-card .member-details > .member-name > span {
  white-space: nowrap;
}

.brew-krewe-card .member-details > .member-since {
  font-size:0.5em;
  color:#512d6d;
  font-style: italic;
}

.brew-krewe-card .brew-krewe-card-bottom {
  background-color: #ad96dc;
  color:#ffffff;
  position:absolute;
  bottom:0em; left:0em;
  height:3em; line-height:3em; width:100%;
  font-size:0.5em;
  text-align:center;
}

.brew-krewe-card .brew-krewe-card-bottom > a {
  color:#ffffff;
  text-decoration:none
}


body#print-brew-krewe-card {
  padding-top:0em;
  -webkit-print-color-adjust: exact;
  background-color:#FFF;
  height:100%;
}

@media print {
  html{
  background-color:#FFF;
  }
  body#print-brew-krewe-card {
    -webkit-print-color-adjust: exact;
  }
  body#print-brew-krewe-card .brew-krewe-card {
    border:1px solid #333333 !important;
    font-size:1.2em;
    -webkit-print-color-adjust: exact;
  }
  .brew-krewe-card > .card-header {
    color:#744996 !important;
    border-bottom:2px solid #512d6d !important;
    -webkit-print-color-adjust: exact;
  }
  .brew-krewe-card > .card-header > span {
    color:#744996 !important;
    -webkit-print-color-adjust: exact;
  }
  .brew-krewe-card > .member-details > .member-name {
    color:#512d6d !important;
    -webkit-print-color-adjust: exact;
  }
  .brew-krewe-card > .member-details > .member-name > span {
    color:#512d6d !important;
    -webkit-print-color-adjust: exact;
  }
  .brew-krewe-card > .member-details > .member-since {
    color:#512d6d !important;
    -webkit-print-color-adjust: exact;
  }
  .brew-krewe-card .brew-krewe-card-bottom {
    background-color: #ad96dc !important;
    color:#ffffff !important;
    -webkit-print-color-adjust: exact;
  }
}

section.main .brew-krewe-card-container h4 {
    margin-top:30px;
    font-size:28px;
    color:#ffffff;
}

section.main .brew-krewe-card-container h5 {
    margin-top:0px;
    font-size:13px;
    text-transform: uppercase;
    font-weight:bold;
    color:#ffffff;
}

section.main .brew-krewe-card-container p {
    font-size:18px;
}

section.main .brew-krewe-card-container p a {
  display:block;
  color:#ad96dc;
  font-size:12px;
}

.edit-brews a {
  color: #515050;
  text-decoration: none;
  font-style: italic;
}

.tags { font-size:0px; }

.tags .tag {
  position:relative;
  display:inline-block;
  text-transform: uppercase;
  font-size:12px;
  height:1.5em; line-height:1.5em;
  padding:0 0.5em 0 0.5em;
  margin:0 0.25em 0.25em 0;
}

.tags.tags-edit .tag {
  padding:0 0 0 0.5em;
}

.tags.tags-favorites .tag {
  background:#ad96dc;
  color:#512d6d;
}

.tags.tags-bank .tag {
  background:#E4E4E4;
  color:#555555;
}

.tags .tag > .btn {
  margin:-4px 0 0 0.25em;
  font-size:8px;
  height:2em; line-height:2em;
  padding:0 0.5em;
  display:none;
}

.tags.tags-edit .tag > .btn {
  display:inline-block;
}


.tags.tags-favorites .tag > .btn-add-favorite {
  display:none;
}

.tags.tags-favorites .tag > .btn-remove-favorite {
  color:#ad96dc;
  background:#512d6d;
}

.tags.tags-bank .tag > .btn-remove-favorite {
  display:none;
}

.tags.tags-bank .tag > .btn-add-favorite {
  color:#E4E4E4;
  background:#555555;
}


.content-white .empty a {
  font-weight:bold;
  color:#512d6d;
}

.brew-krewe-extras {
  padding:15px;
}

.brew-krewe-extras h5 {
  text-align:center;
  font-family:'StreeterJNL', serif;
  font-size:24px;
}

.brew-krewe-extras h6 {
  font-size:16px;
  font-weight:bold;
  text-transform: uppercase;
}

.sidebar-button {
  color:#512d6d;
  position:relative;
  padding:0 0 0 1.9em;
  text-transform:uppercase;
  text-decoration: none;
  font-size:14px;
  font-weight:bold;
  line-height:2.9em;
  vertical-align:middle;
  text-align:center;
}

.sidebar-button:hover {
  color:#ffffff;
  text-decoration: none;
}

.sidebar-button > i {
  background:#7d5fa2;
  color:#ffffff;
  font-size:20px;
  line-height:2em;
  position:absolute;
  top:0; left:0;
  width:2em; height:2em;
  vertical-align:middle;
  text-align:center;
}

.tour-callout,
.tour-callout:hover {
  display:block;
  background-image:url(../images/background-brewery-tour-callout.jpg);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  text-align:center;
  padding:15px;
  text-decoration:none;
}

.tour-callout h6 {
  color:#512d6d;
  font-size:16px;
}

.tour-callout p {
  color:#2a143b;
  font-size:14px;
}

.fb-like-wrapper{
  display: inline-block;
  padding: 5px 5px 3px;
  border: 1px solid #4267b2;
  color: #4267b2;
  border-radius: 6px;
}

.tw-follow-wrapper{
  display: inline-block;
  padding: 5px 4px 0px;
  border: 1px solid #1b95e0;
  color: #1b95e0;
  border-radius: 6px;
}

.fb-like-wrapper .fa{
	font-size: 26px;
    line-height: 1em;
    float: left;
    margin: 2px 6px 2px 3px;
}
.tw-follow-wrapper .fa{
	font-size: 26px;
    line-height: 1em;
    float: left;
    margin: 2px 4px;
}

@media (max-width:767px) {

  .mobile-section-nav {
    display:block;
    background:#512d6d;
    color:#ffffff;
    position:relative;
    padding:15px 30px;
    margin:5px 0px;
    cursor:pointer;
    font-size:24px;
    line-height:1em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration:none;
    text-align:center;
  }

  .mobile-section-nav:active,
  .mobile-section-nav:hover,
  .mobile-section-nav:focus {
    color:#ffffff;
    text-decoration:none;
  }

  .mobile-section-nav .fa-caret-right {
    position:absolute;
    right:20px; top:15px;
    transform:rotate(0deg) scale(1.5);
    transition:all 400ms;
  }

  .mobile-section-nav.open .fa-caret-right {
    transform:rotate(90deg) scale(1.5);
  }

  .mobile-section-nav .fa-plus {
    position:absolute;
    right:20px; top:15px;
    transform:rotate(0deg) scale(1);
    transition:all 400ms;
  }

  .mobile-section-nav.open .fa-plus {
    display:none;
  }

  .mobile-section-nav .fa-minus {
    position:absolute;
    right:20px; top:15px;
    transform:rotate(0deg) scale(1);
    transition:all 400ms;
    display:none;
  }

  .mobile-section-nav.open .fa-minus {
    display:block;
  }

  .mobile-section-nav--30 {
    margin-left:-30px !important; margin-right:-30px !important;
    padding: 15px 45px;
  }

  .mobile-section-nav-2p5 {
    margin-left:2.5px !important; margin-right:2.5px !important;
    padding: 15px 45px;
  }


  .mobile-section {
    display:none;
  }

  .mobile-section-hide {
    display:block;
  }

}



/* Internal - Brews - Beer Charts
------------------------------------ */
body#page_brews_beer-charts section.main p {
  font-size:18px;
}
#chart-images-modal{

}
#chart-images-modal .modal-body .btn-close {
    z-index: 99999;
    position: absolute;
    top: 0px;
    right: 15px;
    color: #ffffff;
    background: #000000;
    border: 3px solid #ffffff;
    border-radius: 50%;
    font-size: 24px;
    line-height: 1em;
    vertical-align: middle;
    height: 1.625em;
    width: 1.625em;
    padding: 0;
    margin: 0;
    outline: 0;
}
#chart-images-modal .modal-content{
	background:none;
	box-shadow:none;
}
#chart-images-modal .modal-content .item img{
	text-align:center;
}
#chart-images-modal .modal-dialog {
    margin: 5vh auto;
    max-height: 90vh;
	text-align:center;
	width:auto;
}
#chart-images-modal .modal-content, #chart-images-modal .modal-body, #product-images-modal .modal-body .item img  {
    max-height: 90vh;
}
#chart-images-modal .modal-body{
	display: inline-block;
}
#chart-images-modal .modal-body img{ max-width:100%; }

/* Internal - Brews - Recipes
------------------------------------ */
.blog-entry {
  background:#ffffff;
  margin-bottom:30px;
  padding:20px 40px 20px;
  overflow:hidden;
}

.blog-entry > .row > * {
  position:relative;
}

.blog-entry div.blog-image {
  position:absolute;
  top:-20px; right:20px; bottom:-20px; left:-40px;
  background-position:center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.blog-entry .summary-blog-image {
    margin: 0 10px;
    max-width: 25%;
    max-height: 160px;
	min-width:160px;
}
.blog-entry h2,
.blog-entry h2 a {
  color:#512d6d;
  font-size:48px;
  text-decoration:none;
  margin:0; padding:0;
}

.blog-entry .blog-meta {
  border:2px solid #b5b4ac;
  border-right-width:0;
  border-left-width:0;
  font-size:0;
  padding:4px 0;
  margin:10px 0;
}

.blog-entry .blog-meta > * {
  color:#7d7c77;
  font-size:16px;
  display:inline-block;
  border:2px solid #b5b4ac;
  border-top-width:0;
  border-right-width:0;
  border-bottom-width:0;
  padding:0 1em;
}

.blog-entry .blog-meta > *:first-child {
  border:0 solid #b5b4ac;
  padding:0 1em 0 0.25em;
}

.blog-entry .blog-meta {
  font-weight:bold;
}

.blog-entry .blog-meta a {
  color:#f6be00;
  font-weight:bold;
}

.blog-entry .blog-meta .blog-meta-source {
  font-weight:normal;
  font-style: italic;
}
.blog-entry .blog-meta .blog-meta-source a,
.blog-entry .blog-meta .blog-meta-source span {
  color:#7d7c77;
  font-weight:bold;
}

.blog-entry .blog-body {
  padding-top:1em;
  padding-bottom:2em;
  font-size:16px;
}

.blog-entry .blog-body img.blog-image {
  float:right;
  margin:0 0 1em 1em;
  max-width:50%;
}

.blog-entry .blog-footer .blog-tags {
  float:left;
  color:#7d7c77;
  font-size:16px;
  font-weight:bold;
  text-transform: uppercase;
}

.blog-entry .blog-footer .blog-tags a {
  color:#a87acc;
  font-style:italic;
  text-transform:capitalize;
}
.blog-entry .blog-footer .blog-tags a:after {
  content:',';
}
.blog-entry .blog-footer .blog-tags a:last-child:after {
  content:'';
}

.blog-entry .blog-footer .blog-read-more {
  float:right;
}

.blog-entry .blog-footer .blog-read-more a {
  color:#512d6d;
  text-transform:uppercase;
  text-decoration:none;
  font-size:16px;
  font-weight:bold;
}

.blog-sidebar {
    margin-top:40px;
}

.blog-sidebar h4 {
  font-size:14px;
  color:#512d6d;
  text-transform:uppercase;
}

.blog-sidebar a {
  display:inline-block;
  font-size:14px;
  color:#a87acc;
  font-style:italic;
  text-transform:capitalize;
  font-weight:bold;
  margin-right:1em;
}

.pager li>a,
.pager li>span {
    color:#512d6d;
    font-weight:bold;
    text-transform:uppercase;
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 0px solid #fff;
    border-radius: 0px;
}

@media (max-width:767px) {

  .blog-entry {
	  background:#ffffff;
	  margin-bottom:30px;
	  padding:20px 20px 20px;
  }
  .blog-entry h2,
  .blog-entry h2 a {
    font-size:32px;
  }

  .blog-entry .blog-meta > * {
    color:#7d7c77;
    border:0px solid #b5b4ac;
    padding:0 0;
    display:block;
  }

  .blog-entry .blog-meta > *:first-child {
    border:0 solid #b5b4ac;
    padding:0 0;
  }
}


/* Find Abita
------------------------------------ */
section.find-abita {
  min-height:600px;
}

section.find-abita .row > * {
  position:relative; z-index:2;
}

section.find-abita .map {
  background:#eeeeee;
  min-height:600px;
  position:absolute;
  width:100%;
  z-index:1;
}

section.find-abita .loading {
  position:absolute;
  width:100%;
  background:rgba(0,0,0,0.67);
  z-index:3;
  min-height:600px;
}

section.find-abita .loading:after {
  content:"\f110";
  color:#ffffff;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position:absolute; top:50%; left:50%;
  font-size: 100px; line-height:1em; height:1em;
  margin:-0.5em 0 0 -0.5em;
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

section.find-abita .listings {
  padding:30px 15px 15px;
  background:rgba(245, 189, 0, 0.8);
  height:100%;
}

section.find-abita .listings h1 {
  background:url(/assets/images/icon-findabita-purple.png) 0px 0px no-repeat;
  color:#512d6d;
  font-size:40px;
  line-height:1em;
  background-size:1.5em 2.1em;
  padding:0.0625em 0 0 1.75em;
}

section.find-abita .listings form {
  margin:20px 0;
}

section.find-abita .listings .error-message.active {
    margin:40px 0 20px;
}

section.find-abita .listings .error-message h3 {
  font-size:24px;
}

section.find-abita .listings .error-message p {
  font-size:16px;
}

section.find-abita .listings-list .btn {
  margin:20px 0;
}

section.find-abita .listings-list .location .btn {
  margin:0px 2px;
}

section.find-abita .listings-list ul {
  height:26em;
  overflow:scroll;
  list-style: none;
  padding:0; margin:0;
}

section.find-abita .listings-list ul > li {
  background:#fbf1cd;
  color:#512d6d;
  font-size:10px;
  line-height:1.2em;
  padding:1em 0em; margin:0.5em 0;
}

section.find-abita .listings-list ul > li .row > * {
}

section.find-abita .listings-list ul > li.active,
section.find-abita .listings-list ul > li:hover {
  background:#ffffff;
}

section.find-abita .listings-list ul > li h4 {
  display:inline;
  font-size:12px;
  margin:0; padding:0;
}

.location .has-tooltip {
  position:relative;
}

@media (max-width:767px) {

  section.find-abita {
    min-height:0;
    overflow:hidden;
  }

  section.find-abita .map { display:none; }

  section.find-abita .listings {
    overflow:hidden;
  }

  section.find-abita .listings h1 {
    margin: 0 auto;
    width: 6.5em;
  }

  section.find-abita .listings-list ul {
    height:300px;
    overflow:hidden;
    transition: height 400ms;
  }

  body#page_find-abita section.find-abita .listings-list ul {
    height:auto;
    overflow:scroll;
  }

  section.find-abita .listings-list ul.expanded {
    height:auto;
    overflow:hidden;
  }

  section.find-abita button.show-more {
    cursor:pointer;
    text-transform:uppercase;
    color:#512d6d;
    text-align:center;
    font-weight:bold;
    padding:0.5em 0;
    display:block;
    width:100%;
    font-size:1.2em;
  }

  body#page_events section.find-abita .listings {
      padding: 0px;
  }

}



/* Events Landing
------------------------------------ */
body#page_events section.find-abita .listings h1 {
  background: rgba(173, 150, 220, 1);
  color: #512d6d;
  font-size: 36px; line-height: 1em;
  padding: 30px 15px 15px; margin: -30px -15px 0px;
}

body#page_events form#finder {
  background: rgba(173, 150, 220, 1);
  margin:0 -15px 20px;
  padding:0 15px 5px;
}

body#page_events section.find-abita .listings .error-message.active {
  background: rgba(173, 150, 220, 1);
  margin:0 -15px 0;
  padding:0 15px 5px;
}

body#page_events section.find-abita .listings {
  background:rgba(173, 150, 220, 0.63);
}

body#page_events li.event {
  padding:0;
  cursor:pointer;
}

body#page_events li.event > .row > * > * {
  padding:1em 1em;
}

body#page_events section.find-abita .listings-list ul {
  height:auto;
  max-height:26em;
  overflow:scroll;
  list-style: none;
  padding:0; margin:0;
}

body#page_events section.find-abita li.event {
  background:#eee9f4;
}

body#page_events li.event .date,
section.events-grid .event .date {
  background: #74568d;
  color:#ad96dc;
  margin-right:10px;
}

body#page_events li.event.active .date,
section.events-grid .event.active .date {
  background: #f6be00;
  color:#ffffff;
}

body#page_events li.event .date span,
section.events-grid .event .date span {
  text-transform: uppercase;
  display:inline-block;
  width:100%;
  text-align:center;
  font-family:'StreeterJNL', serif;
  line-height:0.8em;
}

body#page_events li.event .date span.month,
section.events-grid .event .date span.month {
  font-size:14px;
}

body#page_events li.event .date span.day,
section.events-grid .event .date span.day {
  font-size:42px;
}

body#page_events li.event .date span.month,
section.events-grid .event .date span.month {
  font-size:10px;
}

body#page_events li.event .date span.day,
section.events-grid .event .date span.day {
  font-size:42px;
}

body#page_events .listings-list .view-more {
  text-align:center;
}

section.events-grid .event a p{
	color: #7c6390;
	padding:0 10px;
}
body#page_events section.page-header select {
  margin:1em auto 0; max-width:18em;
}


@media(min-width:768px) {

  section.events-grid .event .date span.month {
    display:inline;
    font-size:42px;
  }

  section.events-grid .event .date span.day {
    display:inline;
    font-size:42px;
  }

}

@media(max-width:767px) {
  body#page_events section.page-header form#finder {
    background: transparent;
    margin:20px -15px 20px;
    padding:0 15px 5px;
  }

  body#page_events section.page-header select {
    max-width:100%;
    width:100%;
  }

  section.events-grid .event .date span.month {
    font-size:14px;
    line-height:1em;
  }

  section.events-grid .event .date span.day {
    font-size:42px;
    line-height:1em;
    padding-bottom:0.33em;
  }

	section.events-grid .event a p{
		padding:0 20px;
	}
  section.events-grid .event{
  	height:auto !important;
  }
  .category-nav-events {
    background:#512d6d;
  }

  .category-nav-events ul {
    list-style:none;
    padding:0.5em 0; margin:0;
  }

  .category-nav-events li {
    padding:0; margin:0;
  }

  .category-nav-events li > a,
  .category-nav-events p > a {
    display:block;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    padding: 10px 0px;
    font-size: 24px;
    text-transform: uppercase;
  }

  body#page_events section.find-abita .listings .error-message.active {
    background: rgba(173, 150, 220, 1);
    margin:0 0px 0;
    padding:15px 15px 5px;
  }

  body#page_events section.find-abita .listings h1 {
    padding:15px 15px 5px;
    width:100%;
    margin:0;
  }

  body#page_events section.find-abita .listings-list ul {
    max-height:none;
  }


}

/* Events State
------------------------------------ */
section.events-grid {
  background:#eeeeee url(../images/background-noisy.png) center top repeat;
  background-size:300px;
  position:relative;
}

section.events-grid > .row {
  padding:50px 0;
}

section.events-grid .overlay {
  background:rgba(0,0,0,0.67);
  position:absolute; top:0; bottom:0; left:0; right:0;
  z-index:2;
}

section.events-grid .event {
  margin: 0 0 15px;
  position:relative;
  z-index:1;
}

section.events-grid .event.active {
  z-index:3;
}

section.events-grid .event > a {
  display:block;
  background:#ffffff;
  text-decoration:none;
  text-align:center;
  padding-bottom:30px;
}


section.events-grid .event > a .date {
  background:#7c6390;
  color:#ffffff;
  font-family:'StreeterJNL', serif;
  font-size:30px;
  line-height:1em; padding:0.25em 0 0.33em; margin:0;
  height:100%;
}

section.events-grid .event > a:hover .date,
section.events-grid .event.active > a .date {
  background: #f6be00;
  color:#ffffff;
}

section.events-grid .event > a h2 {
  font-family:'Clear Sans', sans-serif;
  font-weight:bold;
  color:#512d6d;
  font-size:20px;
  padding:0px 20px;
}

section.events-grid .event > a .time {
  font-family:'Clear Sans', sans-serif;
  font-weight:normal;
  color:#512d6d;
  font-size:16px;
  padding:0px 20px;
}

section.events-grid .event > a .location {
  font-family:'Clear Sans', sans-serif;
  font-weight:normal;
  color:#512d6d;
  font-size:12px;
  padding:0px 20px;
  font-style:italic;
}

section.events-grid .event.active:after {
  content:"";
  width: 0; height: 0;
  border-style: solid;
  border-width: 0 25px 25px 25px;
  border-color: transparent transparent #f6bd00 transparent;
  position: absolute; bottom: -10px; left: 50%;
  margin-left: -25px;
}


section.events-grid .event-details {
  display:none;
}

section.events-grid .event-details.active {
  display:block;
  position:absolute; top:0; right:15px; left:15px;
  background:#ffffff;
  border:2.5px solid #f6be00;
  z-index:3;
  padding:30px;
  min-height:200px;
  margin-bottom:100px;
}


section.events-grid .event-details .loading {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  background:#ffffff;
  z-index:3;
}

section.events-grid .event-details .loading:after {
  content:"\f110";
  color:rgba(0,0,0,0.67);
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position:absolute; top:50%; left:50%;
  font-size: 75px; line-height:1em; height:1em;
  margin:-0.5em 0 0 -0.5em;
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

section.events-grid .event-details .event-details-content {
  position:relative; z-index:2;
}

section.events-grid .event-details .close-event {
  position:absolute; top:0.5em; right:0.5em;
  z-index:3;
  cursor:pointer;
  color:#999999;
  font-size:30px;
  display:block; width:1em; height:1em;
}

section.category-nav-events {
  display:none;
}

@media(max-width:767px) {

  section.events-grid .event > a {
    padding-bottom: 0px;
  }

  section.events-grid .event > a h2 {
    margin:0;
  }

  section.events-grid .event > a .description {
    text-align:left;
    padding:0.5em 0 0.5em;
  }

  section.events-grid .event > a:hover .date,
  section.events-grid .event.active > a .date {
    background: #7c6390;
    color: #ad96dc;
  }

}


/* Event Details
------------------------------------ */
section.single-event {
  padding:100px 0;
  background:#eeeeee url(../images/background-noisy.png) center top repeat;
  background-size:300px;
}

.event-header h2,
.event-header h2 a {
  color:#512d6d;
  text-decoration: none;
  font-size: 36px;
  margin:0; padding:0;
}

.event-header .event-meta {
  border:2px solid #b5b4ac;
  border-right-width:0;
  border-left-width:0;
  font-size:0;
  padding:4px 0;
  margin:10px 0;
}

.event-actions {
  border:2px solid #b5b4ac;
  border-width:0;
  font-size:0;
  padding:4px 0;
  margin:10px 0;
}

.event-header .event-meta > *,
.event-actions > * {
  color:#7d7c77;
  font-size:16px;
  display:inline-block;
  border:2px solid #b5b4ac;
  border-top-width:0;
  border-right-width:0;
  border-bottom-width:0;
  padding:0 1em;
  white-space: nowrap;
}

.event-actions > * {
  font-size:12px;
}

.event-header .event-meta > *:first-child,
.event-actions > *:first-child {
  border:0 solid #b5b4ac;
  padding:0 1em 0 0.25em;
}

.event-header .event-meta,
.event-actions {
  font-weight:bold;
  text-transform:uppercase;
}

.event-header .event-meta a,
.event-actions a {
  color:#512d6d;
  font-weight:bold;
  text-decoration:none;
}

.event-actions a > span {
  color:#7d7c77;
}

.event-summary {
  margin-bottom:20px;
}

.event-summary .event-location-address {
  margin:0.5em 0 1em;
}
.event-summary .event-location-address a {
  text-decoration:none;
  color:inherit;
}

.event-meta-calendar {
  position:relative;
}

.event-recommendations {
  padding-top:3em;
}

.event-recommendations h3 {
  color:#512d6d;
  font-family: 'Clear Sans', sans-serif;
  text-transform:uppercase;
  font-size:14px;
}

.event-summary img {
  width:100%; !important
}

@media(max-width:1199px) {
  .event-header .event-meta > *,
  .event-actions > * {
    color:#ad96dc;
    font-size:16px;
    display:inline-block;
    border:0px solid #b5b4ac;
    border-top-width:0;
    border-right-width:0;
    border-bottom-width:0;
    padding:0 1em;
    white-space: nowrap;
  }



}

@media(max-width:991px) {

  .event-recommendations {
    padding:2em 0;
  }

}

@media(min-width:768px) {
  .mobile-section-map {
    display:block !important;
  }
}

@media(max-width:767px) {

  section.single-event {
    padding:50px 0;
  }

  .event-header .event-meta > *,
  .event-actions > * {
    padding:0 1em 0 0;
    white-space: nowrap;
    font-size:14px;
  }

  .event-header .event-meta > *:first-child,
  .event-actions > *:first-child {
    display:block;
    border:0 solid #b5b4ac;
    padding:0 0em 0 0em;
  }

  .event-recommendations {
    text-align:left !important;
  }


  .event-meta-registration-link {
    margin:0;
    padding:0;
    width:100%;
  }

  .event-meta-registration-link > .btn.btn-lg {
    padding:15px 30px;
    margin:2em 0 0;
    font-size:24px;
    line-height:1em;
    height:auto;
  }

}


/* Search Results
------------------------------------ */
.search_results{
	background-color:#FFF;

}
.search_results .fa-spin{
	font-size:40px;
	color:#AD96DA;
	display:block;
	text-align:center;
	margin:20px;
}
.search_results input{
	background-color:#EEE;
}
.search_results form{
	padding:10px 10px 0;
}
.search_results_callout{
	background-size: cover;
    box-sizing: content-box;
    padding: 25px 15px;
	text-align:center;
	margin-bottom:15px;
	display:block;
	background-image:
}
.search_results_callout:hover, .search_results_callout:focus{
	text-decoration:none;
}
.search_results_callout h1{
	margin-top:0px;
}
.search_results_callout.Light{
	color:#FFF;
	background-color:#512d6d;
}
.search_results_callout.Light h1{
	color:#FFF;
}

.search_results_callout.Dark{
	color:#512d6d;
	background-color:#F8BE00;
}
.search_results_callout.Dark h1{
	color:#512d6d;
}
.search_results_callout.Dark, .search_results_callout.Dark .btn{
	background-color:#512d6d;
}

@media(max-width:767px) {

	.search_results{
		margin-top:-30px;
	}
}


/* Careers
------------------------------------ */

#employee-testimonial .carousel-inner {
  background:#512d6d;
  margin: 0px 50px;
  width: auto;
}

#employee-testimonial .item {
  background:url(/assets/images/blockquote-open-purple.png) 5% 5% no-repeat;
  background-size:141px 100px;
}

#employee-testimonial blockquote {
  text-align:center;
  font-style: italic;
  color:#e8d1fb;
  padding: 30px 30px;
  margin: 0 0 0px;
  font-size: 20px;
  line-height:1.25em;
  border: 0px solid transparent;
  background:url(/assets/images/blockquote-closed-purple.png) 95% 95% no-repeat;
  background-size:141px 100px;
}

#employee-testimonial .item .testimonial-meta {
  border-top:1px solid #f6be00;
  margin:0 30px;
  padding:30px 0 30px;
  position:relative;
}

#employee-testimonial .item .testimonial-meta h5 {
  color:#f6be00;
  font-size:18px;
  font-weight:bold;
  margin:0 0 0.25em; padding:0 0 0 80px;
}

#employee-testimonial .item .testimonial-meta h6 {
  color:#ffffff;
  font-size:16px;
  font-weight:bold;
  font-style: italic;
  margin:0 0 0.25em; padding:0 0 0 80px;
}

#employee-testimonial .item .testimonial-meta p {
  color:#ffffff;
  font-size:14px;
  font-weight:normal;
  font-style: normal;
  margin:0 0 0; padding:0 0 0 80px;
}

#employee-testimonial .item .testimonial-meta p strong {
  color:#f6be00;
  font-weight:bold;
}

#employee-testimonial .item .testimonial-meta .avatar {
  position: absolute;
  top: 30px;
  width: 60px;
}

section.employee-benefits {
  background:#c8b6ee;
  color:#512d6d;
  padding:50px 0;
}

section.employee-benefits ul li {
  font-size:16px;
  font-weight:bold;
  line-height:2em;

}


/* Distributor List
------------------------------------ */
.distributor-list-content{ padding-top:25px; padding-bottom:35px;}
.distributor-list-content h4{ padding-top:15px; border-bottom:1px solid #512d6d; font-size:26px; padding-bottom:5px;}
.distributor-list-content .row{ margin-bottom:6px; margin-top:6px;font-size: 15px; color:#666;}
.distributor-list-content .row:nth-child(even){ background-color:#D5D5D5;}
.distributor-list-content .row b{ color:#000;}
@media (max-width: 767px){
.distributor-list-content .row{

}
}


/* Under 21
------------------------------------ */
body.under21 {
  position:relative;
  min-height:100%;
  background:#e8e8e8 url(/assets/images/background-under21.jpg) center top no-repeat;
  background-size:cover;
  padding-top: 120px;
}

body.under21 .navbar.navbar-inverse {
  background:#512d6d;
  border:transparent;
}

body.under21 .navbar > .container .navbar-brand {
  display: block;
  height: 141px;
  width: 225px;
  padding: 0;
  background: url(../images/logo-container.png) center center no-repeat;
  background-size: 225px 141px;
  margin: 0 0 -51px 0;
  position: absolute;
  left: 50%;
  top: -20px;
  margin-left: -112.5px;
}

body.under21 .navbar > .container .navbar-brand > img {
    height: 80px;
    width: 130px;
    margin: 25px 47.5px 0px;
}

body.under21 section.under21-sodas {
  overflow:hidden;
}

body.under21 section.under21-sodas h1 {
  font-size: 80px;
  color: #512d6d;
  margin: 20px 0 20px;
  padding: 0;
  line-height: .8em;
}

body.under21 section.under21-sodas .soda-bottles > .soda-bottle {
  float:left;
  text-align: center;
}

body.under21 section.under21-sodas .soda-bottles-1 > .soda-bottle { width:100%; }
body.under21 section.under21-sodas .soda-bottles-2 > .soda-bottle { width:50%; }
body.under21 section.under21-sodas .soda-bottles-3 > .soda-bottle { width:33%; }
body.under21 section.under21-sodas .soda-bottles-4 > .soda-bottle { width:25%; }
body.under21 section.under21-sodas .soda-bottles-5 > .soda-bottle { width:20%; }
body.under21 section.under21-sodas .soda-bottles-6 > .soda-bottle { width:16.6%; }
body.under21 section.under21-sodas .soda-bottles-7 > .soda-bottle { width:14.2%; }
body.under21 section.under21-sodas .soda-bottles-8 > .soda-bottle { width:12.5%; }

body.under21 section.under21-sodas .soda-bottles:after {
  clear: both;
}

body.under21 section.under21-sodas .soda-bottles > .soda-bottle img.img-responsive {
  max-width: 250%;
  width: 250%;
  margin-left: -75%;
}

body.under21 section.under21-sodas .soda-bottles > .soda-bottle h2 {
  font-family: 'StreeterJNL', serif;
  color: #512d6d;
  font-size: 24px;
  line-height: 30px;
  transition: all 400ms;
  padding: 0 10px;
  margin-top:-10px;
}

body.under21 section.under21-sodas .soda-bottles > .soda-bottle p.availability {
  font-family: 'Clear Sans', sans-serif;
  color: #6d6d6d;
  font-size: 16px;
  font-style: italic;
}

@media (max-width: 767px){

  body.under21 section.under21-sodas .soda-bottles > .soda-bottle h2 {
    font-size: 12px;
    line-height: 15px;
    padding: 0 5px;
    margin-top:-15px;
  }

  body.under21 section.under21-sodas .soda-bottles > .soda-bottle p.availability {
    display:none;
  }

}