body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.product#cherry-vanilla-bitters .number {
  color: RGB(201, 151, 160);




  /*@mixin-content */
}

.product#cherry-vanilla-bitters .description p:first-child {
  border-bottom: solid 2px RGB(201, 151, 160);
  border-top: solid 2px RGB(201, 151, 160);
  padding: 16px 6.4px;
  padding: 1rem .4rem;
  color: RGB(201, 151, 160);
}

.product#cherry-vanilla-bitters .details p {
  color: RGB(201, 151, 160);
}

.product#lemon-ginger-bitters .number {
  color: RGB(216, 180, 87);




  /*@mixin-content */
}

.product#lemon-ginger-bitters .description p:first-child {
  border-bottom: solid 2px RGB(216, 180, 87);
  border-top: solid 2px RGB(216, 180, 87);
  padding: 16px 6.4px;
  padding: 1rem .4rem;
  color: RGB(216, 180, 87);
}

.product#lemon-ginger-bitters .details p {
  color: RGB(216, 180, 87);
}

.product#orange-cranberry-bitters .number {
  color: RGB(222, 142, 95);




  /*@mixin-content */
}

.product#orange-cranberry-bitters .description p:first-child {
  border-bottom: solid 2px RGB(222, 142, 95);
  border-top: solid 2px RGB(222, 142, 95);
  padding: 16px 6.4px;
  padding: 1rem .4rem;
  color: RGB(222, 142, 95);
}

.product#orange-cranberry-bitters .details p {
  color: RGB(222, 142, 95);
}

.product#cherry-masala-chai-bitters .number {
  color: RGB(207, 154, 143);




  /*@mixin-content */
}

.product#cherry-masala-chai-bitters .description p:first-child {
  border-bottom: solid 2px RGB(207, 154, 143);
  border-top: solid 2px RGB(207, 154, 143);
  padding: 16px 6.4px;
  padding: 1rem .4rem;
  color: RGB(207, 154, 143);
}

.product#cherry-masala-chai-bitters .details p {
  color: RGB(207, 154, 143);
}

.product#blueberry-bitters .number {
  color: RGB(169, 184, 192);




  /*@mixin-content */
}

.product#blueberry-bitters .description p:first-child {
  border-bottom: solid 2px RGB(169, 184, 192);
  border-top: solid 2px RGB(169, 184, 192);
  padding: 16px 6.4px;
  padding: 1rem .4rem;
  color: RGB(169, 184, 192);
}

.product#blueberry-bitters .details p {
  color: RGB(169, 184, 192);
}

.product#aromatic-bitters .number {
  color: RGB(141, 133, 65);




  /*@mixin-content */
}

.product#aromatic-bitters .description p:first-child {
  border-bottom: solid 2px RGB(141, 133, 65);
  border-top: solid 2px RGB(141, 133, 65);
  padding: 16px 6.4px;
  padding: 1rem .4rem;
  color: RGB(141, 133, 65);
}

.product#aromatic-bitters .details p {
  color: RGB(141, 133, 65);
}

.product#root-beer-bitters .number {
  color: RGB(163, 140, 128);




  /*@mixin-content */
}

.product#root-beer-bitters .description p:first-child {
  border-bottom: solid 2px RGB(163, 140, 128);
  border-top: solid 2px RGB(163, 140, 128);
  padding: 16px 6.4px;
  padding: 1rem .4rem;
  color: RGB(163, 140, 128);
}

.product#root-beer-bitters .details p {
  color: RGB(163, 140, 128);
}

.product#tonic-syrup .number {
  color: #000;




  /*@mixin-content */
}

.product#tonic-syrup .description p:first-child {
  border-bottom: solid 2px #000;
  border-top: solid 2px #000;
  padding: 16px 6.4px;
  padding: 1rem .4rem;
  color: #000;
}

.product#tonic-syrup .details p {
  color: #000;
}

.product#bloody-mix .number {
  color: #000;




  /*@mixin-content */
}

.product#bloody-mix .description p:first-child {
  border-bottom: solid 2px #000;
  border-top: solid 2px #000;
  padding: 16px 6.4px;
  padding: 1rem .4rem;
  color: #000;
}

.product#bloody-mix .details p {
  color: #000;
}

body {
  padding-top: 36px;
  padding-top: 2.25rem;
}

body main {
  padding: 20px;
  padding: 1.25rem;
}

body#home main {
  padding: 0;
}

body#home section .container {
  padding: 0 52px;
  padding: 0 3.25rem;
}

body#home section:first-child {
  padding-top: 16px;
  padding-top: 1rem;
}

body#home section.tagline {
  text-align: center;
  font-size: calc(16px + 1rem);
  margin: 0;
  font-style: italic;
  color: RGB(201, 151, 160);
  padding: 1rem 2rem;
}

@media (min-width: 992px) {
  body main {
    margin-left: 52px;
    margin-left: 3.25rem;
    margin-right: 52px;
    margin-right: 3.25rem;
    padding: 52px;
    padding: 3.25rem;
  }
  body#home main {
    padding: 0;
  }
}

.logo {
  display: block;
  text-align: center;
  margin: 64px auto;
  margin: 4rem auto;
  float: none;
  width: 40vw;
}

@media (min-width: 1200px) {

  .logo {
    width: 20vw;
  }
}

body {
  font-family: "mrs-eaves",sans-serif;
  padding-bottom: 52px;
  padding-bottom: 3.25rem;
  background-color: #F1F0EA;




  /*&.post
    h1
      font-size: calc(18px + 0.8vw)
      margin-bottom: 1rem
      line-height: 3.25rem
      border-bottom: solid 1px color(#DE8E5F lightness(90%))
    .body

      p
        font-size: calc(14px + 0.5vw)
        text-indent: 3rem
        &:first-child
          font-size: calc(14px + 1vw)
          font-weight: 900
          font-style: italic
          text-indent: 0 */
}

body main {
  background: #fff;
}

body main .text a {
  color: #000;
  font-weight: 700;
}

body main h1 {
  font-size: calc(18px + 0.8vw);
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 52px;
  line-height: 3.25rem;
  border-bottom: solid 1px rgb(246, 225, 213);
}

body main .body p {
  font-size: calc(14px + 0.5vw);
  text-indent: 48px;
  text-indent: 3rem;
}

body main .body p:first-child {
  font-size: calc(14px + 1vw);
  font-weight: 900;
  font-style: italic;
  text-indent: 0;
}

body .jumbotron + section {}

body .jumbotron + section.gallery {
  margin: 0;
}

body section {
  padding-bottom: 16px;
  padding-bottom: 1rem;
  padding-top: 16px;
  padding-top: 1rem;
}

body section h2 {
  margin-bottom: 16px;
  margin-bottom: 1rem;




  /*line-height: 3.25rem */
  border-top: solid 1px rgb(246, 225, 213);
  padding: 20px 16px;
  padding: 1.25rem 1rem;




  /*padding-right: 1rem */
}

body section:first-child {
  padding-top: 0;
}

body section:first-child h2 {
  border: none;
}

/*padding: 3rem 0 */

body section.quote blockquote {
  font-size: calc(18px + 1vw);
  border-bottom: solid 2px #000;
  border-top: solid 2px #000;
  padding: 32px 6.4px;
  padding: 2rem .4rem;
  line-height: normal;
  font-style: italic;
}

body section.quote cite {
  font-size: calc(16px + 1vw);
  font-weight: 900;
  text-align: right;
  display: block;
}

body section.quote cite:before {
  letter-spacing: 7px;
  font-weight: 400;
  font-style: normal;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  content: '\2014';
}

body section.tagline {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: calc(16px + 1rem);
  margin: 0 auto 3rem;
  font-style: italic;
  color: RGB(201, 151, 160);
  padding: 0 2rem;
}

body section.grid .row img {
  padding: 16px;
  padding: 1rem;
}

body section.gallery {
  margin-top: 64px;
  margin-top: 4rem;
}

body section.gallery .card-block {
  padding: 0;
}

body section.gallery .card {
  border: none;
}

body section.gallery .card-title {
  position: absolute;
}

body#products .details {
  margin: 0 0 16px 0;
  margin: 0 0 1rem 0;
  padding: 0 0 0 .4vw;
}

body#products .details p {
  margin: 0;
  padding: 0;
  display: inline-block;
  line-height: 32px;
  line-height: 2rem;
}

body#products .details p .label {
  display: inline-block;
  margin: 0px 8px 0 0;
  margin: 0px 0.5rem 0 0;
  float: left;
  font-weight: 900;
}

body#products .details p:after {
  content: '\2022';
  padding: 0 6.4px;
  padding: 0 .4rem;
}

body#products .details p:last-child:after {
  padding: 0;
  content: '';
}

body#products h4 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: calc(13px + .3vw);
  font-weight: 900;
}

body#products section {}

body#products section.product {
  margin: 0 auto 128px auto;
  margin: 0 auto 8rem auto;
  float: none;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body#products section.product .title, body#products section.product .details {
  text-align: center;
}

body#products section.product .recipes span b {
  margin: 0 6.4px 0 0;
  margin: 0 0.4rem 0 0;
}

body#products section.product .description p:first-child {
  font-size: calc(20px + 1vw);
  line-height: normal;
  font-style: italic;
}

body#products section.product img {
  display: block;
  margin: 0 auto;
}

@media (min-width: 1200px) {

  body#products section.product {}

  body#products section.product:nth-child(even) .product-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  body#products section.product:nth-child(even) .content {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

body#recipes .recipe {
  margin: 0 0 64px 0;
  margin: 0 0 4rem 0;
  border-top: solid 2px #000;
}

body#recipes .recipe .featuring p {
  font-size: calc(14px + 1vw);
}

.jumbotron {
  background-size: cover;
  border-radius: 0;
}

.jumbotron p {
  color: #fff;
  font-size: calc(14px + 1vw);
}

.wf-loading h1, .wf-loading p {
  visibility: hidden;
}

h1,h2 {
  font-style: normal;
  font-weight: 500;
  font-weight: 100;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
  color: RGB(222, 142, 95);
}

h2 {
  font-size: calc(18px + 0.5vw);
}

h3 {
  font-family: futura-pt-condensed, sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 3.2px;
  letter-spacing: .2rem;
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding: 3.2px 6.4px;
  padding: .2rem .4rem;
}

h3 a {
  color: inherit;
}

h4 {
  font-weight: 900;
  letter-spacing: 0;
}

footer {
  text-align: center;
  padding-top: 16px;
  padding-top: 1rem;
}

footer .social span {
  font-size: calc(18px + 1vw);
  margin: 0 0 .5vw 0;
}

@media (min-width: 544px) {

  footer {
    padding: 3.25rem 0;
  }

  footer .social span {
    font-size: calc(18px + 1vw);
    margin: 0 .5vw 0;
  }
}

.number {
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 100;
  font-size: calc(14px + 1.5vw);
  float: none;
  width: 50%;
  text-align: center;
  margin: 0 auto;
}

.jumbotron.feature {
  background-color: #ECAA80;
}

.jumbotron.feature .btn {
  font-family: futura-pt-condensed, sans-serif;
  letter-spacing: 3.2px;
  letter-spacing: .2rem;
  text-transform: uppercase;
}

a {
  color: #2D232E;
}

.menu-toggler {
  background-image: none !important;
  border: none;
  /*font-family: $sans-font-family */
  height: 52px;
  height: 3.25rem;
  line-height: 52px;
  line-height: 3.25rem;
  text-transform: uppercase;
  letter-spacing: 3.2px;
  letter-spacing: .2rem;
  text-align: center;
  display: block;
  float: none;
  margin: 0 auto;
  width: 100%;
}

#nav-mobile {}

#nav-mobile.collapsing .navbar-nav .nav-item {
  display: none;
}

/*height: 100vh
    width: 100vw
    position: absolute
    top: 3.25rem
    left: 0
    background-color: #fff */

#nav-mobile.in .navbar-nav {
  height: 100vh;
  width: 100%;
  overflow-y: auto;
  text-align: center;




  /*transform: translate3d(0,100%,0) */
  will-change: transform;
  transition: -webkit-transform .5s cubic-bezier(.77,0,.175,1);
  -webkit-transition: -webkit-transform .5s cubic-bezier(.77,0,.175,1);
  transition: transform .5s cubic-bezier(.77,0,.175,1);
  transition: transform .5s cubic-bezier(.77,0,.175,1), -webkit-transform .5s cubic-bezier(.77,0,.175,1);
  transition: transform .5s cubic-bezier(.77,0,.175,1),-webkit-transform .5s cubic-bezier(.77,0,.175,1);
  background-repeat: no-repeat;
  background-position: 50%;
}

#nav-mobile.in .nav-item {
  display: block;
  font-size: 6vw;
  margin: 0;
  padding: 16px;
  padding: 1rem;
}

.navbar {
  padding: 0;
  background-color: #F1F0EA;
  border-radius: 0;
}

.navbar .navbar-brand {
  display: block;
  float: none;
  margin: 0 auto;
  text-align: center;
}

.navbar .navbar-nav {




  /*line-height: 4vh */
  text-align: center;
  display: block;
  margin: 16px auto;
  margin: 1rem auto;
}

.navbar .navbar-nav .nav-item {
  display: inline-block;
  float: none;
  font-family: futura-pt-condensed, sans-serif;
  font-size: calc(12px + .5vw);
  letter-spacing: 1.6px;
  letter-spacing: .1rem;
  text-transform: uppercase;
}

.navbar .navbar-nav .nav-item .nav-link {
  display: inline-block;
  padding: 3.2px 8px;
  padding: .2rem .5rem;
  color: #362f2d;
  -webkit-transition: background-color 200ms;
  transition: background-color 200ms;
}

.navbar .navbar-nav .nav-item .nav-link:hover {
  background-color: rgba(255, 255, 255, .2);
  text-decoration: none;
}

.navbar .navbar-nav .nav-item .nav-link.current {
  background: #000;
  color: #fff;
}

.fill-viewport {
  height: 100vh;
  padding-bottom: 70px;
}

.card {
  border-radius: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
}

.recipe .em-bullet li {}

.recipe .em-bullet li:before {
  letter-spacing: 7px;
  font-weight: 400;
  font-style: normal;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  content: '\2014';
}

.recipe h4 {
  text-transform: uppercase;
  font-size: calc(11px + .3vw);
  margin-top: 16px;
  margin-top: 1rem;
  color: rgb(127, 63, 26);
}

.s-center, .s-center * {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.btn-outline-primary {
  color: #fff;
  border-color: currentColor;
}

.btn-outline-primary:hover {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

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

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-instagram:before {
  content: "\ea92";
}

.icon-twitter:before {
  content: "\ea96";
}