@charset "UTF-8";
/*
Theme Name: Willie Smiths
Theme URI: http://www.williesmiths.com.au
Author: Futago
Author URI: http://www.futago.com.au
Description: It all starts with the cleanest air, 
the best soil, and the purest water on earth.
License: Copyright William Smith and Sons 2016
*/
/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
  font-family: 'Stag Sans Web';
  src: url("fonts/StagSans-Light-Web.eot");
  src: url("fonts/StagSans-Light-Web.eot?#iefix") format("embedded-opentype"), url("fonts/StagSans-Light-Web.woff2") format("woff2"), url("fonts/StagSans-Light-Web.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'Stag Web';
  src: url("fonts/Stag-Bold-Web.eot");
  src: url("fonts/Stag-Bold-Web.eot?#iefix") format("embedded-opentype"), url("fonts/Stag-Bold-Web.woff2") format("woff2"), url("fonts/Stag-Bold-Web.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'Stag Web';
  src: url("fonts/Stag-Light-Web.eot");
  src: url("fonts/Stag-Light-Web.eot?#iefix") format("embedded-opentype"), url("fonts/Stag-Light-Web.woff2") format("woff2"), url("fonts/Stag-Light-Web.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

body {
  font-family: 'Stag Sans Web';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

ul {
  list-style-type: square; }

img.cover, .tribe-events-event-image img, .woocommerce img.cover {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: none; }
  img.cover.taller, .tribe-events-event-image img.taller, .woocommerce img.cover.taller {
    height: auto;
    width: 101%; }
  img.cover.wider, .tribe-events-event-image img.wider, .woocommerce img.cover.wider {
    width: auto;
    height: 101%; }
  img.cover.equal, .tribe-events-event-image img.equal, .woocommerce img.cover.equal {
    width: 100%;
    height: 101%; }

.button {
  display: inline-block;
  background-color: #5E5C51;
  border: 2px solid #5E5C51;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 1.125em;
  color: white;
  line-height: 1.6666666667em;
  letter-spacing: 0.0555555556em;
  padding: 15px 30px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 200ms; }
  .button.red {
    background-color: #9D2C3F;
    border: 2px solid #9D2C3F; }
  .button.dark {
    background-color: #2A2924;
    border-color: #2A2924; }
  .button:hover {
    background-color: transparent !important;
    color: #5E5C51;
    transition: all 200ms; }
    .button:hover.red {
      color: #9D2C3F; }
  @media only screen and (max-width: 40em) {
    .button {
      font-size: 1em;
      padding: 8px 30px; } }
.post-navigation {
  background-color: #FEFEFE;
  padding-bottom: 75px; }
  .post-navigation:after {
    content: "";
    display: table;
    clear: both; }
  .post-navigation h2.screen-reader-text {
    display: none; }
  .post-navigation:before {
    display: block;
    content: "";
    background-color: #979797;
    width: calc(100% - 160px);
    height: 1px;
    margin: 0 auto 75px; }
  .post-navigation .nav-links a {
    text-decoration: none; }
  .post-navigation .wp-post-image {
    max-width: 75px;
    max-height: 240px; }
  .post-navigation .nav-previous, .post-navigation .nav-next {
    position: relative; }
    .post-navigation .nav-previous:after, .post-navigation .nav-next:after {
      top: 50%;
      transform: translate(0, -50%);
      position: absolute; }
    .post-navigation .nav-previous a, .post-navigation .nav-next a {
      display: flex;
      flex-direction: row; }
    .post-navigation .nav-previous .wp-post-image, .post-navigation .nav-next .wp-post-image {
      margin: 0 37px; }
    .post-navigation .nav-previous .nav-text, .post-navigation .nav-next .nav-text {
      display: flex;
      flex-direction: column;
      height: 240px;
      padding-top: 100px;
      text-transform: uppercase;
      letter-spacing: 3px;
      box-sizing: border-box; }
      .post-navigation .nav-previous .nav-text .meta-nav, .post-navigation .nav-next .nav-text .meta-nav {
        margin: 0;
        position: relative; }
        .post-navigation .nav-previous .nav-text .meta-nav:before, .post-navigation .nav-next .nav-text .meta-nav:before {
          width: 30px;
          height: 1px;
          background-color: #34332D;
          content: '';
          position: absolute;
          top: 50%;
          left: -50px;
          transform: translate(0, -50%); }
          @media only screen and (max-width: 40em) {
            .post-navigation .nav-previous .nav-text .meta-nav:before, .post-navigation .nav-next .nav-text .meta-nav:before {
              content: none; } }
        @media only screen and (max-width: 40em) {
          .post-navigation .nav-previous .nav-text .meta-nav, .post-navigation .nav-next .nav-text .meta-nav {
            font-size: 0.75em; } }
        .post-navigation .nav-previous .nav-text .meta-nav:before, .post-navigation .nav-next .nav-text .meta-nav:before {
          position: relative;
          display: inline-block;
          left: 0;
          margin-right: 1em;
          bottom: 0.3em; }
      .post-navigation .nav-previous .nav-text .post-title, .post-navigation .nav-next .nav-text .post-title {
        margin: 0;
        font-family: 'Stag Web';
        font-size: 2.25em;
        font-weight: normal; }
        @media only screen and (max-width: 40em) {
          .post-navigation .nav-previous .nav-text .post-title, .post-navigation .nav-next .nav-text .post-title {
            font-size: 1em; } }
  .post-navigation .nav-previous {
    float: left;
    margin-left: 80px; }
    @media only screen and (max-width: 40em) {
      .post-navigation .nav-previous {
        float: none;
        margin: 0 26.6666666667px; } }
    .post-navigation .nav-previous:after {
      content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228px%22%20height%3D%2247px%22%20viewBox%3D%2280%202263%2028%2047%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0D%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2041%20%2835326%29%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0D%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0D%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M108%2C2286.50006%20C108%2C2287.38171%20107.635178%2C2288.22528%20106.98871%2C2288.83628%20L85.5770418%2C2309.09485%20C84.9388094%2C2309.69936%2084.1161072%2C2310%2083.2942285%2C2310%20C82.4295265%2C2310%2081.5664715%2C2309.66695%2080.9200039%2C2309.0049%20C79.6583625%2C2307.71483%2079.6995387%2C2305.66305%2081.0114152%2C2304.42241%20L99.9533302%2C2286.50006%20L81.0114152%2C2268.57771%20C79.6995387%2C2267.33708%2079.6583625%2C2265.28529%2080.9200039%2C2263.99522%20C82.1799982%2C2262.70435%2084.2651653%2C2262.66383%2085.5770418%2C2263.90528%20L106.98871%2C2284.16384%20C107.635178%2C2284.77484%20108%2C2285.61841%20108%2C2286.50006%22%20id%3D%22chevron-right%22%20stroke%3D%22none%22%20fill%3D%22%235E5C51%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%2894.000000%2C%202286.500000%29%20scale%28-1%2C%201%29%20translate%28-94.000000%2C%20-2286.500000%29%20%22%3E%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
      left: 0; }
      @media only screen and (max-width: 40em) {
        .post-navigation .nav-previous:after {
          transform: scale(0.5); } }
    .post-navigation .nav-previous .nav-text {
      text-align: left; }
    .post-navigation .nav-previous img {
      padding-left: 20px;
      margin-right: 20px !important; }
  .post-navigation .nav-next {
    float: right;
    margin-right: 80px; }
    @media only screen and (max-width: 40em) {
      .post-navigation .nav-next {
        margin: 0 26.6666666667px; } }
    .post-navigation .nav-next:after {
      content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228px%22%20height%3D%2247px%22%20viewBox%3D%221332%202263%2028%2047%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0D%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2041%20%2835326%29%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0D%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0D%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M1360%2C2286.50006%20C1360%2C2287.38171%201359.63518%2C2288.22528%201358.98871%2C2288.83628%20L1337.57704%2C2309.09485%20C1336.93881%2C2309.69936%201336.11611%2C2310%201335.29423%2C2310%20C1334.42953%2C2310%201333.56647%2C2309.66695%201332.92%2C2309.0049%20C1331.65836%2C2307.71483%201331.69954%2C2305.66305%201333.01142%2C2304.42241%20L1351.95333%2C2286.50006%20L1333.01142%2C2268.57771%20C1331.69954%2C2267.33708%201331.65836%2C2265.28529%201332.92%2C2263.99522%20C1334.18%2C2262.70435%201336.26517%2C2262.66383%201337.57704%2C2263.90528%20L1358.98871%2C2284.16384%20C1359.63518%2C2284.77484%201360%2C2285.61841%201360%2C2286.50006%22%20id%3D%22chevron-right-copy-2%22%20stroke%3D%22none%22%20fill%3D%22%235E5C51%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
      right: 0; }
      @media only screen and (max-width: 40em) {
        .post-navigation .nav-next:after {
          transform: scale(0.5); } }
    .post-navigation .nav-next .nav-text {
      text-align: right; }
    .post-navigation .nav-next img {
      padding-right: 20px;
      margin-left: 20px !important; }

body {
  color: #34332D; }
  body a {
    color: #34332D; }
  body.dark {
    background-color: #2A2924; }
  body.black {
    background-color: #101010; }

div {
  box-sizing: border-box; }

header {
  height: 260px;
  display: flex;
  vertical-align: bottom;
  padding: 70px 30px 95px 80px;
  justify-content: space-between;
  overflow: hidden;
  box-sizing: border-box; }
  @media only screen and (max-width: 60em) {
    header {
      height: auto;
      flex-direction: column;
      padding: 40px 40px 0;
      margin-bottom: 40px;
      position: relative; } }
  @media only screen and (max-width: 40em) {
    header {
      padding: 40px 26.6666666667px 0; } }
  header .logo {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    @media only screen and (max-width: 40em) {
      header .logo {
        max-width: 50%; } }
    @media only screen and (max-width: 60em) {
      header .logo svg {
        width: 100%;
        margin: 0 auto; } }
    .dark header .logo svg #HOME, .black header .logo svg #HOME {
      fill: #CFD1C0; }
    header .logo img {
      max-width: 175px;
      width: 100%; }
  header nav.header-nav {
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 60px;
    position: relative;
    flex-shrink: 0; }
    @media only screen and (max-width: 60em) {
      header nav.header-nav {
        display: none; } }
    @media only screen and (max-width: 60em) {
      header nav.header-nav ul {
        padding-left: 0;
        display: flex;
        justify-content: center;
        align-content: center; } }
    header nav.header-nav ul li {
      display: inline-block;
      padding: 0 15px;
      position: relative; }
      @media only screen and (max-width: 80em) {
        header nav.header-nav ul li {
          padding: 0 10px; } }
      @media only screen and (max-width: 60em) {
        header nav.header-nav ul li {
          padding-left: 1em;
          line-height: 1;
          text-align: center; } }
      header nav.header-nav ul li:nth-child(1) {
        padding-left: 0; }
      header nav.header-nav ul li a {
        color: #34332D;
        font-size: 0.75em;
        text-decoration: none;
        position: relative; }
        header nav.header-nav ul li a:before {
          content: '';
          width: 0;
          position: absolute;
          left: 50%;
          bottom: -5px;
          height: 2px;
          background-color: #34332D;
          transition: width 200ms;
          transform: translate(-50%, 0); }
          .dark header nav.header-nav ul li a:before {
            background-color: #CFD1C0; }
          .black header nav.header-nav ul li a:before {
            background-color: #F3F2ED; }
        header nav.header-nav ul li a:hover:before {
          width: 100%;
          transition: width 200ms; }
        .dark header nav.header-nav ul li a {
          color: #CFD1C0; }
        .black header nav.header-nav ul li a {
          color: #F3F2ED; }
      header nav.header-nav ul li .sub-menu {
        display: flex;
        opacity: 0;
        transition: opacity 200ms;
        position: absolute;
        bottom: calc(-100% - 71px);
        transition: left 0s linear 200ms, opacity 200ms linear;
        transform: translate(-50%, 0);
        padding-left: 0;
        width: 10000px;
        justify-content: center;
        left: -10000px;
        padding-top: 20px; }
        header nav.header-nav ul li .sub-menu:before {
          position: absolute;
          width: 100%;
          height: calc(100% - 20px);
          background-color: #F3F2ED;
          top: 20px;
          content: '';
          left: 0; }
          .dark header nav.header-nav ul li .sub-menu:before, .black header nav.header-nav ul li .sub-menu:before {
            background-color: #32312C; }
        header nav.header-nav ul li .sub-menu li {
          padding-right: 0;
          padding-left: 0;
          line-height: 1;
          display: inline-block;
          transition: background-color 200ms; }
          header nav.header-nav ul li .sub-menu li:hover {
            background-color: rgba(42, 41, 36, 0.13);
            transition: background-color 200ms; }
            .dark header nav.header-nav ul li .sub-menu li:hover, .black header nav.header-nav ul li .sub-menu li:hover {
              background-color: rgba(42, 41, 36, 0.9); }
          header nav.header-nav ul li .sub-menu li a {
            display: block;
            padding: 30px 20px; }
            header nav.header-nav ul li .sub-menu li a:before {
              content: none; }
      header nav.header-nav ul li:hover .sub-menu {
        opacity: 1.0;
        transition: opacity 200ms;
        left: 50%; }
  header .shop {
    position: relative; }
    header .shop a.cart-contents {
      position: absolute;
      font-size: 0.75em;
      text-decoration: none;
      bottom: 30px;
      left: 0;
      text-align: center;
      min-width: 100%; }
      @media (max-width: 80em) {
        header .shop a.cart-contents {
          bottom: inherit;
          top: -5px; } }
      @media (max-width: 60em) {
        header .shop a.cart-contents {
          left: auto;
          right: 0;
          min-width: auto;
          top: -40px; } }
      header .shop a.cart-contents:before {
        content: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMS42NyIgdmlld0JveD0iMCAwIDE0IDExLjY3Ij48dGl0bGU+YmFza2V0LWRhcms8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggZD0iTTIuNjYsMi45Miw1LjQuMTdhLjYuNiwwLDAsMSwxLC40M0EuNTguNTgsMCwwLDEsNi4yNCwxbC0xLjksMS45Wm03LDBoMS42OEw4LjYuMTdhLjYuNiwwLDAsMC0xLC40M0EuNTguNTgsMCwwLDAsNy43NiwxWk0wLDQuMDhWNS4yNUguMzhhLjgyLjgyLDAsMCwxLC43My40NmwyLjM5LDZoN2wyLjM5LTZhLjgxLjgxLDAsMCwxLC43My0uNDZIMTRWNC4wOFoiLz48L2c+PC9nPjwvc3ZnPg==");
        margin-right: 5px; }
      header .shop a.cart-contents:hover {
        text-decoration: underline; }
      .black header .shop a.cart-contents {
        color: #CFD1C0; }
        .black header .shop a.cart-contents:before {
          content: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMS42NyIgdmlld0JveD0iMCAwIDE0IDExLjY3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2NmZDFjMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmJhc2tldC1saWdodDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yLjY2LDIuOTIsNS40LjE3YS42LjYsMCwwLDEsMSwuNDNBLjU4LjU4LDAsMCwxLDYuMjQsMWwtMS45LDEuOVptNywwaDEuNjhMOC42LjE3YS42LjYsMCwwLDAtMSwuNDNBLjU4LjU4LDAsMCwwLDcuNzYsMVpNMCw0LjA4VjUuMjVILjM4YS44Mi44MiwwLDAsMSwuNzMuNDZsMi4zOSw2aDdsMi4zOS02YS44MS44MSwwLDAsMSwuNzMtLjQ2SDE0VjQuMDhaIi8+PC9nPjwvZz48L3N2Zz4="); }
      .single-ciders header .shop a.cart-contents {
        color: #CFD1C0; }
        .single-ciders header .shop a.cart-contents:before {
          content: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMS42NyIgdmlld0JveD0iMCAwIDE0IDExLjY3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2NmZDFjMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmJhc2tldC1saWdodDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yLjY2LDIuOTIsNS40LjE3YS42LjYsMCwwLDEsMSwuNDNBLjU4LjU4LDAsMCwxLDYuMjQsMWwtMS45LDEuOVptNywwaDEuNjhMOC42LjE3YS42LjYsMCwwLDAtMSwuNDNBLjU4LjU4LDAsMCwwLDcuNzYsMVpNMCw0LjA4VjUuMjVILjM4YS44Mi44MiwwLDAsMSwuNzMuNDZsMi4zOSw2aDdsMi4zOS02YS44MS44MSwwLDAsMSwuNzMtLjQ2SDE0VjQuMDhaIi8+PC9nPjwvZz48L3N2Zz4="); }
      header .shop a.cart-contents.empty {
        display: none; }
    header .shop a.order-link, header .shop a.distillery-link {
      display: inline-block;
      background-color: #5E5C51;
      border: 2px solid #5E5C51;
      box-sizing: border-box;
      border-radius: 3px;
      font-size: 1.125em;
      color: white;
      line-height: 1.6666666667em;
      letter-spacing: 0.0555555556em;
      padding: 15px 30px;
      text-transform: uppercase;
      text-decoration: none;
      transition: all 200ms;
      font-size: 0.75em;
      height: 35px;
      box-sizing: border-box;
      padding-top: 0;
      padding-bottom: 0;
      line-height: 35px;
      background-color: #2A2924;
      border-color: #2A2924;
      color: #CFD1C0;
      top: 70px;
      position: relative; }
      header .shop a.order-link.red, header .shop a.distillery-link.red {
        background-color: #9D2C3F;
        border: 2px solid #9D2C3F; }
      header .shop a.order-link.dark, header .shop a.distillery-link.dark {
        background-color: #2A2924;
        border-color: #2A2924; }
      header .shop a.order-link:hover, header .shop a.distillery-link:hover {
        background-color: transparent !important;
        color: #5E5C51;
        transition: all 200ms; }
        header .shop a.order-link:hover.red, header .shop a.distillery-link:hover.red {
          color: #9D2C3F; }
      @media only screen and (max-width: 40em) {
        header .shop a.order-link, header .shop a.distillery-link {
          font-size: 1em;
          padding: 8px 30px; } }
      @media (max-width: 80em) {
        header .shop a.order-link, header .shop a.distillery-link {
          display: block;
          margin-bottom: 10px;
          top: 15px; } }
      @media (max-width: 60em) {
        header .shop a.order-link, header .shop a.distillery-link {
          display: none; } }
      .dark header .shop a.order-link, .dark header .shop a.distillery-link {
        background-color: #CFD1C0;
        border-color: #CFD1C0;
        color: #2A2924; }
        .dark header .shop a.order-link:hover, .dark header .shop a.distillery-link:hover {
          color: #CFD1C0; }
  header a.view-all-link {
    display: none;
    position: relative;
    top: 80px;
    text-transform: uppercase;
    font-size: 0.75em;
    letter-spacing: 0.0833333333em;
    text-decoration: none;
    flex-shrink: 0;
    margin-left: 15px; }
    @media only screen and (max-width: 80em) {
      header a.view-all-link {
        margin-left: 10px; } }
    @media only screen and (max-width: 60em) {
      header a.view-all-link {
        position: absolute;
        bottom: 0;
        top: inherit;
        right: 40px;
        display: block; } }
    header a.view-all-link:after {
      content: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIxMzM0IDk2IDE4IDEzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDEgKDM1MzI2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9Ikdyb3VwLTIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMzQuMDAwMDAwLCA5Ni4wMDAwMDApIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIj4NCiAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHN0cm9rZT0iIzY3NjA1NiI+DQogICAgICAgICAgICA8cGF0aCBkPSJNMC44Njg4MTU4MTIsMS41IEwxNi44Njg4MTU4LDEuNSIgaWQ9IkxpbmUiPjwvcGF0aD4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjg2ODgxNTgxMiw2LjUgTDE2Ljg2ODgxNTgsNi41IiBpZD0iTGluZS1Db3B5Ij48L3BhdGg+DQogICAgICAgICAgICA8cGF0aCBkPSJNMC44Njg4MTU4MTIsMTEuNSBMMTYuODY4ODE1OCwxMS41IiBpZD0iTGluZS1Db3B5LTIiPjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==");
      vertical-align: -2px;
      margin-left: 10px; }
    .dark header a.view-all-link {
      color: #CFD1C0; }
    .black header a.view-all-link {
      color: #F3F2ED; }
  header nav.view-all-nav {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: -10000px;
    height: 100vh;
    width: 100vw;
    opacity: 0;
    background-color: rgba(243, 242, 237, 0.9);
    font-family: 'Stag Web';
    transition: left 0s linear 500ms, opacity 500ms linear; }
    header nav.view-all-nav.active {
      left: 0;
      opacity: 1.0;
      transition: opacity 500ms; }
    header nav.view-all-nav > ul {
      margin: 0;
      padding: 0;
      max-width: 800px;
      columns: 2;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      list-style-type: none;
      font-size: 6vh;
      width: calc(100% - 80px); }
      @media only screen and (max-width: 40em) {
        header nav.view-all-nav > ul {
          font-size: 20px; } }
      @media only screen and (max-width: 40em) {
        header nav.view-all-nav > ul > li {
          margin: 10px 0; } }
      header nav.view-all-nav > ul li.menu-item-has-children {
        break-inside: avoid-column; }
      header nav.view-all-nav > ul ul.sub-menu {
        font-size: 4vh;
        padding: 0 0 0 18px; }
        @media only screen and (max-width: 40em) {
          header nav.view-all-nav > ul ul.sub-menu {
            font-size: 16px; } }
      header nav.view-all-nav > ul a {
        text-decoration: none; }
        header nav.view-all-nav > ul a:hover {
          text-decoration: underline; }
    header nav.view-all-nav a.close {
      position: absolute;
      top: 80px;
      right: 80px;
      width: 35px;
      height: 35px;
      text-indent: -10000px;
      background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMzVweCIgaGVpZ2h0PSIzNXB4IiB2aWV3Qm94PSI1ODQgOTYxIDM1IDM1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDEgKDM1MzI2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9Ikdyb3VwIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1ODcuMDAwMDAwLCA5NjQuMDAwMDAwKSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4NCiAgICAgICAgPHBhdGggZD0iTTAuNSwwLjUgTDI4LjUsMjguNSIgaWQ9IkxpbmUiIHN0cm9rZT0iIzMyMzEyQyIgc3Ryb2tlLXdpZHRoPSI2Ij48L3BhdGg+DQogICAgICAgIDxwYXRoIGQ9Ik0wLjUsMC41IEwyOC41LDI4LjUiIGlkPSJMaW5lLUNvcHktNCIgc3Ryb2tlPSIjMzIzMTJDIiBzdHJva2Utd2lkdGg9IjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjUwMDAwMCwgMTQuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xNC41MDAwMDAsIC0xNC41MDAwMDApICI+PC9wYXRoPg0KICAgIDwvZz4NCjwvc3ZnPg==");
      background-position: center center;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 60em) {
        header nav.view-all-nav a.close {
          top: 40px;
          right: 40px; } }
      @media only screen and (max-width: 40em) {
        header nav.view-all-nav a.close {
          top: 26.6666666667px;
          right: 26.6666666667px; } }
  header .social {
    padding-left: 30px;
    text-align: center;
    position: relative;
    top: 20px; }
    @media only screen and (max-width: 80em) {
      header .social {
        position: absolute;
        top: 16px;
        right: 40px; } }
    @media only screen and (max-width: 60em) {
      header .social {
        top: 40px; } }
    header .social a {
      display: block;
      padding-bottom: 5px; }
      @media only screen and (max-width: 80em) {
        header .social a {
          display: inline-block; } }
      header .social a svg #Rectangle-8-Copy, header .social a svg #Rectangle-8, header .social a svg #Group-3, header .social a svg #Instagram {
        transition: all 300ms; }
      header .social a:hover svg #Rectangle-8-Copy, header .social a:hover svg #Rectangle-8, header .social a:hover svg #Group-3, header .social a:hover svg #Instagram {
        transition: all 300ms; }
      header .social a:hover svg #Rectangle-8-Copy, header .social a:hover svg #Rectangle-8 {
        fill: #5E5C51; }
      header .social a:hover svg #Group-3, header .social a:hover svg #Instagram {
        fill: #ffffff; }

.promo-bar {
  background: #9D2C3F;
  width: 100%;
  padding: 12px 40px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 48px; }
  @media only screen and (max-width: 60em) {
    .promo-bar {
      padding: 12px 40px;
      margin-bottom: 40px; } }
  @media only screen and (max-width: 40em) {
    .promo-bar {
      padding: 8px 26.6666666667px;
      display: block; } }
  .promo-bar p {
    color: #F3F2ED;
    margin: 14px 0;
    font-family: 'Stag Web';
    font-size: 22px;
    line-height: 1; }
    @media only screen and (max-width: 40em) {
      .promo-bar p {
        font-size: 20px;
        line-height: 1.3; } }
  .promo-bar .button {
    margin-top: 0 !important;
    background: transparent !important;
    border: 2px solid #F3F2ED !important;
    text-decoration: underline !important;
    color: #F3F2ED !important;
    margin-left: 16px !important;
    padding: 8px 12px; }
    @media only screen and (max-width: 40em) {
      .promo-bar .button {
        margin-left: 0px !important; } }
    .promo-bar .button:hover {
      color: #F3F2ED;
      background: #75212f !important; }

.page-id-9 .promo-bar {
  visibility: hidden; }

.newsletter {
  font-family: 'Stag Web';
  text-align: center;
  padding: 80px 0;
  background-color: #F3F2ED;
  clear: both; }
  @media only screen and (max-width: 60em) {
    .newsletter {
      padding: 40px 0; } }
  .newsletter h2 {
    color: #AEB395;
    font-size: 3.5em;
    line-height: 1.0357142857em;
    margin: 0;
    font-weight: normal;
    position: relative;
    display: inline-block; }
    @media only screen and (max-width: 40em) {
      .newsletter h2 {
        font-size: 3em; } }
    .newsletter h2:before, .newsletter h2:after {
      content: '';
      width: 87px;
      height: 1px;
      background-color: #AEB395;
      position: absolute;
      top: 50%; }
      @media only screen and (max-width: 40em) {
        .newsletter h2:before, .newsletter h2:after {
          content: none; } }
    .newsletter h2:before {
      left: -100px; }
    .newsletter h2:after {
      right: -100px; }
  .newsletter p {
    text-align: center;
    font-size: 2.25em;
    margin: 0; }
    @media only screen and (max-width: 40em) {
      .newsletter p {
        font-size: 1.75em; } }
    .newsletter p a {
      color: #2A2924; }

footer {
  color: #F3F2ED;
  text-transform: uppercase;
  font-size: 0.75em; }
  footer a {
    color: #F3F2ED;
    text-decoration: none; }
  footer .brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #101010;
    padding: 40px 120px 44px; }
    @media only screen and (max-width: 60em) {
      footer .brand {
        display: block;
        text-align: center; } }
    footer .brand > img {
      position: relative; }
      @media only screen and (max-width: 60em) {
        footer .brand > img {
          max-width: 82px;
          margin-right: 0; } }
    footer .brand img.rainbow {
      margin-right: 16px; }
    footer .brand img.tourism {
      margin-top: 3px; }
    footer .brand img.aus-tourism {
      margin-top: 3px;
      width: 85px;
      height: auto;
      margin-left: 16px; }
    @media only screen and (max-width: 60em) {
      footer .brand {
        padding: 60px 40px 40px; } }
    @media only screen and (max-width: 60em) {
      footer .brand {
        padding: 40px 26.6666666667px; } }
    footer .brand .license {
      color: #CFD1C0;
      text-align: center; }
      footer .brand .license > img {
        display: block;
        margin: 20px auto 0;
        position: relative; }
        @media only screen and (max-width: 60em) {
          footer .brand .license > img {
            max-width: 200px;
            margin-top: 40px; } }
  footer .social h2 {
    font-family: 'Stag Web';
    color: #CFD1C0;
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 0.25em;
    font-weight: bold; }
  footer .social ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    width: 140px; }
    @media only screen and (max-width: 60em) {
      footer .social ul {
        position: relative;
        left: 50%;
        transform: translate(-50%, 0); } }
    footer .social ul li {
      display: block; }
  footer .credits {
    display: flex;
    justify-content: space-between;
    background-color: #2A2924;
    padding: 10px 120px 10px; }
    @media only screen and (max-width: 40em) {
      footer .credits {
        display: block; } }
    footer .credits ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      footer .credits ul li {
        display: inline;
        margin-right: 15px; }
        @media only screen and (max-width: 40em) {
          footer .credits ul li {
            display: block;
            margin: 8px 0; } }
    footer .credits p {
      margin: 0;
      color: rgba(243, 242, 237, 0.5); }
    @media only screen and (max-width: 60em) {
      footer .credits {
        padding: 10px 40px; } }
    @media only screen and (max-width: 40em) {
      footer .credits {
        padding: 10px 26.6666666667px; } }
.page-template-default, .page-template-page-php {
  background-color: #FEFEFE; }
  .page-template-default .inner, .page-template-page-php .inner {
    padding: 0 80px 0;
    overflow: hidden; }
    @media only screen and (max-width: 60em) {
      .page-template-default .inner, .page-template-page-php .inner {
        padding: 0 40px 0; } }
    @media only screen and (max-width: 40em) {
      .page-template-default .inner, .page-template-page-php .inner {
        padding: 16px; } }
    .page-template-default .inner p, .page-template-default .inner ul, .page-template-page-php .inner p, .page-template-page-php .inner ul {
      font-size: 1.125em; }
    .page-template-default .inner input[type="submit"], .page-template-default .inner input[type="button"], .page-template-page-php .inner input[type="submit"], .page-template-page-php .inner input[type="button"] {
      display: inline-block;
      background-color: #5E5C51;
      border: 2px solid #5E5C51;
      box-sizing: border-box;
      border-radius: 3px;
      font-size: 1.125em;
      color: white;
      line-height: 1.6666666667em;
      letter-spacing: 0.0555555556em;
      padding: 15px 30px;
      text-transform: uppercase;
      text-decoration: none;
      transition: all 200ms; }
      .page-template-default .inner input[type="submit"].red, .page-template-default .inner input[type="button"].red, .page-template-page-php .inner input[type="submit"].red, .page-template-page-php .inner input[type="button"].red {
        background-color: #9D2C3F;
        border: 2px solid #9D2C3F; }
      .page-template-default .inner input[type="submit"].dark, .page-template-default .inner input[type="button"].dark, .page-template-page-php .inner input[type="submit"].dark, .page-template-page-php .inner input[type="button"].dark {
        background-color: #2A2924;
        border-color: #2A2924; }
      .page-template-default .inner input[type="submit"]:hover, .page-template-default .inner input[type="button"]:hover, .page-template-page-php .inner input[type="submit"]:hover, .page-template-page-php .inner input[type="button"]:hover {
        background-color: transparent !important;
        color: #5E5C51;
        transition: all 200ms; }
        .page-template-default .inner input[type="submit"]:hover.red, .page-template-default .inner input[type="button"]:hover.red, .page-template-page-php .inner input[type="submit"]:hover.red, .page-template-page-php .inner input[type="button"]:hover.red {
          color: #9D2C3F; }
      @media only screen and (max-width: 40em) {
        .page-template-default .inner input[type="submit"], .page-template-default .inner input[type="button"], .page-template-page-php .inner input[type="submit"], .page-template-page-php .inner input[type="button"] {
          font-size: 1em;
          padding: 8px 30px; } }
.page-hero {
  background-position: right 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-color: #000;
  margin-top: -260px;
  padding: 260px 0 80px; }
  @media only screen and (max-width: 40em) {
    .page-hero {
      padding-bottom: 20px;
      background-image: none !important; } }
  .page-hero__title {
    font-family: 'Stag Web';
    font-weight: bold;
    background: url("img/wood-texture.png") repeat 50% 50% #CFD1C0;
    font-size: 12.5em;
    text-transform: uppercase;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    color: #CFD1C0;
    background-color: #CFD1C0;
    font-size: 6.25rem;
    margin: 0;
    line-height: 0.8;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    word-spacing: 10000px;
    clip: auto;
    -webkit-mask-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); }
    @media only screen and (max-width: 60em) {
      .page-hero__title {
        font-size: 4em; } }
    @media only screen and (max-width: 60em) {
      .page-hero__title {
        font-size: 2.625em; } }
    .page-hero__title p {
      margin: 0; }
    .page-hero__title strong {
      font-size: 9.375rem; }
      @media only screen and (max-width: 60em) {
        .page-hero__title strong {
          font-size: 1.25em; } }
      @media only screen and (max-width: 40em) {
        .page-hero__title strong {
          font-size: 1.4285714286em; } }
    .page-hero__title:after {
      display: block;
      width: 245px;
      height: 4px;
      content: "";
      background-color: #5E5C51;
      margin-top: 20px; }
  .page-hero__subtitle {
    color: #5E5C51;
    font-family: 'Stag Web';
    font-weight: normal;
    font-size: 3.5rem;
    width: 50%;
    margin: 20px 0 1em;
    line-height: 1; }
    @media only screen and (max-width: 60em) {
      .page-hero__subtitle {
        font-size: 1.875em;
        width: auto; } }
  .page-hero__copy p {
    font-size: 1.5rem;
    color: #CFD1C0;
    width: 50%; }

.cider-ranges .cider-range {
  background-color: #FEFEFE; }
  .cider-ranges .cider-range:nth-of-type(2n) {
    background-color: #F3F2ED; }

.cider-ranges__title {
  margin-top: 0;
  padding-top: 80px;
  font-family: 'Stag Web';
  font-weight: bold;
  background: url("img/wood-texture.png") repeat 50% 50% #5E5C51;
  font-size: 12.5em;
  text-transform: uppercase;
  text-align: center;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
  color: #5E5C51;
  background-color: #5E5C51;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: 'Stag Web';
  font-weight: bold;
  font-size: 5rem; }
  @media (max-width: 40em) {
    .cider-ranges__title {
      line-height: 1;
      margin-bottom: 20px; } }
  .cider-ranges__title .word2 {
    font-family: 'Stag Web';
    font-weight: bold;
    background: url("img/wood-texture.png") repeat 50% 50% #34332D;
    font-size: 12.5em;
    text-transform: uppercase;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    color: #34332D;
    background-color: #34332D;
    font-size: 5rem; }
    @media only screen and (max-width: 40em) {
      .cider-ranges__title .word2 {
        font-size: 1em; } }
  @media only screen and (max-width: 40em) {
    .cider-ranges__title {
      font-size: 3.125em;
      padding-top: 20px; } }
.cider-ranges__description {
  text-align: center;
  font-family: 'Stag Web';
  font-weight: normal;
  font-size: 1.5rem;
  color: #34332D;
  margin: 0 0 80px; }
  @media (max-width: 40em) {
    .cider-ranges__description {
      margin: 0 0 30px; } }
.cider-ranges__cider-list {
  text-align: center;
  margin-bottom: 0;
  padding: 0 80px; }
  @media only screen and (max-width: 60em) {
    .cider-ranges__cider-list {
      padding: 0 40px; } }
  @media only screen and (max-width: 40em) {
    .cider-ranges__cider-list {
      padding: 0 26.6666666667px; } }
  .cider-ranges__cider-list .slick-track {
    display: flex; }
  .cider-ranges__cider-list .slick-arrow {
    height: 245px;
    width: 80px;
    background-color: rgba(94, 92, 81, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 178px;
    opacity: 0.0;
    transition: left 0s linear 500ms, opacity 500ms linear; }
    @media only screen and (max-width: 40em) {
      .cider-ranges__cider-list .slick-arrow {
        width: 40px; } }
    .cider-ranges__cider-list .slick-arrow:before {
      content: '';
      display: block;
      background: transparent url("img/chevron-right.svg") left top no-repeat;
      background-size: 28px 47px;
      width: 28px;
      height: 47px; }
      @media only screen and (max-width: 40em) {
        .cider-ranges__cider-list .slick-arrow:before {
          background-size: 19px 23.5px;
          width: 19px;
          height: 23.5px; } }
    .cider-ranges__cider-list .slick-arrow.slick-prev {
      left: 0;
      transform: rotate(180deg); }
    .cider-ranges__cider-list .slick-arrow.slick-next {
      right: 0; }
    .cider-ranges__cider-list .slick-arrow.slick-disabled {
      opacity: 0.0 !important;
      left: -10000px !important;
      transition: left 0s linear 500ms, opacity 500ms linear; }
  .cider-ranges__cider-list:hover .slick-arrow {
    opacity: 1.0;
    transition: opacity 500ms; }
    .cider-ranges__cider-list:hover .slick-arrow.slick-prev {
      left: 0; }
    .cider-ranges__cider-list:hover .slick-arrow.slick-prev {
      right: 0; }
  .cider-ranges__cider-list li {
    padding: 10px 15px 0 15px;
    height: auto;
    position: relative; }
    .cider-ranges__cider-list li:hover img {
      transform: scale(1.03);
      transition: transform 500ms; }
  .cider-ranges__cider-list a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-indent: -10000px;
    z-index: 1000; }
  .cider-ranges__cider-list img {
    height: 600px;
    width: auto;
    display: block;
    float: none;
    margin: 0 auto;
    transition: transform 200ms;
    margin-bottom: -7%; }
    @media only screen and (max-width: 40em) {
      .cider-ranges__cider-list img {
        height: 400px; } }
  .cider-ranges__cider-list h4 {
    font-size: 2.25em;
    font-family: 'Stag Web';
    font-weight: normal;
    font-line-height: 1.5833333333em;
    margin-bottom: 0;
    text-transform: uppercase; }
  .cider-ranges__cider-list p.abv {
    letter-spacing: 0.1666666667em;
    position: relative;
    display: inline-block; }
    .cider-ranges__cider-list p.abv:before {
      width: 30px;
      height: 1px;
      background-color: #2A2924;
      content: '';
      position: absolute;
      top: 50%;
      left: -50px;
      transform: translate(0, -50%); }
      @media only screen and (max-width: 40em) {
        .cider-ranges__cider-list p.abv:before {
          content: none; } }
  .cider-ranges__cider-list .cider__excerpt p {
    font-size: 1.25em;
    letter-spacing: 0.0415em;
    line-height: 1.4em; }
  .cider-ranges__cider-list a.button {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0); }

.cider-ranges__stockists-link {
  text-align: center;
  margin: 0;
  padding: 40px 0; }
  @media only screen and (max-width: 40em) {
    .cider-ranges__stockists-link {
      padding-top: 0; } }
  .cider-ranges__stockists-link a {
    padding-left: 80px;
    padding-right: 80px; }

iframe {
  max-width: 100% !important; }

.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100vh;
  width: 100vw;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5); }
  .popup__wrapper {
    position: relative;
    width: 600px;
    max-width: 100%;
    margin: 30px auto; }
  .popup--centered {
    display: flex;
    align-items: center;
    min-height: calc(100vh - 60px); }
  .popup form {
    display: block;
    height: auto;
    width: 600px;
    padding: 20px;
    overflow: scroll;
    background: white;
    max-height: calc(100vh - 60px);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
    .popup form div, .popup form img {
      width: 600px;
      max-width: 100%; }
    .popup form .text {
      font-size: 14pt;
      margin: 32px 0; }
    .popup form .infusion-field {
      display: flex;
      align-items: center;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 8px; }
      .popup form .infusion-field:last-of-type {
        margin-bottom: 0; }
    .popup form .infusion-option {
      display: flex;
      align-items: center; }
      .popup form .infusion-option label {
        margin-left: 8px; }
    .popup form input {
      height: auto;
      outline: none;
      padding: 8px 16px;
      border-radius: 6px;
      line-height: normal;
      box-sizing: border-box;
      border: 1px solid #ddd;
      background-color: white; }
    .popup form .authoring-image {
      position: relative; }
      .popup form .authoring-image .popup-close {
        position: absolute;
        top: 0;
        right: 0;
        border: 0;
        outline: 0;
        color: white;
        font-size: 1.5em;
        font-weight: bold;
        background: transparent; }

.generic-top {
  display: flex;
  width: calc(100vw - 80px);
  min-height: 30vw; }
  @media only screen and (max-width: 60em) {
    .generic-top {
      width: 100%;
      flex-direction: column-reverse; } }
  .generic-top__text {
    width: calc(55% - 100px);
    padding-right: 100px; }
    @media only screen and (max-width: 60em) {
      .generic-top__text {
        width: 100%;
        padding-right: 0;
        margin-bottom: 32px; } }
    .generic-top__text > * {
      max-width: 626px; }
    .generic-top__text h2, .generic-top__text h3 {
      color: #5E5C51;
      letter-spacing: 0.0645em;
      line-height: 0.86em;
      font-family: 'Stag Web';
      font-weight: normal;
      font-size: 6vw;
      text-transform: uppercase;
      margin: 40px 0 20px; }
      @media only screen and (max-width: 60em) {
        .generic-top__text h2, .generic-top__text h3 {
          font-size: 2.25em; } }
      @media only screen and (min-width: 100em) {
        .generic-top__text h2, .generic-top__text h3 {
          font-size: 6.0625em; } }
      .black .generic-top__text h2, .black .generic-top__text h3 {
        color: #8D896D; }
    .generic-top__text h3 {
      font-size: 3.5em;
      text-transform: none; }
      @media only screen and (max-width: 40em) {
        .generic-top__text h3 {
          font-size: 2.25em; } }
    .generic-top__text p {
      font-size: 1.5em !important;
      line-height: 1.375em;
      margin: 40px 0; }
      @media only screen and (max-width: 60em) {
        .generic-top__text p {
          font-size: 1.125em !important; } }
      .dark .generic-top__text p {
        color: #CFD1C0; }
      .black .generic-top__text p {
        color: #F3F2ED; }
    .generic-top__text img {
      max-width: calc(100% + 42px);
      margin-bottom: -40px;
      height: auto; }
      @media only screen and (max-width: 40em) {
        .generic-top__text img {
          width: auto;
          max-width: 80%; } }
    .generic-top__text a.button {
      font-size: 0.75em; }
  .generic-top__button a {
    font-size: 1.125em !important; }
  .generic-top__image {
    position: relative;
    overflow: hidden;
    width: calc(45% + 100px); }
    @media only screen and (max-width: 60em) {
      .generic-top__image {
        height: 250px;
        width: 100%;
        margin: 0; } }
    @media only screen and (max-width: 40em) {
      .generic-top__image {
        width: calc(100% + 2em);
        margin: 0 -1em;
        padding: 1em; } }
.generic-row {
  position: relative; }
  @media only screen and (max-width: 60em) {
    .generic-row {
      margin-bottom: 40px; } }
  @media only screen and (max-width: 40em) {
    .generic-row {
      margin-bottom: 26.6666666667px; } }
  .generic-row > div {
    display: flex;
    width: calc(100vw - 80px); }
    @media only screen and (max-width: 60em) {
      .generic-row > div {
        width: auto;
        flex-direction: column; } }
  .generic-row.alternating:nth-of-type(odd) {
    top: 0;
    left: -80px; }
    @media only screen and (max-width: 60em) {
      .generic-row.alternating:nth-of-type(odd) {
        left: 0; } }
    .generic-row.alternating:nth-of-type(odd) .section-name {
      top: 0;
      left: 80px;
      position: absolute;
      margin: 0; }
      @media only screen and (max-width: 60em) {
        .generic-row.alternating:nth-of-type(odd) .section-name {
          left: 0;
          position: relative; } }
    .generic-row.alternating:nth-of-type(odd) > div {
      flex-direction: row-reverse; }
      @media only screen and (max-width: 60em) {
        .generic-row.alternating:nth-of-type(odd) > div {
          flex-direction: column-reverse; } }
      .generic-row.alternating:nth-of-type(odd) > div .text {
        margin-bottom: 50px;
        z-index: 100;
        width: calc(49%); }
        @media only screen and (max-width: 60em) {
          .generic-row.alternating:nth-of-type(odd) > div .text {
            width: auto;
            margin: 0;
            min-height: 50vw; } }
      .generic-row.alternating:nth-of-type(odd) > div .image {
        margin-bottom: 0;
        margin-top: 50px;
        width: calc(51%); }
        @media only screen and (max-width: 60em) {
          .generic-row.alternating:nth-of-type(odd) > div .image {
            width: auto;
            margin: 0;
            min-height: 50vw; } }
  .generic-row .section-name {
    text-size: 1.125em;
    text-transform: uppercase;
    margin: 0;
    line-height: 50px;
    letter-spacing: 0.1666666667em;
    position: relative;
    margin-top: 60px;
    margin-bottom: 20px; }
    .dark .generic-row .section-name, .black .generic-row .section-name {
      color: #CFD1C0; }
    .generic-row .section-name:before {
      content: '';
      position: absolute;
      left: -40px;
      width: 30px;
      top: 50%;
      transform: translate(0, -50%);
      background-color: #AEB395;
      height: 1px; }
      @media only screen and (max-width: 60em) {
        .generic-row .section-name:before {
          position: relative;
          left: 0;
          display: inline-block;
          bottom: 0.3em;
          margin-right: 40px; } }
  .generic-row .text {
    width: calc(51% - 80px);
    padding: 90px;
    background-color: #F3F2ED;
    box-sizing: border-box;
    flex-grow: 0; }
    @media only screen and (max-width: 60em) {
      .generic-row .text {
        width: auto;
        margin: 0;
        padding: 40px; } }
    @media only screen and (max-width: 40em) {
      .generic-row .text {
        padding: 40px 20px; } }
    .generic-row .text.red {
      background-color: #9D2C3F;
      color: #F3F2ED; }
      .generic-row .text.red h2:after {
        background-color: #F3F2ED; }
      .generic-row .text.red a.button {
        background-color: #34332D;
        border-color: #34332D; }
        .generic-row .text.red a.button:hover {
          background-color: transparent;
          color: #F3F2ED;
          border-color: #F3F2ED; }
    .generic-row .text.black {
      background-color: #34332D;
      color: #F3F2ED; }
      .generic-row .text.black h2:after {
        background-color: #F3F2ED; }
      .generic-row .text.black a.button:hover {
        color: #F3F2ED; }
      .generic-row .text.black a {
        color: #F3F2ED; }
    .generic-row .text h2 {
      font-size: 3.5em;
      font-weight: normal;
      font-family: 'Stag Web';
      line-height: 0.9107142857em;
      margin: 0 0 60px;
      padding-bottom: 20px;
      max-width: 350px;
      position: relative; }
      .generic-row .text h2:after {
        content: '';
        height: 4px;
        position: absolute;
        bottom: -20px;
        width: 70px;
        background-color: #2A2924;
        left: 0; }
      @media only screen and (max-width: 60em) {
        .generic-row .text h2 {
          font-size: 3em;
          margin: 0 0 40px;
          padding-bottom: 15px; }
          .generic-row .text h2:after {
            bottom: -15px; } }
      @media only screen and (max-width: 40em) {
        .generic-row .text h2 {
          font-size: 2.625em;
          margin: 0 0 20px;
          padding-bottom: 10px; }
          .generic-row .text h2:after {
            bottom: -10px; } }
    .generic-row .text a.button {
      margin-top: 40px; }
  .generic-row .image {
    overflow: hidden;
    position: relative;
    width: calc(49% + 80px);
    margin-bottom: 50px;
    min-height: 30vw;
    flex-grow: 0; }
    @media only screen and (max-width: 60em) {
      .generic-row .image {
        width: auto;
        margin: 0;
        min-height: 50vw; } }
    .generic-row .image .video-js {
      width: 100%;
      height: 100%; }
      @media (max-width: 60em) {
        .generic-row .image .video-js {
          width: 100%;
          height: 600px; } }
      @media (max-width: 40em) {
        .generic-row .image .video-js {
          width: 100%;
          height: 400px; } }
      .generic-row .image .video-js .vjs-big-play-button {
        width: 100px;
        height: 100px;
        border-radius: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .generic-row .image .video-js .vjs-big-play-button span:before {
          position: absolute;
          font-size: 70px;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          padding-top: 25px; }

.generic-heading {
  text-align: center;
  padding-bottom: 80px; }
  .generic-heading h2 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 3em;
    letter-spacing: 0.0625em;
    line-height: 1.1875em;
    margin: 0; }
  .generic-heading p {
    font-size: 1.5em;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.375em;
    letter-spacing: 0.0416666667em; }

.generic-social {
  background-color: #F3F2ED;
  text-align: center;
  padding: 40px 0;
  width: 100vw;
  margin-left: -80px; }
  @media only screen and (max-width: 60em) {
    .generic-social {
      width: auto;
      margin-left: 0; } }
  .generic-social h2 {
    font-family: 'Stag Web';
    font-weight: normal;
    font-size: 2.25em;
    line-height: 1.8055555556em;
    color: #9D2C3F;
    margin: 0; }
  .generic-social ul {
    margin: 15px 0 0;
    padding: 0; }
    .generic-social ul li {
      display: inline;
      margin-left: 20px; }
      .generic-social ul li:nth-child(1) {
        margin-left: 0; }
      .generic-social ul li a {
        text-decoration: none; }
        .generic-social ul li a svg {
          height: 65px; }
      .generic-social ul li.facebook svg #Rectangle-8-Copy {
        stroke: #9D2C3F; }
      .generic-social ul li.facebook svg path {
        fill: #9D2C3F; }
      .generic-social ul li.instagram svg path {
        fill: #9D2C3F; }
      .generic-social ul li.instagram svg rect {
        stroke: #9D2C3F; }

.page .generic-slider, .page .image-slider {
  width: 100vw;
  left: -80px; }
  .page .generic-slider .slide, .page .image-slider .slide {
    height: 800px;
    position: relative;
    overflow: hidden; }
    @media only screen and (max-width: 60em) {
      .page .generic-slider .slide, .page .image-slider .slide {
        height: 600px; } }
    @media only screen and (max-width: 40em) {
      .page .generic-slider .slide, .page .image-slider .slide {
        height: 450px; } }
  @media only screen and (max-width: 60em) {
    .page .generic-slider, .page .image-slider {
      width: 100%;
      left: 0; } }
.home .generic-slider, .home .image-slider {
  left: 0; }

.generic-slider .slick-dots, .image-slider .slick-dots {
  position: absolute;
  bottom: 60px;
  padding: 0;
  margin: 0;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex !important; }
  .generic-slider .slick-dots li, .image-slider .slick-dots li {
    display: inline; }
    .generic-slider .slick-dots li button, .image-slider .slick-dots li button {
      text-indent: -10000px;
      width: 14px;
      height: 14px;
      border: 3px solid #F3F2ED;
      background-color: transparent;
      padding: 0;
      border-radius: 50%;
      transition: background-color 200ms;
      margin-left: 10px; }
    .generic-slider .slick-dots li.slick-active button, .image-slider .slick-dots li.slick-active button {
      background-color: #9D2C3F;
      transition: background-color 200ms; }

.image-slider {
  position: relative;
  width: 100% !important;
  left: 0 !important; }
  .image-slider .slide {
    position: relative;
    height: 600px !important; }
    @media (max-width: 40em) {
      .image-slider .slide {
        height: 400px !important; } }
    .image-slider .slide img {
      height: auto;
      width: 100%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      position: absolute; }
      @media (max-width: 80em) {
        .image-slider .slide img {
          width: auto;
          height: 100%; } }
.generic-quote {
  max-width: 954px;
  text-transform: uppercase;
  margin: 80px auto;
  font-size: 1.5em;
  letter-spacing: 0.125em;
  line-height: 1.125em;
  position: relative; }
  @media only screen and (max-width: 60em) {
    .generic-quote {
      font-size: 1.25em;
      margin: 40px auto; } }
  @media only screen and (max-width: 40em) {
    .generic-quote {
      font-size: 1.125em;
      margin: 26.6666666667px auto; } }
  .generic-quote:before {
    content: '\201c';
    font-family: 'Stag Web';
    font-weight: bold;
    font-size: 5.625em;
    color: #AEB395;
    position: absolute;
    top: 20px;
    left: -40px; }
    @media only screen and (max-width: 40em) {
      .generic-quote:before {
        left: -20px; } }
.generic-full-width {
  overflow: hidden;
  height: 1080px;
  width: 100vw;
  left: -80px;
  position: relative;
  margin-top: -200px;
  margin-bottom: -400px;
  z-index: -1; }
  @media only screen and (max-width: 60em) {
    .generic-full-width {
      margin-top: 0;
      margin-bottom: 0;
      left: 0;
      height: 600px;
      width: auto; } }
  @media only screen and (max-width: 40em) {
    .generic-full-width {
      height: 400px; } }
  .generic-full-width h2 {
    position: absolute;
    top: 250px;
    left: 50%;
    z-index: 100;
    text-align: center;
    width: 600px;
    transform: translate(-50%, 0);
    font-weight: normal;
    font-size: 3em;
    letter-spacing: 0.0625em;
    line-height: 1.1875em;
    text-transform: uppercase; }
    @media only screen and (max-width: 60em) {
      .generic-full-width h2 {
        font-size: 2.25em;
        top: 80px; } }
    @media only screen and (max-width: 40em) {
      .generic-full-width h2 {
        font-size: 1.75em;
        top: 40px; } }
.generic-map-block {
  width: 100vw;
  left: -80px;
  display: flex;
  position: relative; }
  @media only screen and (max-width: 60em) {
    .generic-map-block {
      display: block;
      left: 0;
      width: auto; } }
  .generic-map-block .text {
    width: 30%;
    box-sizing: border-box;
    padding: 40px; }
    @media only screen and (max-width: 60em) {
      .generic-map-block .text {
        width: auto; } }
    @media only screen and (max-width: 40em) {
      .generic-map-block .text {
        padding: 40px 15px; } }
    .generic-map-block .text.red {
      background-color: #9D2C3F;
      color: #F3F2ED; }
      .generic-map-block .text.red h2:after {
        background-color: #F3F2ED; }
    .generic-map-block .text.black {
      background-color: #2A2924;
      color: #F3F2ED; }
      .generic-map-block .text.black h2:after {
        background-color: #F3F2ED; }
    .generic-map-block .text h2 {
      font-size: 3.5em;
      font-weight: normal;
      font-family: 'Stag Web';
      line-height: 0.9107142857em;
      margin: 0 0 60px;
      padding-bottom: 20px;
      max-width: 350px;
      position: relative; }
      @media only screen and (max-width: 60em) {
        .generic-map-block .text h2 {
          font-size: 3em;
          margin: 0 0 40px;
          padding-bottom: 15px; } }
      @media only screen and (max-width: 40em) {
        .generic-map-block .text h2 {
          font-size: 2.625em;
          margin: 0 0 20px;
          padding-bottom: 10px; } }
      .generic-map-block .text h2:after {
        content: '';
        height: 4px;
        position: absolute;
        bottom: -20px;
        width: 70px;
        background-color: #2A2924;
        left: 0; }
        @media only screen and (max-width: 60em) {
          .generic-map-block .text h2:after {
            bottom: -15px; } }
        @media only screen and (max-width: 40em) {
          .generic-map-block .text h2:after {
            bottom: -10px; } }
  .generic-map-block .map {
    width: 70%;
    min-height: 300px; }
    @media only screen and (max-width: 60em) {
      .generic-map-block .map {
        width: 100%; } }
    .generic-map-block .map .acf-map {
      min-height: 300px;
      height: 100%; }

.home a.button {
  margin-top: 20px; }

.home .page-top {
  position: relative; }
  .home .page-top__popup {
    position: absolute;
    width: calc(100% - 80px);
    max-width: 800px;
    top: 10%;
    left: -10000px;
    transform: translate(-50%, 0);
    z-index: 100;
    box-sizing: border-box;
    padding: 40px 80px;
    opacity: 0.0;
    transition: left 0s linear 200ms, opacity 200ms linear; }
    @media only screen and (max-width: 40em) {
      .home .page-top__popup {
        padding: 40px;
        display: block; } }
    .home .page-top__popup.active {
      left: 50%;
      opacity: 1.0; }
    .home .page-top__popup .close {
      position: absolute;
      display: block;
      top: 20px;
      right: 20px;
      width: 24px;
      height: 24px;
      text-indent: -10000px;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%221229%2023%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0D%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2041%20%2835326%29%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0D%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0D%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M1252.39169%2C43.4544445%20C1253.20262%2C44.2653715%201253.20262%2C45.5807624%201252.39169%2C46.3916894%20C1251.986%2C46.7973836%201251.45476%2C47%201250.92307%2C47%20C1250.39137%2C47%201249.86014%2C46.7973836%201249.45444%2C46.3916894%20L1240.99994%2C37.9371872%20L1232.54544%2C46.3916894%20C1232.13975%2C46.7973836%201231.60851%2C47%201231.07682%2C47%20C1230.54512%2C47%201230.01389%2C46.7973836%201229.6082%2C46.3916894%20C1228.79727%2C45.5807624%201228.79727%2C44.2653715%201229.6082%2C43.4544445%20L1238.0627%2C34.9999423%20L1229.6082%2C26.5454401%20C1228.79727%2C25.7345131%201228.79727%2C24.4191222%201229.6082%2C23.6081952%20C1230.41958%2C22.7972683%201231.73405%2C22.7972683%201232.54544%2C23.6081952%20L1240.99994%2C32.0626974%20L1249.45444%2C23.6081952%20C1250.26583%2C22.7972683%201251.5803%2C22.7972683%201252.39169%2C23.6081952%20C1253.20262%2C24.4191222%201253.20262%2C25.7345131%201252.39169%2C26.5454401%20L1243.93719%2C34.9999423%20L1252.39169%2C43.4544445%20Z%22%20id%3D%22cross%22%20stroke%3D%22none%22%20fill%3D%22%23FCFCFC%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
      background-position: center center;
      background-repeat: no-repeat; }
    @media only screen and (max-width: 40em) {
      .home .page-top__popup .text {
        padding-right: 0; } }
    .home .page-top__popup .text .section-title {
      text-transform: uppercase;
      font-size: 1em;
      letter-spacing: 0.1666666667em;
      line-height: 1.1111111111em;
      margin: 0 0 10px;
      position: relative; }
      .home .page-top__popup .text .section-title:before {
        width: 30px;
        height: 1px;
        background-color: #34332D;
        content: '';
        position: absolute;
        top: 50%;
        left: -50px;
        transform: translate(0, -50%); }
        @media only screen and (max-width: 40em) {
          .home .page-top__popup .text .section-title:before {
            content: none; } }
      @media only screen and (max-width: 40em) {
        .home .page-top__popup .text .section-title:before {
          content: none; } }
    .home .page-top__popup .text h2 {
      font-size: 3em;
      margin: 0 0 20px;
      line-height: 0.9107142857em;
      font-family: 'Stag Web';
      font-weight: normal; }
      @media only screen and (max-width: 40em) {
        .home .page-top__popup .text h2 {
          font-size: 2.625em; } }
    .home .page-top__popup .text .message {
      font-size: 1.125em;
      line-height: 1.25em;
      margin: 0;
      letter-spacing: 0.0416666667em; }
      @media only screen and (max-width: 40em) {
        .home .page-top__popup .text .message {
          font-size: 1.125em;
          margin-bottom: 20px; } }
    .home .page-top__popup .link {
      flex-shrink: 0;
      position: relative; }
      .home .page-top__popup .link a.button {
        font-size: 1em; }
    .home .page-top__popup.straw {
      background-color: rgba(207, 209, 192, 0.9); }
      .home .page-top__popup.straw .close {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%221229%2023%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0D%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2041%20%2835326%29%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0D%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0D%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M1252.39169%2C43.4544445%20C1253.20262%2C44.2653715%201253.20262%2C45.5807624%201252.39169%2C46.3916894%20C1251.986%2C46.7973836%201251.45476%2C47%201250.92307%2C47%20C1250.39137%2C47%201249.86014%2C46.7973836%201249.45444%2C46.3916894%20L1240.99994%2C37.9371872%20L1232.54544%2C46.3916894%20C1232.13975%2C46.7973836%201231.60851%2C47%201231.07682%2C47%20C1230.54512%2C47%201230.01389%2C46.7973836%201229.6082%2C46.3916894%20C1228.79727%2C45.5807624%201228.79727%2C44.2653715%201229.6082%2C43.4544445%20L1238.0627%2C34.9999423%20L1229.6082%2C26.5454401%20C1228.79727%2C25.7345131%201228.79727%2C24.4191222%201229.6082%2C23.6081952%20C1230.41958%2C22.7972683%201231.73405%2C22.7972683%201232.54544%2C23.6081952%20L1240.99994%2C32.0626974%20L1249.45444%2C23.6081952%20C1250.26583%2C22.7972683%201251.5803%2C22.7972683%201252.39169%2C23.6081952%20C1253.20262%2C24.4191222%201253.20262%2C25.7345131%201252.39169%2C26.5454401%20L1243.93719%2C34.9999423%20L1252.39169%2C43.4544445%20Z%22%20id%3D%22cross%22%20stroke%3D%22none%22%20fill%3D%22%235E5C51%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
      .home .page-top__popup.straw h2 {
        color: #9D2C3F; }
    .home .page-top__popup.red {
      background-color: rgba(157, 44, 63, 0.9); }
      .home .page-top__popup.red .text h2, .home .page-top__popup.red .text p {
        color: #F3F2ED; }
      .home .page-top__popup.red .link a.button {
        background-color: #2A2924;
        color: white;
        border-color: #2A2924; }
    .home .page-top__popup.black {
      background-color: rgba(52, 51, 45, 0.9); }
      .home .page-top__popup.black .section-title:before {
        background-color: #F3F2ED; }
      .home .page-top__popup.black .text p {
        color: #F3F2ED; }
      .home .page-top__popup.black .text h2 {
        color: #CFD1C0; }
      .home .page-top__popup.black .link a.button:hover {
        color: #F3F2ED; }
  .home .page-top__message {
    font-size: 4.5vh;
    padding: 0;
    text-transform: uppercase;
    font-family: 'Stag Web', serif;
    letter-spacing: 0.0416666667em;
    line-height: 1.2083333333em;
    color: #5E5C51;
    height: calc(30vh - 130px);
    position: relative; }
    @media only screen and (max-width: 60em) {
      .home .page-top__message {
        height: auto;
        font-size: 2.7vh; } }
    .home .page-top__message p {
      margin: 0;
      position: absolute;
      padding: 0 80px;
      left: 0;
      top: 50%;
      transform: translate(0, -50%); }
      @media only screen and (max-width: 60em) {
        .home .page-top__message p {
          top: 0;
          position: relative;
          transform: none;
          padding: 0 1em;
          margin-bottom: 1em; } }
  .home .page-top__images {
    display: flex;
    height: calc(70vh - 130px); }
    @media only screen and (max-width: 60em) {
      .home .page-top__images {
        height: calc(63vh - 81px); } }
    .home .page-top__images > div {
      overflow: hidden;
      position: relative; }
      .home .page-top__images > div:nth-child(1) {
        width: 60%; }
        @media only screen and (max-width: 60em) {
          .home .page-top__images > div:nth-child(1) {
            width: 100%; } }
      .home .page-top__images > div:nth-child(2) {
        width: 40%; }
      @media only screen and (max-width: 60em) {
        .home .page-top__images > div#image-2 {
          display: none; } }
  .home .page-top__linking {
    position: absolute;
    bottom: 89px;
    left: 80px;
    color: #F3F2ED;
    font-family: 'Stag Web', serif;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 0.9166666667em;
    font-size: 4.5vh;
    max-width: 550px; }
    @media only screen and (max-width: 60em) {
      .home .page-top__linking {
        left: 1rem;
        bottom: 56px; } }
    @media only screen and (max-width: 40em) {
      .home .page-top__linking {
        bottom: 10px; } }
    .home .page-top__linking p {
      margin: 0; }

.home .farm-story {
  display: flex;
  height: 800px; }
  @media only screen and (max-width: 80em) {
    .home .farm-story {
      flex-direction: column;
      height: auto; } }
  .home .farm-story__text {
    background-color: #F3F2ED;
    position: relative;
    width: 44%;
    padding-right: 40px; }
    @media only screen and (max-width: 80em) {
      .home .farm-story__text {
        width: 100%;
        padding: 1em; } }
    .home .farm-story__text:before {
      width: 100%;
      height: 95px;
      position: absolute;
      top: -95px;
      content: '';
      background-color: #F3F2ED;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2259px%22%20height%3D%2235px%22%20viewBox%3D%22533%20929%2059%2035%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0D%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2040.3%20%2833839%29%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0D%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0D%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M579.000153%2C946.000153%20C579.000153%2C947.088153%20578.557153%2C948.129153%20577.772153%2C948.883153%20L551.772153%2C973.883153%20C550.997153%2C974.629153%20549.998153%2C975.000153%20549.000153%2C975.000153%20C547.950153%2C975.000153%20546.902153%2C974.589153%20546.117153%2C973.772153%20C544.585153%2C972.180153%20544.635153%2C969.648153%20546.228153%2C968.117153%20L569.229153%2C946.000153%20L546.228153%2C923.883153%20C544.635153%2C922.352153%20544.585153%2C919.820153%20546.117153%2C918.228153%20C547.647153%2C916.635153%20550.179153%2C916.585153%20551.772153%2C918.117153%20L577.772153%2C943.117153%20C578.557153%2C943.871153%20579.000153%2C944.912153%20579.000153%2C946.000153%22%20id%3D%22chevron-right%22%20stroke%3D%22none%22%20fill%3D%22%235E5C51%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28562.000076%2C%20946.000076%29%20rotate%2890.000000%29%20translate%28-562.000076%2C%20-946.000076%29%20%22%3E%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
      background-position: calc(100% - 30px) 50%;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 80em) {
        .home .farm-story__text:before {
          background-size: 35px;
          height: 60px;
          width: 45%;
          top: -60px; } }
      @media only screen and (max-width: 40em) {
        .home .farm-story__text:before {
          display: none; } }
    .home .farm-story__text .intro {
      display: table; }
      @media only screen and (max-width: 60em) {
        .home .farm-story__text .intro {
          display: flex; } }
      .home .farm-story__text .intro > div {
        display: table-cell;
        vertical-align: bottom; }
        @media only screen and (max-width: 60em) {
          .home .farm-story__text .intro > div {
            display: block;
            vertical-align: baseline; }
            .home .farm-story__text .intro > div:after {
              content: "";
              display: table;
              clear: both; } }
        .home .farm-story__text .intro > div:nth-child(2) {
          padding-left: 30px; }
          @media only screen and (max-width: 40em) {
            .home .farm-story__text .intro > div:nth-child(2) {
              padding-left: 0; } }
      .home .farm-story__text .intro .big-number {
        width: 19.3vw;
        position: relative;
        left: 15px;
        margin-bottom: -30px;
        margin-right: -40px; }
        @media only screen and (max-width: 60em) {
          .home .farm-story__text .intro .big-number {
            display: none; } }
        .home .farm-story__text .intro .big-number--mobile {
          display: none; }
          @media only screen and (max-width: 60em) {
            .home .farm-story__text .intro .big-number--mobile {
              display: block;
              float: left;
              width: 25%;
              left: -1%;
              margin-bottom: 0;
              margin-right: calc(-17px + 1em); } }
      .home .farm-story__text .intro h2 {
        text-transform: uppercase;
        font-size: 1.125em;
        color: #5E5C51;
        letter-spacing: 0.1875em;
        line-height: 1.1111111111em;
        position: relative;
        margin-top: 100px;
        margin-bottom: 20px;
        max-width: 330px; }
        .home .farm-story__text .intro h2:before {
          width: 30px;
          height: 1px;
          background-color: black;
          content: '';
          position: absolute;
          top: 50%;
          left: -50px;
          transform: translate(0, -50%); }
          @media only screen and (max-width: 40em) {
            .home .farm-story__text .intro h2:before {
              content: none; } }
        @media only screen and (max-width: 60em) {
          .home .farm-story__text .intro h2 {
            margin-top: 0;
            max-width: none; } }
      .home .farm-story__text .intro .four-generations-text {
        font-size: 3.3vw;
        font-family: 'Stag Web';
        line-height: 1.0178571429em;
        color: #5E5C51;
        margin-bottom: 25px;
        margin-top: 20px; }
        .home .farm-story__text .intro .four-generations-text span {
          color: #34332D; }
        @media only screen and (max-width: 60em) {
          .home .farm-story__text .intro .four-generations-text {
            display: block;
            float: left;
            width: 75%;
            margin: 0;
            top: -0.3em;
            position: relative;
            font-size: 2.125em; } }
    .home .farm-story__text .copy {
      font-size: 1.5em;
      color: #34332D;
      letter-spacing: 0.0416666667em;
      line-height: 1.375em;
      margin-left: 80px; }
      @media only screen and (max-width: 80em) {
        .home .farm-story__text .copy {
          margin: 0; }
          .home .farm-story__text .copy:after {
            content: "";
            display: table;
            clear: both; } }
      @media only screen and (max-width: 40em) {
        .home .farm-story__text .copy {
          font-size: 1.125em; } }
    .home .farm-story__text .button {
      margin-left: 80px; }
      @media only screen and (max-width: 40em) {
        .home .farm-story__text .button {
          margin-left: 0; } }
  .home .farm-story__images {
    width: 56%;
    position: relative;
    overflow: hidden; }
    @media only screen and (max-width: 80em) {
      .home .farm-story__images {
        width: 100%;
        height: 550px; } }
    @media only screen and (max-width: 40em) {
      .home .farm-story__images {
        height: 350px; } }
.home .our-cider {
  position: relative; }
  .home .our-cider__text {
    background-color: #2A2924;
    color: #F3F2ED;
    width: calc(66% - 160px);
    padding: 50px 80px;
    position: relative;
    margin-top: -50px;
    padding-bottom: 650px; }
    @media only screen and (max-width: 60em) {
      .home .our-cider__text {
        margin-top: 0;
        padding-bottom: 80px;
        width: 66vw; } }
    @media only screen and (max-width: 40em) {
      .home .our-cider__text {
        width: 100%;
        display: block;
        padding: 1em 1em 0; } }
    .home .our-cider__text h2 {
      text-transform: uppercase;
      font-size: 1.125em;
      color: #5E5C51;
      letter-spacing: 0.1875em;
      line-height: 1.1111111111em;
      position: relative; }
      .home .our-cider__text h2:before {
        width: 30px;
        height: 1px;
        background-color: #F3F2ED;
        content: '';
        position: absolute;
        top: 50%;
        left: -50px;
        transform: translate(0, -50%); }
        @media only screen and (max-width: 40em) {
          .home .our-cider__text h2:before {
            content: none; } }
    .home .our-cider__text .sub-heading {
      font-size: 3.5em;
      color: #CFD1C0;
      font-family: 'Stag Web';
      line-height: 0.9107142857em;
      margin: 0; }
      @media only screen and (max-width: 60em) {
        .home .our-cider__text .sub-heading {
          font-size: 3em; } }
      @media only screen and (max-width: 40em) {
        .home .our-cider__text .sub-heading {
          font-size: 2.625em; } }
      .home .our-cider__text .sub-heading span {
        display: block;
        font-size: 1.4285714286em;
        line-height: 0.95em; }
        .home .our-cider__text .sub-heading span strong {
          color: #5E5C51;
          font-weight: normal; }
    .home .our-cider__text .copy {
      font-size: 1.5em;
      line-height: 1.375em;
      letter-spacing: 0.0416666667em;
      max-width: 506px; }
      @media only screen and (max-width: 40em) {
        .home .our-cider__text .copy {
          font-size: 1.125em; } }
  .home .our-cider__images {
    position: relative; }
    @media only screen and (max-width: 60em) {
      .home .our-cider__images {
        position: absolute;
        top: 0;
        left: 0;
        width: 34vw; } }
    @media only screen and (max-width: 40em) {
      .home .our-cider__images {
        width: 100%;
        position: relative;
        margin-top: 40px;
        height: 400px; } }
    .home .our-cider__images .image {
      position: absolute;
      overflow: hidden; }
      .home .our-cider__images .image:nth-child(1) {
        width: 56vw;
        bottom: -650px;
        left: calc(44vw - 80px);
        height: 766px; }
        @media only screen and (max-width: 60em) {
          .home .our-cider__images .image:nth-child(1) {
            bottom: auto;
            width: 34vw;
            left: 66vw; } }
        @media only screen and (max-width: 40em) {
          .home .our-cider__images .image:nth-child(1) {
            width: calc(100% + 2em);
            margin: 0 -1em;
            padding: 1em;
            position: relative;
            left: 0;
            height: 400px; } }
      .home .our-cider__images .image:nth-child(2) {
        width: 44vw;
        bottom: -730px;
        height: 526px;
        left: -80px; }
        @media only screen and (max-width: 60em) {
          .home .our-cider__images .image:nth-child(2) {
            display: none; } }
.home .apple-shed {
  display: flex;
  background-color: white; }
  @media only screen and (max-width: 60em) {
    .home .apple-shed {
      flex-direction: column; } }
  .home .apple-shed__text {
    width: calc(44% - 110px);
    padding: 120px 30px 80px 80px; }
    @media only screen and (max-width: 60em) {
      .home .apple-shed__text {
        width: 100%;
        padding: 60px 40px 40px; } }
    @media only screen and (max-width: 40em) {
      .home .apple-shed__text {
        padding: 40px 26.6666666667px 26.6666666667px; } }
    .home .apple-shed__text h2 {
      text-transform: uppercase;
      font-size: 1.125em;
      color: #5E5C51;
      letter-spacing: 0.1875em;
      line-height: 1.1111111111em;
      position: relative; }
      .home .apple-shed__text h2:before {
        width: 30px;
        height: 1px;
        background-color: #9D2C3F;
        content: '';
        position: absolute;
        top: 50%;
        left: -50px;
        transform: translate(0, -50%); }
        @media only screen and (max-width: 40em) {
          .home .apple-shed__text h2:before {
            content: none; } }
    .home .apple-shed__text .sub-heading {
      font-family: 'Stag Web';
      font-size: 3.5em;
      line-height: 1.0178571429em;
      color: #5E5C51;
      margin: 0 0 20px; }
      @media only screen and (max-width: 60em) {
        .home .apple-shed__text .sub-heading {
          font-size: 3em; } }
      @media only screen and (max-width: 40em) {
        .home .apple-shed__text .sub-heading {
          font-size: 2.625em;
          margin-bottom: 0; } }
    @media only screen and (max-width: 40em) {
      .home .apple-shed__text img {
        max-height: 120px;
        width: auto !important; } }
    .home .apple-shed__text .copy {
      font-size: 1.5em;
      letter-spacing: 0.0416666667em;
      line-height: 1.375em; }
      @media only screen and (max-width: 40em) {
        .home .apple-shed__text .copy {
          font-size: 1.125em; } }
  .home .apple-shed__images {
    width: calc(56% + 110px);
    height: 913px;
    position: relative; }
    @media only screen and (max-width: 60em) {
      .home .apple-shed__images {
        width: 100%;
        height: 600px; } }
    @media only screen and (max-width: 40em) {
      .home .apple-shed__images {
        height: 450px; } }
    .home .apple-shed__images .slide {
      position: relative;
      height: 100%;
      overflow: hidden; }
    .home .apple-shed__images .slick-track, .home .apple-shed__images .slick-list {
      height: 100%; }
    .home .apple-shed__images .slick-arrow {
      display: none; }

#tribe-events #tribe-events-content {
  margin-bottom: 0; }

#tribe-events .tribe-events-notices {
  display: none; }

#tribe-events .generic-top__text {
  background-color: #9D2C3F;
  color: #F3F2ED;
  padding-left: 40px;
  padding-bottom: 40px; }
  #tribe-events .generic-top__text h2 {
    color: #F3F2ED; }
  #tribe-events .generic-top__text .button {
    margin-top: 40px; }
    #tribe-events .generic-top__text .button:hover {
      color: #F3F2ED; }

#tribe-events .generic-top .recurringinfo {
  display: none; }

#tribe-events .generic-top .venue-name {
  margin-bottom: 0; }

#tribe-events .generic-top abbr {
  text-decoration: none;
  border-bottom: none; }

#tribe-events .tribe-bar-disabled, #tribe-events .tribe-events-user-recurrence-toggle {
  display: none; }

#tribe-events .tribe-events-ical, #tribe-events .tribe-events-cal-links {
  display: none; }

#tribe-events .tribe-events-venue-map > div {
  height: 500px !important; }

.single-tribe_events #tribe-events .tribe-events-content {
  margin: 80px 0;
  font-size: 1.125em;
  max-width: 70%; }
  @media only screen and (max-width: 40em) {
    .single-tribe_events #tribe-events .tribe-events-content {
      max-width: 100%; } }
  .single-tribe_events #tribe-events .tribe-events-content h2 {
    font-family: 'Stag Web';
    text-transform: uppercase;
    font-weight: normal; }

.black.single-tribe_events #tribe-events .tribe-events-content {
  color: #CFD1C0; }
  .black.single-tribe_events #tribe-events .tribe-events-content a {
    color: #CFD1C0; }

#tribe-events .tribe-events-event-meta {
  margin-bottom: 0; }

#tribe-events .event-details {
  display: flex;
  background-color: #2A2924;
  color: #F3F2ED; }
  @media only screen and (max-width: 60em) {
    #tribe-events .event-details {
      display: block; } }
  #tribe-events .event-details > div {
    padding: 40px;
    width: 25%; }
    @media only screen and (max-width: 60em) {
      #tribe-events .event-details > div {
        width: auto;
        padding: 20px 40px; } }
  #tribe-events .event-details h3 {
    font-size: 2.25em;
    margin-top: 0;
    font-family: 'Stag Web';
    font-weight: normal; }
  #tribe-events .event-details abbr {
    border-bottom: none;
    text-decoration: none; }
  #tribe-events .event-details address {
    font-style: normal; }
  #tribe-events .event-details dd {
    margin: 0 0 20px 0; }
  #tribe-events .event-details a {
    color: #F3F2ED; }
  #tribe-events .event-details .tribe-venue-location {
    margin-bottom: 10px; }
  #tribe-events .event-details .tribe-events-meta-group-gmap {
    width: 50%;
    padding: 0; }
    @media only screen and (max-width: 60em) {
      #tribe-events .event-details .tribe-events-meta-group-gmap {
        width: auto; } }
#tribe-events .tribe-events-nav-previous {
  display: none !important; }

.cider__intro {
  padding: 0 80px;
  position: relative; }
  @media only screen and (max-width: 60em) {
    .cider__intro {
      padding: 0 40px; } }
  @media only screen and (max-width: 40em) {
    .cider__intro {
      padding: 0 20px; } }
.cider__product-details {
  padding: 0 80px 80px;
  background-color: #FEFEFE;
  position: relative; }
  @media only screen and (max-width: 60em) {
    .cider__product-details {
      padding: 0 40px 80px; } }
  @media only screen and (max-width: 40em) {
    .cider__product-details {
      padding: 20px; } }
.cider__featured-image {
  margin-right: 80px;
  width: 270px;
  height: auto;
  position: absolute;
  left: 80px;
  top: 0;
  z-index: 100; }
  .cider__featured-image--rotated {
    transform: rotate(90deg);
    left: -235px;
    top: 0;
    margin: 0;
    height: 900px;
    width: auto; }
    @media only screen and (max-width: 60em) {
      .cider__featured-image--rotated {
        display: none !important; } }
  @media only screen and (max-width: 60em) {
    .cider__featured-image {
      width: auto;
      height: 118%;
      left: 80px; } }
  @media only screen and (max-width: 40em) {
    .cider__featured-image {
      width: 135px;
      left: 0;
      display: block;
      position: inherit;
      margin: 0 auto; } }
.cider__intro-copy {
  padding-top: 80px;
  width: 100%;
  padding-left: calc(270px + 80px); }
  @media only screen and (max-width: 60em) {
    .cider__intro-copy {
      padding-left: calc(180px + 40px);
      padding-top: 0; } }
  @media only screen and (max-width: 40em) {
    .cider__intro-copy {
      padding-left: 0;
      padding-top: 0; } }
.cider__brand-label {
  font-family: 'Stag Web';
  font-weight: bold;
  background: url("img/wood-texture.png") repeat 50% 50% #CFD1C0;
  font-size: 12.5em;
  text-transform: uppercase;
  text-align: center;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
  color: #CFD1C0;
  background-color: #CFD1C0;
  color: #CFD1C0;
  font-family: 'Stag Web';
  font-weight: bold;
  font-size: calc((100vw - 350px) * 0.05);
  margin: 0;
  text-align: left;
  text-transform: uppercase; }
  @media only screen and (max-width: 60em) {
    .cider__brand-label {
      font-size: 1.75em; } }
  @media only screen and (max-width: 40em) {
    .cider__brand-label {
      font-size: 1.25em;
      line-height: calc(30 / 28); } }
  @media only screen and (min-width: 100em) {
    .cider__brand-label {
      font-size: 3.875em; } }
.cider__title {
  font-family: 'Stag Web';
  font-weight: bold;
  background: url("img/wood-texture.png") repeat 50% 50% #CFD1C0;
  font-size: 12.5em;
  text-transform: uppercase;
  text-align: center;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
  color: #CFD1C0;
  background-color: #CFD1C0;
  font-size: 9.375em;
  margin: 0;
  line-height: 0.8;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  word-spacing: 10em;
  font-size: calc((100vw - 350px) * 0.1); }
  @media only screen and (max-width: 60em) {
    .cider__title {
      font-size: 2.25em;
      line-height: 0.92; } }
  @media only screen and (max-width: 40em) {
    .cider__title {
      font-size: 2em;
      line-height: calc(30 / 28);
      word-spacing: 5px; } }
  @media only screen and (min-width: 100em) {
    .cider__title {
      font-size: 7.8125em; } }
  .cider__title:after {
    display: block;
    width: 245px;
    height: 4px;
    content: "";
    background-color: #CFD1C0;
    margin-top: 20px; }

.cider__content {
  color: #CFD1C0;
  max-width: 900px;
  font-family: 'Stag Web';
  font-weight: normal;
  font-size: calc((100vw - 350px) * 0.038); }
  @media only screen and (max-width: 60em) {
    .cider__content {
      font-size: 1.125em; } }
  @media only screen and (min-width: 80em) {
    .cider__content {
      font-size: 2.125em; } }
  .cider__content .button {
    font-size: 1.125rem; }

.cider__product-details-content {
  width: 100%;
  padding-left: calc(270px + 80px);
  padding-top: 1em; }
  @media only screen and (max-width: 60em) {
    .cider__product-details-content {
      padding-left: 0; } }
  @media only screen and (max-width: 40em) {
    .cider__product-details-content .button {
      width: 100%;
      margin: 10px 0;
      text-align: center; } }
.cider__product-breadcrumb {
  position: relative;
  display: block;
  left: 50px;
  font-size: 1.125rem;
  text-transform: uppercase;
  letter-spacing: 3px; }
  .cider__product-breadcrumb:before {
    width: 30px;
    height: 1px;
    background-color: #34332D;
    content: '';
    position: absolute;
    top: 50%;
    left: -50px;
    transform: translate(0, -50%); }
    @media only screen and (max-width: 40em) {
      .cider__product-breadcrumb:before {
        content: none; } }
  @media only screen and (max-width: 60em) {
    .cider__product-breadcrumb {
      left: 0; } }
  @media only screen and (max-width: 40em) {
    .cider__product-breadcrumb {
      font-size: 0.875rem;
      margin: 0; } }
.cider__attributes {
  display: flex;
  flex-wrap: wrap;
  margin: 60px 0 80px; }
  @media only screen and (max-width: 40em) {
    .cider__attributes {
      margin: 30px 0 30px; } }
  @media only screen and (max-width: 40em) {
    .cider__attributes .cider__bottle-sizes, .cider__attributes .cider__organic-1, .cider__attributes .cider__organic-2 {
      padding: 0;
      border-left: 0;
      width: 100%;
      margin: 20px 0; } }
.cider__bottle-sizes {
  display: flex;
  margin-right: 30px; }
  .cider__bottle-sizes .bottle-lists, .cider__bottle-sizes .size-lists {
    list-style: none;
    margin: 0;
    padding: 0; }
  .cider__bottle-sizes .bottle-lists {
    align-items: flex-end;
    display: flex;
    margin-right: 15px; }
    .cider__bottle-sizes .bottle-lists li {
      margin-right: 5px; }
      .cider__bottle-sizes .bottle-lists li:last-child {
        margin-right: 0; }
  .cider__bottle-sizes .size-lists-container {
    display: flex;
    align-items: flex-end; }
  .cider__bottle-sizes .size-lists {
    display: block;
    text-transform: uppercase; }
    .cider__bottle-sizes .size-lists li {
      font-size: 1.125rem;
      line-height: 1;
      margin-top: 0.2em;
      letter-spacing: 3px; }
      .cider__bottle-sizes .size-lists li:first-child:before {
        display: block;
        width: 30px;
        height: 1px;
        content: "";
        background-color: #5E5C51;
        margin-bottom: 0.5em; }

.cider__organic-1, .cider__organic-2 {
  padding: 0 30px;
  border-left: 1px solid #5E5C51;
  display: flex;
  align-items: flex-end; }

.cider__organic-2 {
  padding-right: 0; }

.cider__tasting-notes {
  font-size: 2.25em;
  text-transform: uppercase;
  font-family: 'Stag Web';
  font-weight: normal;
  position: relative;
  padding-bottom: 30px; }
  .cider__tasting-notes:after {
    content: '';
    width: 60px;
    height: 2px;
    background-color: #34332D;
    position: absolute;
    bottom: 0;
    left: 0; }

.cider__tasting-notes-content {
  margin-bottom: 60px; }
  .cider__tasting-notes-content h2 {
    font-size: 2.25em;
    text-transform: uppercase;
    font-family: 'Stag Web';
    font-weight: normal;
    position: relative;
    padding-bottom: 30px; }
    .cider__tasting-notes-content h2:after {
      content: '';
      width: 60px;
      height: 2px;
      background-color: #34332D;
      position: absolute;
      bottom: 0;
      left: 0; }
  .cider__tasting-notes-content p {
    font-size: 1.5em;
    letter-spacing: 0.0416666667em;
    line-height: 1.375em; }
    @media only screen and (max-width: 60em) {
      .cider__tasting-notes-content p {
        font-size: 1.125em; } }
.cider__alcohol-content {
  margin-bottom: 60px; }
  @media only screen and (max-width: 40em) {
    .cider__alcohol-content {
      margin-bottom: 0; } }
  .cider__alcohol-content img {
    max-width: 20px;
    max-height: 65px;
    opacity: 0.5; }
    .cider__alcohol-content img.cider__awards-won-image {
      max-width: 36px; }
    .cider__alcohol-content img.cider__release-year-image {
      max-width: 40px; }
  .cider__alcohol-content td {
    padding-bottom: 30px; }
    .cider__alcohol-content td:nth-child(1) {
      text-align: center; }
    .cider__alcohol-content td:nth-child(2) {
      padding-left: 20px; }
    .cider__alcohol-content td p {
      position: relative;
      letter-spacing: 3px; }
      .cider__alcohol-content td p:before {
        width: 30px;
        height: 1px;
        background-color: #34332D;
        content: '';
        position: absolute;
        top: 50%;
        left: -50px;
        transform: translate(0, -50%); }
        @media only screen and (max-width: 40em) {
          .cider__alcohol-content td p:before {
            content: none; } }
      .cider__alcohol-content td p:before {
        position: relative;
        display: inline-block;
        left: 0;
        margin-right: 1em;
        bottom: 0.3em; }

.cider__image-container {
  width: 50px; }

.stockist-map {
  height: 1323px;
  position: relative; }
  @media only screen and (max-width: 40em) {
    .stockist-map {
      height: 923px; } }
  .stockist-map h2 {
    color: #F3F2ED;
    font-family: 'Stag Web';
    font-size: 3.5em;
    font-weight: normal;
    line-height: 1.3035714286em;
    text-transform: uppercase;
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0; }
    .stockist-map h2:before {
      content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2248px%22%20height%3D%2267px%22%20viewBox%3D%22432%20150%2048%2067%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0D%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2041%20%2835326%29%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0D%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0D%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M456.000727%2C181.023185%20C452.423273%2C181.023185%20449.513455%2C178.026391%20449.513455%2C174.342848%20C449.513455%2C170.659304%20452.423273%2C167.662511%20456.000727%2C167.662511%20C459.578182%2C167.662511%20462.489455%2C170.659304%20462.489455%2C174.342848%20C462.489455%2C178.026391%20459.578182%2C181.023185%20456.000727%2C181.023185%20M456.000727%2C162.564685%20C449.616727%2C162.564685%20444.422545%2C167.848217%20444.422545%2C174.342848%20C444.422545%2C180.837478%20449.616727%2C186.121011%20456.000727%2C186.121011%20C462.385455%2C186.121011%20467.580364%2C180.837478%20467.580364%2C174.342848%20C467.580364%2C167.848217%20462.385455%2C162.564685%20456.000727%2C162.564685%20M455.997818%2C209.816435%20C454.032%2C207.631652%20450.925818%2C203.990348%20447.832%2C199.59675%20C441.280727%2C190.293217%20437.818182%2C181.952446%20437.818182%2C175.476022%20C437.818182%2C157.243283%20451.734545%2C155.826087%20456%2C155.826087%20C472.870545%2C155.826087%20474.181818%2C170.86613%20474.181818%2C175.476022%20C474.181818%2C188.298511%20461.154182%2C204.074826%20455.997818%2C209.816435%20M472.326545%2C155.780935%20C468.149091%2C152.053696%20462.350545%2C150%20456%2C150%20C449.649455%2C150%20443.850909%2C152.053696%20439.673455%2C155.780935%20C434.653091%2C160.261196%20432%2C167.071163%20432%2C175.476022%20C432%2C193.783043%20453.039273%2C215.234696%20453.934545%2C216.138467%20C454.480727%2C216.690489%20455.224727%2C217%20456%2C217%20C456.775273%2C217%20457.519273%2C216.690489%20458.065455%2C216.138467%20C458.960727%2C215.234696%20480%2C193.783043%20480%2C175.476022%20C480%2C167.071163%20477.346909%2C160.261196%20472.326545%2C155.780935%22%20id%3D%22location-copy%22%20stroke%3D%22none%22%20fill%3D%22%235E5C51%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.402518657%22%3E%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
      padding-right: 20px; }
    .seasonal-all.stockist-map h2 {
      top: 100px; }
    @media only screen and (max-width: 40em) {
      .stockist-map h2 {
        font-size: 1.5em;
        width: 100%;
        text-align: center;
        top: 40px !important; }
        .stockist-map h2:before {
          content: none; } }
  .stockist-map .seasonal-message {
    position: absolute;
    color: #F3F2ED;
    top: 245px;
    left: 50%;
    text-align: center;
    max-width: 800px;
    transform: translate(-50%, 0);
    font-size: 1.125em;
    top: 370px; }
    .stockist-map .seasonal-message a {
      color: #F3F2ED; }
    @media only screen and (max-width: 40em) {
      .stockist-map .seasonal-message {
        top: 90px;
        width: 100%; } }
  .stockist-map .wpgmp_search_form {
    position: absolute;
    top: 232px;
    left: 50%;
    max-width: 546px;
    transform: translate(-50%, 0); }
    .stockist-map .wpgmp_search_form input.wpgmp_search_input {
      height: 73px;
      box-shadow: none;
      background-color: transparent;
      border-bottom: 1px solid #F3F2ED;
      color: #F3F2ED;
      font-size: 1.125em;
      text-align: center; }
    .seasonal-all.stockist-map .wpgmp_search_form {
      top: 170px; }
    @media only screen and (max-width: 40em) {
      .stockist-map .wpgmp_search_form {
        top: 80px !important; } }
  .stockist-map .categories_filter {
    top: 360px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0);
    color: white;
    display: inline-block;
    width: auto; }
    .stockist-map .categories_filter:before {
      content: 'Within';
      margin-right: 10px; }
    .stockist-map .categories_filter select {
      display: inline;
      float: none;
      border: 1px solid #dddddd;
      border-radius: 4px;
      box-shadow: none !important;
      background: none repeat scroll 0 0 rgba(249, 249, 249, 0.07); }
    .seasonal-all.stockist-map .categories_filter {
      top: 300px; }
    @media only screen and (max-width: 40em) {
      .stockist-map .categories_filter {
        top: 210px !important; } }
  .stockist-map #map1 {
    position: absolute !important;
    width: 63% !important;
    right: 0;
    top: 527px; }
    @media only screen and (max-width: 40em) {
      .stockist-map #map1 {
        width: 100% !important;
        top: 327px;
        height: 496px !important; }
        .seasonal-all.stockist-map #map1 {
          top: 427px; } }
  .stockist-map .wpgmp_map_container {
    height: 100%;
    border: 0 none;
    box-shadow: none; }
  .stockist-map .wpgmp_listing_list {
    width: 37% !important;
    position: absolute !important;
    left: 0;
    top: 527px;
    background-color: #F3F2ED;
    height: 740px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
    padding: 40px 40px 0 40px;
    box-sizing: border-box; }
    @media only screen and (max-width: 40em) {
      .stockist-map .wpgmp_listing_list {
        display: none; } }
    .stockist-map .wpgmp_listing_list:before {
      content: 'Stockists';
      font-family: 'Stag Web';
      font-size: 2.25em;
      line-height: 1em;
      color: #5E5C51;
      padding-bottom: 40px;
      text-transform: uppercase; }
    .stockist-map .wpgmp_listing_list:after {
      content: url("img/map-key.svg");
      position: absolute;
      top: 30px;
      right: 56px; }
    .stockist-map .wpgmp_listing_list .wpgmp_locations {
      height: auto !important;
      padding: 0;
      margin-bottom: 0;
      border: 0 none; }
    .stockist-map .wpgmp_listing_list .wpgmp_pagination {
      display: none; }
  .stockist-map .location_pagination1 {
    height: 56px;
    bottom: 0;
    left: 0;
    width: 37% !important;
    margin: 0;
    padding: 0;
    position: absolute;
    background-color: #F3F2ED;
    padding: 0 40px;
    box-sizing: border-box; }
    @media only screen and (max-width: 40em) {
      .stockist-map .location_pagination1 {
        display: none; } }
.seasonal {
  height: 600px; }
  @media only screen and (max-width: 40em) {
    .seasonal {
      height: 280px; } }
.page-id-9 .seasonal-message {
  top: 280px; }

.woocommerce ul.products {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }
  @media (max-width: 40em) {
    .woocommerce ul.products {
      text-align: center; } }
  .woocommerce ul.products li.product {
    float: none;
    display: flex;
    flex-flow: row wrap;
    align-content: space-between; }
    .woocommerce ul.products li.product:last-child {
      margin-right: 0; }
    @media (max-width: 40em) {
      .woocommerce ul.products li.product a {
        position: relative;
        left: 50%;
        transform: translate(-50%, 0); } }
.woocommerce .inner {
  margin: 0 auto;
  max-width: 1200px; }
  @media (max-width: 1200px) {
    .woocommerce .inner {
      padding: 0 40px; } }
  @media (max-width: 60em) {
    .woocommerce .inner {
      padding: 0 20px; } }
.woocommerce .generic-top {
  margin-bottom: 80px;
  left: 80px;
  position: relative; }
  @media (max-width: 60em) {
    .woocommerce .generic-top {
      width: 100vw;
      left: 0;
      overflow: hidden;
      margin-bottom: 0; } }
  @media (max-width: 60em) {
    .woocommerce .generic-top__text {
      padding: 0 20px; } }
  .woocommerce .generic-top__text h1 {
    color: #5E5C51;
    letter-spacing: 0.0645em;
    line-height: 0.86em;
    font-family: 'Stag Web';
    font-weight: normal;
    font-size: 6.25em;
    text-transform: uppercase;
    margin: 40px 0 20px; }
    @media only screen and (max-width: 60em) {
      .woocommerce .generic-top__text h1 {
        font-size: 2.25em; } }
    .black .woocommerce .generic-top__text h1 {
      color: #8D896D; }

.woocommerce a.checkout-button,
.woocommerce button.button, .woocommerce input[type="submit"] {
  display: inline-block;
  background-color: #5E5C51;
  border: 2px solid #5E5C51;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 1.125em;
  color: white;
  line-height: 1.6666666667em;
  letter-spacing: 0.0555555556em;
  padding: 15px 30px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 200ms;
  font-weight: normal; }
  .woocommerce a.checkout-button.red,
  .woocommerce button.button.red, .woocommerce input[type="submit"].red {
    background-color: #9D2C3F;
    border: 2px solid #9D2C3F; }
  .woocommerce a.checkout-button.dark,
  .woocommerce button.button.dark, .woocommerce input[type="submit"].dark {
    background-color: #2A2924;
    border-color: #2A2924; }
  .woocommerce a.checkout-button:hover,
  .woocommerce button.button:hover, .woocommerce input[type="submit"]:hover {
    background-color: transparent !important;
    color: #5E5C51;
    transition: all 200ms; }
    .woocommerce a.checkout-button:hover.red,
    .woocommerce button.button:hover.red, .woocommerce input[type="submit"]:hover.red {
      color: #9D2C3F; }
  @media only screen and (max-width: 40em) {
    .woocommerce a.checkout-button,
    .woocommerce button.button, .woocommerce input[type="submit"] {
      font-size: 1em;
      padding: 8px 30px; } }
  .woocommerce a.checkout-button.alt,
  .woocommerce button.button.alt, .woocommerce input[type="submit"].alt {
    background-color: #5E5C51;
    background-color: #5E5C51; }
    .woocommerce a.checkout-button.alt:hover,
    .woocommerce button.button.alt:hover, .woocommerce input[type="submit"].alt:hover {
      color: #5E5C51; }

.woocommerce h2.product-category-heading {
  font-family: 'Stag Web';
  text-transform: uppercase;
  font-weight: normal;
  font-size: 2em; }

.woocommerce ul.products li.product .product-details {
  padding-top: 0;
  color: #5E5C51;
  margin: 0 0 4px 0 !important; }

@media (max-width: 60em) {
  .woocommerce ul.products li.product {
    width: 100%; } }

.woocommerce ul.products li.product .button {
  display: inline-block;
  background-color: #5E5C51;
  border: 2px solid #5E5C51;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 1.125em;
  color: white;
  line-height: 1.6666666667em;
  letter-spacing: 0.0555555556em;
  padding: 15px 30px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 200ms;
  width: 100%;
  text-align: center;
  margin-top: 0; }
  .woocommerce ul.products li.product .button.red {
    background-color: #9D2C3F;
    border: 2px solid #9D2C3F; }
  .woocommerce ul.products li.product .button.dark {
    background-color: #2A2924;
    border-color: #2A2924; }
  .woocommerce ul.products li.product .button:hover {
    background-color: transparent !important;
    color: #5E5C51;
    transition: all 200ms; }
    .woocommerce ul.products li.product .button:hover.red {
      color: #9D2C3F; }
  @media only screen and (max-width: 40em) {
    .woocommerce ul.products li.product .button {
      font-size: 1em;
      padding: 8px 30px; } }
.woocommerce.single-product .quantity .input-text {
  height: 30px;
  position: relative;
  top: 13px;
  margin-right: 20px; }

.woocommerce .checkout h3 {
  font-family: 'Stag Web';
  font-weight: normal;
  font-size: 2.25em; }

.woocommerce #credit_called {
  margin: 1em 0 1em 1em; }

.woocommerce #dob_field {
  width: 120px; }

.woocommerce ul.products li.last {
  margin-right: 3.8%; }

.woocommerce-cart .generic-top {
  margin-bottom: 80px; }
  .woocommerce-cart .generic-top__text h1 {
    color: #5E5C51;
    letter-spacing: 0.0645em;
    line-height: 0.86em;
    font-family: 'Stag Web';
    font-weight: normal;
    font-size: 6.25em;
    text-transform: uppercase;
    margin: 40px 0 20px; }
    @media only screen and (max-width: 60em) {
      .woocommerce-cart .generic-top__text h1 {
        font-size: 2.25em; } }
    .black .woocommerce-cart .generic-top__text h1 {
      color: #8D896D; }

.woocommerce-cart .coupon .input-text {
  height: 30px;
  position: relative;
  top: 13px; }

#verify-age {
  position: relative; }
  #verify-age:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 12px;
    padding-left: 16px;
    text-transform: none;
    transition: all 300ms; }
  #verify-age.success {
    opacity: 0.5;
    pointer-events: none; }
    #verify-age.success:after {
      content: 'Success!';
      color: #006700; }
  #verify-age.fail:after {
    content: 'Failed';
    color: #990000; }

.blog-wrapper {
  max-width: 850px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0%); }
  @media (max-width: 960px) {
    .blog-wrapper {
      width: 94%; } }
  @media (max-width: 40em) {
    .blog-wrapper {
      width: 100%;
      padding: 0 16px; } }
  .blog-wrapper .blog-intro {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: left;
    margin-bottom: 50px; }
    .blog-wrapper .blog-intro h1 {
      position: relative;
      font-family: 'Stag Web';
      font-weight: normal;
      letter-spacing: 1px;
      font-size: 70px;
      margin-bottom: 20px;
      text-transform: uppercase;
      letter-spacing: 2px;
      line-height: calc(74 / 70); }
      @media (max-width: 40em) {
        .blog-wrapper .blog-intro h1 {
          font-size: 40px; } }
    .blog-wrapper .blog-intro p {
      font-weight: normal; }
  .blog-wrapper .single-post {
    position: relative;
    width: 100%;
    margin-bottom: 190px; }
    .blog-wrapper .single-post:after {
      content: '';
      width: 70%;
      height: 1px;
      border-top: 1px solid #8D896D;
      position: absolute;
      left: 50%;
      bottom: -90px;
      transform: translate(-50%, 0); }
    .blog-wrapper .single-post .feature-img {
      width: 100%;
      overflow: hidden;
      height: 100%;
      position: relative; }
      .blog-wrapper .single-post .feature-img a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-indent: -1000000px; }
      .blog-wrapper .single-post .feature-img img {
        width: 100%;
        height: auto; }
      .blog-wrapper .single-post .feature-img .post-type {
        position: absolute;
        pointer-events: none;
        bottom: 0;
        right: 0;
        background: #2A2924;
        padding: 8px 30px; }
        .blog-wrapper .single-post .feature-img .post-type p {
          color: #fff;
          margin: 0;
          text-transform: uppercase; }
    .blog-wrapper .single-post .post-title {
      font-family: 'Stag Web';
      font-weight: normal;
      font-size: 48px;
      text-indent: 40px;
      margin-bottom: 20px;
      position: relative;
      line-height: calc(42 / 40); }
      .blog-wrapper .single-post .post-title:before {
        content: '';
        width: 30px;
        height: 1px;
        border-top: 1px solid #8D896D;
        position: absolute;
        top: 35px;
        left: 0; }
        @media (max-width: 40em) {
          .blog-wrapper .single-post .post-title:before {
            top: 16px; } }
      @media (max-width: 40em) {
        .blog-wrapper .single-post .post-title {
          font-size: 28px; } }
    .blog-wrapper .single-post .see-more {
      position: absolute;
      width: 150px;
      height: 28px;
      text-align: center;
      vertical-align: middle;
      right: 0;
      bottom: 0; }
      @media (max-width: 40em) {
        .blog-wrapper .single-post .see-more {
          width: 100%; } }
      @media (max-width: 560px) {
        .blog-wrapper .single-post .see-more {
          right: inherit;
          left: 50%;
          bottom: -70px;
          transform: translate(-50%, 0); } }
      .blog-wrapper .single-post .see-more a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        color: #fff;
        text-decoration: none;
        text-indent: -16px;
        padding-top: 9px;
        text-transform: uppercase;
        background-color: #34332D;
        border: 2px solid #34332D;
        transition: all 200ms;
        border-radius: 3px; }
        .blog-wrapper .single-post .see-more a:hover {
          background-color: transparent !important;
          color: #34332D;
          transition: all 200ms; }
        .blog-wrapper .single-post .see-more a:after {
          content: '';
          width: 11px;
          height: 11px;
          border-bottom: 4px solid #fff;
          border-right: 4px solid #fff;
          position: absolute;
          top: 48%;
          right: 25px;
          transform: translate(0, -50%) rotate(-45deg); }
    .blog-wrapper .single-post .post-info {
      margin-top: 30px;
      display: flex; }
      @media (max-width: 560px) {
        .blog-wrapper .single-post .post-info {
          display: none; } }
      .blog-wrapper .single-post .post-info .column {
        margin-right: 100px;
        height: 100px;
        position: relative; }
        .blog-wrapper .single-post .post-info .column .photo-wrapper {
          width: 70px;
          height: 70px;
          border-radius: 50px;
          overflow: hidden;
          position: absolute;
          bottom: 0; }
          .blog-wrapper .single-post .post-info .column .photo-wrapper img {
            max-width: 100%;
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
        .blog-wrapper .single-post .post-info .column .info-wrapper {
          position: absolute;
          bottom: 0;
          width: 300px; }
          .blog-wrapper .single-post .post-info .column .info-wrapper p {
            margin-bottom: 0;
            font-weight: bold; }
            .blog-wrapper .single-post .post-info .column .info-wrapper p:nth-of-type(2) {
              text-indent: 30px;
              font-weight: normal; }
          .blog-wrapper .single-post .post-info .column .info-wrapper .date-icon {
            width: 20px;
            position: absolute;
            bottom: 5px;
            left: 0; }
  .blog-wrapper .prev-next-posts {
    position: absolute;
    bottom: -150px;
    width: 100%; }
    .blog-wrapper .prev-next-posts .prev-posts-link {
      position: absolute;
      bottom: 0;
      left: 0; }
      .blog-wrapper .prev-next-posts .prev-posts-link a {
        color: #fff;
        text-decoration: none;
        padding: 15px 30px;
        text-transform: uppercase;
        background-color: #34332D;
        border: 2px solid #34332D;
        transition: all 200ms;
        border-radius: 3px; }
        .blog-wrapper .prev-next-posts .prev-posts-link a:hover {
          background-color: transparent !important;
          color: #34332D;
          transition: all 200ms; }
    .blog-wrapper .prev-next-posts .next-posts-link {
      position: absolute;
      bottom: 0;
      right: 0; }
      .blog-wrapper .prev-next-posts .next-posts-link a {
        color: #fff;
        text-decoration: none;
        padding: 15px 30px;
        text-transform: uppercase;
        background-color: #34332D;
        border: 2px solid #34332D;
        transition: all 200ms;
        border-radius: 3px; }
        .blog-wrapper .prev-next-posts .next-posts-link a:hover {
          background-color: transparent !important;
          color: #34332D;
          transition: all 200ms; }

.post-wrapper {
  width: 100%;
  position: relative; }
  @media (max-width: 40em) {
    .post-wrapper {
      padding: 16px; } }
  .post-wrapper .post-header {
    display: flex;
    position: relative;
    margin-bottom: 100px; }
    @media (max-width: 960px) {
      .post-wrapper .post-header {
        display: block; } }
    .post-wrapper .post-header__title {
      width: 50%;
      height: 500px;
      padding: 0 50px 0 70px;
      position: relative;
      background-color: #F3F2ED; }
      @media (max-width: 960px) {
        .post-wrapper .post-header__title {
          padding: 0;
          width: 100%;
          height: 200px;
          background-color: transparent; } }
      .post-wrapper .post-header__title a {
        position: absolute;
        top: 50px;
        text-transform: uppercase;
        color: #5E5C51;
        text-decoration: none;
        font-size: 12px;
        text-indent: 25px; }
        .post-wrapper .post-header__title a:before {
          content: '';
          width: 20px;
          height: 1px;
          border-top: 1px solid #8D896D;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translate(0, -50%); }
        @media (max-width: 960px) {
          .post-wrapper .post-header__title a {
            top: 0; } }
      .post-wrapper .post-header__title h1 {
        font-family: 'Stag Web';
        font-size: 50px;
        font-weight: normal;
        position: absolute;
        bottom: 60px; }
        @media (max-width: 1400px) {
          .post-wrapper .post-header__title h1 {
            bottom: 100px;
            font-size: 50px; } }
        @media (max-width: 960px) {
          .post-wrapper .post-header__title h1 {
            width: 100%;
            left: 50%;
            bottom: 0;
            font-size: 42px;
            transform: translate(-50%, 0); } }
        @media (max-width: 560px) {
          .post-wrapper .post-header__title h1 {
            font-size: 30px; } }
    .post-wrapper .post-header__image {
      width: 50%;
      height: 550px;
      overflow: hidden;
      position: relative; }
      @media (max-width: 960px) {
        .post-wrapper .post-header__image {
          width: 100%; } }
      @media (max-width: 560px) {
        .post-wrapper .post-header__image {
          height: 300px; } }
      .post-wrapper .post-header__image img {
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        @media (max-width: 1500px) {
          .post-wrapper .post-header__image img {
            height: 100%;
            width: auto; } }
        @media (max-width: 960px) {
          .post-wrapper .post-header__image img {
            width: 100%;
            height: auto; } }
  .post-wrapper main {
    position: relative;
    width: 100%; }
    .post-wrapper main .post-details {
      position: absolute;
      left: 70px;
      top: -210px; }
      @media (max-width: 950px) {
        .post-wrapper main .post-details {
          display: none; } }
      .post-wrapper main .post-details p {
        font-weight: normal;
        text-align: center;
        margin: 0; }
        .post-wrapper main .post-details p:first-of-type {
          position: relative;
          font-family: 'Stag Sans Web';
          font-weight: bold;
          margin-bottom: 0;
          text-indent: 25px;
          width: 50px; }
          .post-wrapper main .post-details p:first-of-type:before {
            content: '';
            width: 20px;
            height: 1px;
            border-top: 1px solid #8D896D;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(0, -50%); }
    .post-wrapper main article {
      max-width: 1000px;
      position: relative;
      left: 50%;
      transform: translate(-50%, 0);
      margin-bottom: 200px; }
      .post-wrapper main article h1 {
        font-family: 'Stag Web';
        font-weight: normal;
        font-size: 50px; }
      .post-wrapper main article h2 {
        font-family: 'Stag Web';
        font-size: 30px;
        font-weight: normal;
        text-indent: 30px;
        position: relative; }
        .post-wrapper main article h2:before {
          content: '';
          width: 20px;
          height: 1px;
          border-top: 1px solid #8D896D;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translate(0, -50%); }
      .post-wrapper main article img {
        width: 100%;
        height: auto; }
      .post-wrapper main article:after {
        content: '';
        width: 80%;
        height: 1px;
        border-top: 1px solid #8D896D;
        position: absolute;
        bottom: -75px;
        left: 50%;
        transform: translate(-50%, 0); }
      .post-wrapper main article iframe {
        width: 100% !important; }
      .post-wrapper main article p {
        font-size: 20px;
        line-height: 28px; }
    .post-wrapper main .author-info {
      max-width: 1000px;
      position: relative;
      left: 50%;
      transform: translate(-50%, 0);
      margin-bottom: 120px;
      display: flex; }
      @media (max-width: 960px) {
        .post-wrapper main .author-info {
          width: 94%;
          left: 50%;
          transform: translate(-50%, 0); } }
      @media (max-width: 560px) {
        .post-wrapper main .author-info {
          display: block; } }
      .post-wrapper main .author-info .column {
        margin-right: 40px;
        position: relative; }
        @media (max-width: 560px) {
          .post-wrapper main .author-info .column {
            height: auto;
            margin-bottom: 20px;
            width: 100%; } }
        .post-wrapper main .author-info .column .photo-wrapper {
          width: 120px;
          height: 120px;
          border-radius: 70px;
          overflow: hidden;
          position: relative;
          margin-right: 40px;
          bottom: 0; }
          @media (max-width: 560px) {
            .post-wrapper main .author-info .column .photo-wrapper {
              bottom: inherit;
              top: 0;
              left: 50%;
              transform: translate(-50%, 0); } }
          .post-wrapper main .author-info .column .photo-wrapper img {
            max-width: 100%;
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
        .post-wrapper main .author-info .column .info-wrapper {
          position: relative;
          top: 0; }
          @media (max-width: 560px) {
            .post-wrapper main .author-info .column .info-wrapper {
              left: 50%;
              transform: translate(-50%, 0);
              text-align: center; } }
          .post-wrapper main .author-info .column .info-wrapper p {
            font-family: 'Stag Sans Web';
            font-size: 16px;
            font-weight: normal; }
            .post-wrapper main .author-info .column .info-wrapper p:first-of-type {
              font-family: 'Stag Web';
              font-size: 20px;
              margin-top: 0;
              font-weight: normal; }

.postid-1622 .tribe-events-content {
  margin-left: 70px !important; }
  @media (max-width: 40em) {
    .postid-1622 .tribe-events-content {
      margin-left: 20px !important; } }
.postid-1622 .button {
  display: none; }

.postid-1622 .event-details {
  display: none !important; }

.postid-1622 .tribe-events-venue-map {
  display: none; }

.postid-1622 .secondary {
  display: none !important; }

.postid-1622 .eventbrite-ticket-section {
  padding: 40px 0; }
  .postid-1622 .eventbrite-ticket-section iframe {
    max-width: 1080px;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    height: 360px !important; }
    @media (max-width: 1090px) {
      .postid-1622 .eventbrite-ticket-section iframe {
        width: calc(100% - 40px) !important; } }
    @media (max-width: 500px) {
      .postid-1622 .eventbrite-ticket-section iframe {
        width: calc(100% - 20px) !important; } }
.page-template-page-newsletter-template header, .page-template-page-newsletter-template footer, .page-template-page-newsletter-template > div.newsletter, .page-template-page-newsletter-template > div.social {
  display: none; }

.page-template-page-newsletter-template #logo-row {
  padding: 24px 0 30px;
  text-align: center;
  vertical-align: middle;
  width: 100%; }

.page-template-page-newsletter-template #willie-smiths-logo {
  height: 103px; }

.page-template-page-newsletter-template h2 {
  color: #1F1918;
  font-family: 'Stag Web', cursive;
  font-size: 48px;
  font-weight: normal;
  line-height: 1;
  margin: 0 auto 0 auto;
  text-align: center;
  text-transform: uppercase;
  max-width: 720px;
  margin: 20px auto;
  padding: 0 20px; }
  @media (max-width: 40em) {
    .page-template-page-newsletter-template h2 {
      font-size: 28px; } }
.page-template-page-newsletter-template p.intro, .page-template-page-newsletter-template .button-wrapper {
  color: #1F1918;
  font-weight: normal;
  text-align: center;
  font-size: 22px;
  max-width: 720px;
  margin: 20px auto;
  padding: 0 20px; }
  @media (max-width: 40em) {
    .page-template-page-newsletter-template p.intro, .page-template-page-newsletter-template .button-wrapper {
      font-size: 18px; } }
.page-template-page-newsletter-template p.input {
  margin: 0; }
  .page-template-page-newsletter-template p.input input[type="text"], .page-template-page-newsletter-template p.input input[type="email"] {
    background-color: #F3F2ED;
    border: 1px solid transparent;
    border-radius: 5px;
    box-sizing: border-box;
    color: #1F1918;
    display: block;
    font-size: 1.338em;
    padding: 10px;
    width: 100%;
    position: relative;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    transition: border 300ms; }
  .page-template-page-newsletter-template p.input label {
    visibility: hidden; }
  .page-template-page-newsletter-template p.input input[type="text"]:focus, .page-template-page-newsletter-template p.input input[type="email"]:focus {
    border: 1px solid #9D2C3F;
    transition: border 300ms; }
  .page-template-page-newsletter-template p.input input[type="text"].valid, .page-template-page-newsletter-template p.input input[type="email"].valid {
    border: 1px solid #AEB395 !important;
    background: url("../img/checkmark.png") no-repeat transparent right center !important;
    background-size: auto 16px !important;
    transition: border 300ms; }

.page-template-page-newsletter-template h3.checkbox-intro {
  text-align: left;
  font-size: 16px;
  margin-top: 30px; }

.page-template-page-newsletter-template .choices {
  max-width: 560px;
  margin: 0 auto; }
  .page-template-page-newsletter-template .choices label {
    color: #1F1918;
    font-size: 16px;
    font-family: 'Stag Web';
    font-weight: bold;
    padding-right: 25px;
    display: inline-block;
    margin-bottom: 20px; }
    .page-template-page-newsletter-template .choices label span {
      display: inline-block;
      margin-left: 8px; }

.page-template-page-newsletter-template form {
  padding: 0 20px; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }