* {
  --brass-texture: url('https://rob-cdn.ams3.digitaloceanspaces.com/website-26/brand/brass-texture.jpg');
  --white-arrow: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAAABHNCSVQICAgIfAhkiAAAASpJREFUWEft2FsRwjAQBdDdiQCQgANwABKQ0ErACQ4oCpAADnCUy4RpmU7pI9nH8AN/MCT3dJukSZmUHwBVjHEfQqglXbGkUdcmhQO4pO8AGglCDABwBHDrX4AEoQGsATyIaKtBiAFt2XctYiVFqAAWCDVgDsHMJ2Y+zw10E8ACombmZgphBpAiTAEShDmgFOECKEG4AXIRroAW8Xle9GcCM79nhztgERFjhOaJqG3Lf8DPK6C9hznt+zunr5mQ04HmP7Ph3tMQQNqw3IloPbYGpN/c1oGccDdAbrgLoCTcHFAabgqQhJsBpOEmgKlwANcQQrW0hqimoTZcVQEA6Wj2JKLN4FSUdeVdG3EFJg6nReGqCgx3Orn3fDgmxBXoOmpfUBxyBtzYgHwBvFYa0BOa2P4AAAAASUVORK5CYII=);
  --orange-arrow: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAbCAYAAADf98keAAAABHNCSVQICAgIfAhkiAAAAllJREFUWEftmT1y00AUx/9/NRlo8BFyA9SQqAwnQGWsAlsnSG5AcgPnBLIpTDrECeJ0Kp0b+AhUYTLM8JhdW18raREeMrNEVuWx9q32/fZ97hIDeuZRkHjA/cdlNu+rNvsO/N/HKTgEpkoPAnFfSIMAlJwHx6SsSb7JN7ovJA1ITRDfZps2K0lCf6T+j9P199b3FlmXrC6J3vkUb/W3kPg5CqYCKPNrmJ2Cw9dHd0pReXx6b0LSH4V3BzCdLrPYJSCtm7kHJC7GwRzEZDfh1WSZXeeTJ+OT0KP3VQOCrE1Ii/HpDOTF9j3mLxGSdrEqJFPR3MK6IZWAXyKkIkgPDtJ5cOxRUpBvbYG7lsUGByn0R96ro5UNUiPNHyDV66TWOugAqUw6nYViDZJISnKd+6pAQoJ+HrgJptW0KpBLgrp+EkPW1VJAREYkL2vrE7mxVtJGCeCqbs+3LsG9HVAUfAJw9XwrcHxmG6BqcwfIN6B0MUB8gB+0eiIPYN3FIBKWmcGUdRSKyCgveosVdrlYDY5gMfmS6S5YPXl7oWOMyMOvH09n1RakWljCkHUUDfKWKo+r243f6t1wMSuc8UlIMumCs4hOLwDOqh9wFUqx4bt+sw2OGlMDZINTt4ym5dhkXYVks5xKdb39eYBTulV1Q7UFHeC0w9EudoDTDUcDKmJLS8YpTuGAjZmtlLBN1sW40yfmmOvOj1zP4tts1aaUgoTHnxvLkWunrEuQ9oHTyGIuKfQv19IKB7ieLLM/dgnDuNUwzn363mgMxoJ0B7CDRHLW905sUID2ddnfeUwVoMdZthIAAAAASUVORK5CYII=");

  --heritage-blue: #72b5cc;
  --heritage-red: #a71930;
  --heritage-green: #206c49;
  --heritage-purple: #865f7f;
  --heritage-brown: #b3967f;
  --heritage-yellow: #ffe45d;
  --rich-blue: #002a5f;
  --rich-red: #6b002c;
  --rich-green: #00544d;
  --rich-purple: #372b8a;
  --rich-brown: #4e2e2d;
  --rich-orange: #f26739;
  --pastel-blue: #a6def5;
  --pastel-red: #f494a8;
  --pastel-green: #98d4c1;
  --pastel-purple: #c9a2cb;
  --pastel-sand: #dedad3;
  --pastel-yellow: #ffeead;
}

* {
  box-sizing: border-box;
}

/* Typography ============================= */

.site-h1 {
  font-size: clamp(2.5rem, -1.5192rem + 9.6154vw, 3.5rem);
}

.site-h2 {
  font-size: clamp(2rem, -1.5192rem + 9.6154vw, 3rem);
}

.site-h3 {
  font-size: clamp(1.5rem, -1.5192rem + 9.6154vw, 2rem);
}

.site-h4 {
  font-size: clamp(1.375rem, -1.5192rem + 9.6154vw, 1.75rem);
}

.site-h5 {
  font-size: clamp(1.25rem, -1.5192rem + 9.6154vw, 1.5rem);
}

.site-h6 {
  font-size: clamp(1.125rem, -1.5192rem + 9.6154vw, 1.25rem);
}

p {
  >a {
    color: var(--wp--preset--color--button);
  }
}

/* Header & Footer =================================== */

div.rob-brand-footer {
  padding-top: 32px !important;

  @media(max-width: 959px) {
    padding-bottom: 100px !important;
  }

  .wp-block-columns {
    flex-wrap: wrap !important;
  }

  .rob-brand-footer__to-top {}

  .rob-brand-footer__main {

    .rob-brand-footer__main__logo {
      margin-bottom: 100px;

      @media(min-width: 782px) and (max-width: 959px) {
        flex-basis: 100%;
      }

      @media(max-width: 959px) {
        text-align: center;
      }

      @media(min-width: 960px) and (max-width: 1279px) {
        flex-basis: calc(25% - 1rem);
      }
    }

    .rob-brand-footer__main__navs {

      @media(min-width: 782px) and (max-width: 959px) {

        .wp-block-column {
          flex-basis: 100% !important;
        }
      }

      @media(min-width: 960px) and (max-width: 1279px) {
        flex-basis: calc(75% - 1rem);
      }

      .wp-block-details {

        @media(min-width: 960px) {
          &::details-content {
            content-visibility: visible !important;
          }
        }

        summary {
          font-family: 'Proxima Nova', sans-serif;
          padding: 10px 0;
          text-transform: uppercase;
          font-size: 20px;
          position: relative;
          list-style-type: none;
          margin-bottom: 10px;

          @media(max-width: 959px) {
            border-bottom: 2px solid currentColor;

            &::after {
              position: absolute;
              background-color: transparent;
              width: 14px;
              height: 14px;
              right: 0;
              top: 50%;
              transform: translateY(-50%) rotate(90deg);
              transition: transform .3s ease-in-out;
              margin-right: 0;
              content: '';
              background-size: cover;
              background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAlCAYAAADIgFBEAAAABHNCSVQICAgIfAhkiAAAAkBJREFUWEft2E1rE0EcBvDn2WzVGiwWe6g3BQ8q1IMeEsVDBBWsBxUM2JZm24Ne/BK9i6deheJLE40eUpCILzX4StJv4NGLB714SqxN9i+Drmyat83O7OLBHMPOzI/nmWGTIQx8yhcO7fy6d6Jkwb2VK2y8Djslww70xq0sHNjFzclnJDIC/CBk2snXKmHm1cIoiLU5uQ7ilLe4DkgLU8yeHG3Y7guQp/1JhAVpYRTAJEgb4wNVQKZ0EjKCUYB788eS0hxd1wEZwwwCgTi7sFr90O+UGcV4ILe1+y2B4+2VSR3k+X4g4xgFeDCXGmsKK8OCIsH4QO8JTAVNKDKMAqzOTo1vIfkmKChSzLCgyDF/QZL8SOJwv8piwShAfubExE+MvOsHig0zCERYZ3h3Ni1hXvemx4jgy7+DgXz/j+lWsahkVq6lM6b77zUf0UqQiWUQRzqeEbkZ22laWoJ18FP6CYgrnRBcdwrVO7FgilkkGnb6cQdERADeUBAFjByjIHU7tUbyYlsiIkLCyeVr973vI8UMA4k0mUomY3/e3ygFSSTSZP5AyiTPba8GwhnnYfVRtxNnvKbeELQgmOsFMV5TMXt0R93e87QzEbRcuFcXCxulWH6Q/4aMPVf/udurCQYxlkwfSNOFmx2UiLEN7L+F2JZIk5RLuXytHPR1o7WBu91CqIUFsmUBl4eBaNfULZWwEG2MmsC/XxSE4LSTr74KWo3/Oa2avInUNdq38X1rluD2fKH2MgzESDJhF+427heDNzew6hbhKwAAAABJRU5ErkJggg==);
              transform-origin: 50% 50%;
            }
          }

          @media(min-width: 960px) {
            color: var(--wp--preset--color--white);
            cursor: default;
          }
        }

        &[open] {

          summary {

            &::after {
              transform: translateY(-50%) rotate(-90deg);
            }
          }
        }

        p {
          font-size: 14px;

          a {
            text-decoration: none;
          }
        }

        ul.wp-block-social-links {
          gap: 24px;

          li {

            &:hover,
            &:focus {
              transform: none;
            }

            a {

              svg {
                color: var(--wp--preset--color--white);
              }

              &:hover,
              &:focus {

                svg {
                  color: var(--wp--preset--color--button);
                }
              }

              span {
                font-size: 14px;
              }
            }
          }
        }
      }
    }
  }

  .rob-brand-footer__extra {
    border-top: 2px solid var(--wp--preset--color--white);
    padding-top: .75rem;
    margin-top: 100px;

    @media(min-width: 960px) {
      border-color: rgba(255, 255, 255, 0.3);
    }

    .rob-brand-footer__extra__drinkaware {

      @media(min-width: 782px) and (max-width: 959px) {
        flex-basis: 100%;
      }

      @media(max-width: 959px) {
        text-align: center;
      }
    }

    .rob-brand-footer__extra__copy {

      @media(min-width: 782px) and (max-width: 959px) {
        flex-basis: 100%;
      }

      p {
        font-size: 14px;

        @media(max-width: 959px) {
          text-align: center !important;
        }

        @media(min-width: 960px) {
          opacity: 0.3;
        }
      }
    }
  }
}

/* Custom Block Styles =============================== */

div.wp-block-button {

  .wp-block-button__link {
    display: flex;
    align-items: center;
    text-align: left;

    &::after {
      display: block;
      margin-left: var(--wp--preset--spacing--small);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }
  }

  &:not(.is-style-outline, .is-style-link) {

    .wp-block-button__link {
      transition: background-color .3s ease-in-out;

      &:hover,
      &:focus {
        background-color: var(--wp--preset--color--highlight-green) !important;
      }

      &::after {
        content: "";
        width: 14px;
        height: 14px;
        flex-basis: 14px;
        background-image: var(--white-arrow);
        min-width: 14px;
      }
    }
  }

  &.is-style-link {

    .wp-block-button__link {

      &::after {
        content: "";
        width: 36px;
        min-width: 36px;
        flex-basis: 36px;
        height: 13px;
        margin-left: var(--wp--preset--spacing--small);
        background-image: var(--orange-arrow);
      }
    }
  }
}

button.brew-back-link {
  font-size: 0.875rem;
  font-family: 'Proxima Nova', sans-serif;
  line-height: 18px;

  @media(min-width: 960px) {
    font-size: 1rem;
  }
}

/* Custom Pattern Styles ============================= */

section.brew-full-screen-banner {

  &.wp-block-cover {
    min-height: 640px;

    &.is-position-bottom-center {
      align-items: center;
    }
  }
}

section.rob-find-pub {
  padding-top: 0 !important;
  margin-top: -90px;
  position: relative;
  z-index: 999;

  @media(max-width: 959px) {
    padding: 0 !important;
    margin-top: -36px !important;
  }

  .rob-find-pub__border {
    background-image: var(--brass-texture);
    background-size: cover;
  }

  .rob-find-pub__content-col {

    @media(max-width: 781px) {

      p {
        display: none;
      }
    }
  }

  &.rob-find-pub--intro {

    .rob-find-pub__form-col {
      @media(min-width: 782px) {
        .rob-pub-search-form {
          .rob-pub-search-form__row {
            display: flex;
            flex-wrap: wrap;

            .rob-pub-search-form__field--query {
              flex: 0 0 100%;
            }

            .rob-pub-search-form__field--radius {
              flex: 1;
            }

            .rob-pub-search-form__submit {
              flex: 1;
            }
          }
        }
      }
    }
  }
}

section.brew-callout-cta {

  .brew-callout-cta__content {

    @media(min-width: 782px) {
      flex-basis: 50% !important;
    }
  }

  .brew-callout-cta__btns {

    @media(min-width: 782px) {
      flex-basis: 33.333% !important;
    }

    @media(min-width: 960px) {
      flex-basis: 25% !important;
    }
  }
}

.brew-image-content-row {
  background-color: var(--wp--preset--color--black) !important;

  .wp-block-columns,
  .wp-block-columns.is-reversed {
    max-width: 100%;

    .wp-block-group {
      padding: 32px 24px !important;

      @media(min-width: 960px) {
        padding: 80px !important;
      }
    }

    .wp-block-image {
      @media(min-width: 782px) {
        width: 100%;
        margin-left: 0px !important;
        max-height: 600px;
      }

      img {
        aspect-ratio: 1012 / 600 !important;
        width: 100%;
        object-fit: cover;
      }
    }

    .brew-image-content-row__content {

      @media(min-width: 782px) and (max-width: 959px) {
        flex-basis: 100% !important;
      }

      @media(min-width: 960px) {
        flex-basis: 33.333% !important;
      }

      >div {
        @media(max-width: 959px) {
          padding: var(--wp--preset--spacing--large) !important;
        }

        /* @media(min-width: 960px) {
          max-width: 440px;
          margin: 0 auto;
        } */
      }

      p {
        &:last-of-type {
          margin-bottom: var(--wp--preset--spacing--large);
        }
      }
    }

    .brew-image-content-row__image {


      @media(min-width: 782px) and (max-width: 959px) {
        flex-basis: 100% !important;
      }

      @media(min-width: 960px) {
        flex-basis: 66.666% !important;
      }
    }
  }
}

.brew-card-row {
  /* &.brew-card-row--dark {
    --card-bg: var(--wp--preset--color--black);
    --card-text: var(--wp--preset--color--white);
  }

  --card-bg: var(--wp--preset--color--background);
  --card-text: var(--wp--preset--color--black); */

  .brew-card {
    /* background-color: var(--card-bg) !important;
    color: var(--card-text) !important; */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.16);
  }
}

.rob-brand-news-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wp--preset--spacing--medium);
  padding-inline: var(--wp--preset--spacing--medium);
  margin-bottom: 3rem;

  .rob-brand-news-grid__featured {
    width: calc(100% + var(--wp--preset--spacing--large));
    margin-left: calc(var(--wp--preset--spacing--medium) * -1);
  }

  .rob-brand-news-grid__listing {

    .wp-block-post-date {
      display: flex;
      align-items: center;
      gap: .75rem;

      time {
        opacity: 0.3;
      }

      &::before {
        content: '';
        width: 16px;
        height: 16px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(https://rob-cdn.ams3.digitaloceanspaces.com/website-26/brand/listing-cal.png);
      }

      &::after {
        content: '';
        background-color: var(--wp--preset--color--black);
        opacity: 0.3;
        height: 2px;
        flex: 1;
      }
    }
  }

  @media(min-width: 960px) {
    grid-template-columns: var(--wp--preset--spacing--medium) calc(58% - var(--wp--preset--spacing--medium) - 2rem) 4rem calc(21% - 2rem) calc(21% - var(--wp--preset--spacing--medium)) var(--wp--preset--spacing--medium);
    grid-template-rows: minmax(0, 1fr) auto auto minmax(0, 1fr);
    align-items: stretch;
    gap: 0;
    padding-inline: 0;

    .rob-brand-news-grid__title {
      grid-column: 4;
      grid-row: 2;
      align-self: center;

      .wp-block-heading {
        display: flex;
        align-items: center;
        gap: var(--wp--preset--spacing--medium);

        &::before {
          margin-bottom: 0;
        }
      }
    }

    .rob-brand-news-grid__featured {
      grid-column: 2;
      grid-row: 1 / 5;
      width: auto;
      margin-left: 0;
    }

    .rob-brand-news-grid__listing {
      grid-column: 4 / 6;
      grid-row: 3;
      padding-top: var(--wp--preset--spacing--medium);
    }

    .rob-brand-news-grid__more {
      grid-column: 5;
      grid-row: 2;
      align-self: center;

      .wp-block-buttons {
        justify-content: flex-end;
      }
    }
  }
}

section.brew-page-title {
  min-height: 220px;

  @media(min-width: 960px) {
    min-height: 540px;
  }

  .wp-block-heading {
    text-shadow: 0 0 3px black;
  }
}

section.brew-img-link-slider {

  .wp-block-brew-core-editor-slider {

    a.splide__slide-link {

      .wp-block-cover {
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32);
        border-radius: 0.5rem;

        .wp-block-cover__background {
          opacity: 0.7;
          background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 1) 100%) !important;
        }

        .wp-block-cover__inner-container {

          >* {
            margin-top: 0;
          }

          p {
            font-size: 1.5rem !important;
            font-family: 'Proxima Nova', sans-serif;
            line-height: 1.1;
            letter-spacing: 0.008em;
          }
        }
      }
    }
  }
}

.brew-beer-archive {

  .wp-block-query {
    margin-block-start: calc(var(--wp--preset--spacing--x-large) * -1);

    .brew-beer-archive__items {
      @media(max-width: 959px) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      @media(max-width: 781px) {
        grid-template-columns: repeat(1, minmax(0, 1fr));
      }

      .brew-beer-archive__item {
        box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

        .brew-beer-archive__item__head {
          display: grid;
          grid-template-columns: 1fr;
          grid-template-rows: 125px 1fr 15px;

          @media(min-width: 960px) {
            grid-template-rows: 160px 1fr 50px;
          }

          .brew-beer-archive__item__bg {
            display: flex;
            grid-column: 1 / 2;
            grid-row: 1 / 3;
            min-width: 100%;
            max-height: 600px;

            img {
              width: 100%;
              object-fit: cover;
              object-position: center;
            }
          }

          .brew-beer-archive__item__title {
            grid-column: 1 / 2;
            grid-row: 1 / 2;
            z-index: 2;
            left: 0;
            right: 0;
            margin: 0;
            place-self: center;
            padding-inline: var(--wp--preset--spacing--medium);
          }

          .wp-block-post-featured-image {
            grid-row: 2/4;
            grid-column: 1 / 2;
            place-self: flex-end;
            width: 100%;
            max-width: 270px;
            margin-inline: auto;

            img {
              object-fit: contain !important;
            }
          }
        }
      }

      .brew-beer-archive__item__meta {
        border-bottom: 1px solid var(--wp--preset--color--black);
        margin-inline: 3rem;
        display: flex;
        align-items: center;
        padding-block: 1.5rem;
        width: calc(100% - 5rem);

        p {
          /* padding-inline: 1.25rem; */
          font-size: 0.875rem;
          font-weight: bold;
          text-align: center;
          line-height: 1;
          width: 65px;
          font-family: 'Proxima Nova', sans-serif;
          text-transform: uppercase;

          &::before {
            width: 25px;
            height: 25px;
            margin: 0 auto 0.875rem;
            background-size: cover;
            background-position: center;
            content: '';
            display: block;
          }
        }

        p.brew-beer-archive__item__meta--type {

          &::before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAMAAADGmMENAAAAhFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8qm6wAAAAK3RSTlMAEDDvgODQYB+gkEDAcLBQCPk446+IAfHISye5eFgX2b1vPyuomJNiQwPK6phawAAAAp1JREFUOMuNlely5CAMhMVpMNie+8rkTjab7fd/v0UoLs/kmukflDFfCdOSMJ3qbtnS9WrQEx2Pd9fRER1tDMJFcL94p80SB9JwF+EJPOL1Eixgh0iUMVyCBbzBLc3mUJfgCdxjR/T6sPiFFTDBE7WwRA76M3G64WJewDXWRB6JDlhuJldjBUx3ajRsBQPMrB5iWjGhwFvYaRsU5edmJtns0ZzAmujvFuszR5IB18jz+pY22zGb4Wa+ZXjOa7PVm7x19RvKQMpmB9yPZQOOOQh8g/sZsYAyWHjqDFh5hD0c3Qr8AHdHE02dzkCfghU68ckdhl2Fd3CBTmnKcEM9WSufZ3lDq45EaoLZ5FB3NkFmg8wUj5Y98xPMEaIEE4MYo77OEjtKLxUWvmk1oClJYStTsGZFGYk9bFvuwIdQMMlCSUYLoy14QXt4pYGUoWuo3sCvHlWBhXYIFOEzLAUL3tQgSmUNBiKzKvDkSKuLIyiyvGeWHo0FawKlJgNzgYUuPADf626Vism1/1sYq0gO81EoY28FlbT4lwCeN3vZXF76c/96V2ENM27m0AuQcq3EuhwU+1cGJVFaBcNIeUS2T09DBsOiKP5JB6gVvGI7OInKjo5ERSJe4sqwbEZnapTehxboiFTX5py7IORUrRTh2MBeoiSMt4oaJvTcP5OHwWoxjJtWUnuCT7dBl4JUgfSpe3xSlCL4HEXn/jVv3EXizOGRGo8PtWcwBXDw3VhgPekl9lTCZgPffrmci39seZBHpQ3+fBxQ0TfKiANnNjlgmGDtvf6GVlG1+JcN4HWB55EhTo0c8KvuUWQsFbiez/MYf4ADtl1SxLClEB2YTb/9y4oWDFdpTT/rRVL3vLR0WRuDw3SlX/OLul7vi/2V5H+oo0RWIQQvqwAAAABJRU5ErkJggg==);
          }
        }

        p.brew-beer-archive__item__meta--abv {

          &::before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAArCAMAAAA5QerMAAAAdVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB5WX1YAAAAJnRSTlMAwD+AMBB0il5/olCuWNCQ8O/gph+fYFP556D1uHAqCseIOBjXRBwOS70AAAFiSURBVDjL7dTbcoIwFIXhnQOtNJhAihTwbNv1/o9YQiAWGIy97zejY+TPGCJAPQ2nvlwTitEYNN/0nFNa70t60gaHSGFYx3AianB+nDL0lPt0I3g247QkeceAEWX4IAQprQB8OigFoCJpcEQRSdErFJFFEkmHNiEG/iAdl+ey1XQH697Y5/hnu1TRUqKRd9+XX2hubpgBJRkUy1YWsLKfckC9cQvJeTdol3tbAWw8WQEYkkwO+4VssgsGaClQe1zCYZ5Dy/syGVBNLkYLGw6XGgUfl2mRhwNhcr0Ngww4+ll7NOZ14kx0Bbak3j0NCH8WC25nU7TdK2A+PbzMnPv74Y1O24EYU0FzQxrw//T5VDITSUs+khRJBQKdPE4rNsqxW0+lUL9HOaRPE740uYT9bW66lGPJ/2Q6sF1aAYokC6bLw52kYnJbzZcnAuXm0YrZU+iPKVtRzNMWq3RCU3zVrPwB7JQ11kYMOUMAAAAASUVORK5CYII=);
          }

          &::after {
            content: 'Vol.';
            font-family: 'Libre Baskerville', serif;
            font-weight: normal;
            font-style: italic;
            display: block;
            text-transform: none;
          }
        }
      }

      .brew-beer-archive__item__more {
        letter-spacing: 0.06em;
        font-family: 'Proxima Nova', sans-serif;
        letter-spacing: 0.06em;
        line-height: 1.5;

        &::after {
          width: 36px;
          height: 13px;
          content: "";
          display: inline-block;
          transition: margin-left .3s ease-in-out;
          margin-left: 18px;
          background-size: contain;
          background-image: var(--orange-arrow);
          background-repeat: no-repeat;
          background-position: center;
        }
      }
    }
  }
}

section.brew-beer-banner {

  .brew-back-link {
    font-family: "Proxima Nova", sans-serif;

    .back-link-icon {
      padding-left: 16px;
    }
  }

  .brew-beer-banner__content {

    @media(min-width: 782px) {
      border-top: 2px solid var(--wp--preset--color--white);
      padding-top: 2rem;
      margin-top: 2rem;
    }

    .brew-beer-banner__data {
      @media(max-width: 781px) {
        position: absolute;
        left: 1rem;
        top: 320px;
        width: 90px;

        figure {
          margin-inline: 0 !important;
        }

        p {
          text-align: left;
        }
      }
    }

    .brew-beer-banner__image {

      figure {
        text-align: center;
      }

      .wp-block-post-featured-image :where(img) {
        width: auto;
      }

      @media(max-width: 781px) {
        figure {
          text-align: center;
          border-bottom: 2px solid var(--wp--preset--color--white);
          margin-left: -1rem;
          width: 100vw;
          margin-bottom: 2rem;
        }

        .wp-block-post-featured-image :where(img) {
          margin-bottom: -1rem;
        }
      }

      @media(min-width: 782px) {
        figure {
          margin-top: -120px;


        }
      }
    }

    .brew-beer-banner__notes {}
  }
}

section.rob-beer-detail {

  .rob-beer-detail__notes {

    .wp-block-brew-core-editor-social-sharing {

      p {
        font-family: "Proxima Nova", sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 1.5rem;
      }

      ul {
        justify-content: flex-start;
        gap: 44px;

        a {
          color: var(--wp--preset--color--button);
        }
      }
    }
  }
}

.brew-pub-about-us {
  details {
    display: flex;
    flex-direction: column;

    .wp-block-group {
      opacity: 0;
      transition: opacity 1s;
    }

    &[open] {
      .wp-block-group {
        border-top: 2px solid var(--wp--preset--color--black);
        opacity: 1;

        p {
          @media(min-width: 782px) {
            column-count: 2;
          }
        }
      }

      summary {
        display: flex;
        align-items: center;
        color: var(--wp--preset--color--button);

        @media(max-width: 781px) {
          justify-content: space-between;
        }

        &::before {
          content: "CLOSE";
        }

        &::after {
          content: "";
          width: 25px;
          height: 25px;
          background-color: var(--wp--preset--color--button);
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNTg1OSAxMkwyLjc5Mjk3IDQuMjA3MDZMNC4yMDcxOCAyLjc5Mjg1TDEyLjAwMDEgMTAuNTg1N0wxOS43OTMgMi43OTI4NUwyMS4yMDcyIDQuMjA3MDZMMTMuNDE0MyAxMkwyMS4yMDcyIDE5Ljc5MjhMMTkuNzkzIDIxLjIwNzFMMTIuMDAwMSAxMy40MTQyTDQuMjA3MTggMjEuMjA3MUwyLjc5Mjk3IDE5Ljc5MjhMMTAuNTg1OSAxMloiPjwvcGF0aD48L3N2Zz4=");
          mask-repeat: no-repeat;
          mask-position: center;
          mask-size: cover;
          margin-left: var(--wp--preset--spacing--medium);
        }

        span {
          display: none;
        }
      }
    }
  }

  summary {
    display: flex;
    list-style: none;
    font-family: var(--wp--preset--font-family--proxima-nova);
    font-weight: bold;
    margin-bottom: var(--wp--preset--spacing--small);
    text-transform: uppercase;
    padding-left: var(--wp--preset--spacing--x-large);
    padding-bottom: var(--wp--preset--spacing--small);
    border-bottom: 2px solid var(--wp--preset--color--black);
    overflow: hidden;
    color: var(--wp--preset--color--button);

    span {
      display: flex;
      align-items: center;
      flex: 1;

      &::after {
        content: "";
        width: 34px;
        height: 12px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAbCAYAAADf98keAAAABHNCSVQICAgIfAhkiAAAAllJREFUWEftmT1y00AUx/9/NRlo8BFyA9SQqAwnQGWsAlsnSG5AcgPnBLIpTDrECeJ0Kp0b+AhUYTLM8JhdW18raREeMrNEVuWx9q32/fZ97hIDeuZRkHjA/cdlNu+rNvsO/N/HKTgEpkoPAnFfSIMAlJwHx6SsSb7JN7ovJA1ITRDfZps2K0lCf6T+j9P199b3FlmXrC6J3vkUb/W3kPg5CqYCKPNrmJ2Cw9dHd0pReXx6b0LSH4V3BzCdLrPYJSCtm7kHJC7GwRzEZDfh1WSZXeeTJ+OT0KP3VQOCrE1Ii/HpDOTF9j3mLxGSdrEqJFPR3MK6IZWAXyKkIkgPDtJ5cOxRUpBvbYG7lsUGByn0R96ro5UNUiPNHyDV66TWOugAqUw6nYViDZJISnKd+6pAQoJ+HrgJptW0KpBLgrp+EkPW1VJAREYkL2vrE7mxVtJGCeCqbs+3LsG9HVAUfAJw9XwrcHxmG6BqcwfIN6B0MUB8gB+0eiIPYN3FIBKWmcGUdRSKyCgveosVdrlYDY5gMfmS6S5YPXl7oWOMyMOvH09n1RakWljCkHUUDfKWKo+r243f6t1wMSuc8UlIMumCs4hOLwDOqh9wFUqx4bt+sw2OGlMDZINTt4ym5dhkXYVks5xKdb39eYBTulV1Q7UFHeC0w9EudoDTDUcDKmJLS8YpTuGAjZmtlLBN1sW40yfmmOvOj1zP4tts1aaUgoTHnxvLkWunrEuQ9oHTyGIuKfQv19IKB7ieLLM/dgnDuNUwzn363mgMxoJ0B7CDRHLW905sUID2ddnfeUwVoMdZthIAAAAASUVORK5CYII=);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-left: var(--wp--preset--spacing--medium);
      }

      @media(max-width: 781px) {
        justify-content: space-between;

        &::after {
          background-color: var(--wp--preset--color--button);
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjAiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjc3LjM3NSA4NXYyNTkuNzA0bDExOS43MDItMTE5LjcwMkw0MjcgMjU2IDI1NiA0MjcgODUgMjU2bDI5LjkyNC0yOS45MjIgMTE5LjcwMSAxMTguNjI2Vjg1aDQyLjc1eiI+PC9wYXRoPjwvc3ZnPg==");
          mask-repeat: no-repeat;
          mask-position: center;
          mask-size: cover;
          margin-left: var(--wp--preset--spacing--medium);
          width: 30px;
          height: 30px;
        }
      }
    }
  }
}

.rob-search-results {
  height: calc(100vh - 125px);
  position: relative;

  .wp-block-columns {
    flex-wrap: wrap !important;
    height: calc(100vh - 125px);

    .wp-block-column {
      flex-basis: 100%;

      &.rob-search-results__form {
        height: calc(100vh - 125px);
        overflow: auto;

        /* Firefox */
        scrollbar-width: none;

        /* IE/old Edge */
        -ms-overflow-style: none;

        &::-webkit-scrollbar {
          display: none;
          /* Chrome, Safari, newer Edge */
        }

        @media(min-width: 960px) {
          flex-basis: 360px;
          max-width: 360px;
          display: block !important;
          visibility: visible !important;
        }

        @media(min-width: 1280px) {
          flex-basis: 480px;
          max-width: 480px;
        }
      }

      &.rob-search-results__map {
        display: none;
        visibility: hidden;

        @media(min-width: 960px) {
          flex: 1;
          display: block !important;
          visibility: visible !important;
        }
      }
    }
  }

  button.map-list-toggle {
    position: absolute;
    bottom: 3.5rem;
    left: 50%;
    transform: translateX(-50%);
    border: 2px solid #C6A693;
    box-shadow: -7px -1px 18px rgba(0, 0, 0, 0.60);
    font-family: 'Proxima Nova', sans-serif;
    font-size: 0.875rem;
    line-height: 1;
    text-transform: uppercase;
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;

    @media(min-width: 960px) {
      display: none;
      visibility: hidden;
    }

    span {
      display: flex;
      padding: 0.75rem 1.25rem;
      gap: 0.75rem;
      align-items: center;
      justify-content: center;

      &::before {
        content: '';
        display: block;
        width: 18px;
        height: 18px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAcCAYAAAAN3M1lAAAABHNCSVQICAgIfAhkiAAAARpJREFUWEdj5OHh+c9AAPz//7/v69evxcjKiNFHyFw88mGMxFgwoA5jYmLC8MC/f//AYvgchk0fuSEFsw+oHxFig9ZhjIyMWEMMJI4vxLDpIzfEgPbAtA7iNMbFxVVHyIfAUDkOzJW7kdURo4+Qubjk//z5sxoz/sg1jcr6Rh1GaoAycnNzTySkCZhb9n379m0jsjpi9BEyF4/8/MFf8mMrj2DlCr3KMVDJD3XHEC356R1iQ6PkBzZ73hKRe6Z++fIFpYYgUh8RRmMqAaa1xNECltSgG7whBkwr9oR8A6ztH//48eMeWpufoD5C5uKSB6bnq4O/5MfmelC5QqgFS26oENA3BEr+QdsZGbRRiS/OB6rDSzDbD0RxAQA82wtVQrUa1wAAAABJRU5ErkJggg==);
      }
    }

    .list {
      display: none;
      visibility: hidden;
    }

    .map {
      background-color: var(--wp--preset--color--black);
      color: var(--wp--preset--color--white);

      &::before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAuCAYAAAC4e0AJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAJnmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6R0lNUD0iaHR0cDovL3d3dy5naW1wLm9yZy94bXAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpJcHRjNHhtcEV4dD0iaHR0cDovL2lwdGMub3JnL3N0ZC9JcHRjNHhtcEV4dC8yMDA4LTAyLTI5LyIgeG1sbnM6cGx1cz0iaHR0cDovL25zLnVzZXBsdXMub3JnL2xkZi94bXAvMS4wLyIgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZDhmZGRmNmMtYTk3Ny0wMTRiLTk5MjAtYjI1NjcwMzk2YjU2IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVhOTZjZmZhLTMzYTYtNjA0NS04YjI5LWJhMmUwYjQ1MWZiZiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmQ4ZmRkZjZjLWE5NzctMDE0Yi05OTIwLWIyNTY3MDM5NmI1NiIgR0lNUDpBUEk9IjIuMCIgR0lNUDpQbGF0Zm9ybT0iV2luZG93cyIgR0lNUDpUaW1lU3RhbXA9IjE2MDUxODkzMTY0OTAyOTYiIEdJTVA6VmVyc2lvbj0iMi4xMC4yMiIgZGM6Rm9ybWF0PSJpbWFnZS9wbmciIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0iR0lNUCBidWlsdC1pbiBzUkdCIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMC0xMC0yOFQyMDo0NjoxNloiIHhtcDpDcmVhdG9yVG9vbD0iR0lNUCAyLjEwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTExLTE5VDExOjM1OjUzWiIgeG1wOk1vZGlmeURhdGU9IjIwMjAtMTEtMTlUMTE6MzU6NTNaIiB0aWZmOk9yaWVudGF0aW9uPSIxIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpkOGZkZGY2Yy1hOTc3LTAxNGItOTkyMC1iMjU2NzAzOTZiNTYiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIgc3RFdnQ6d2hlbj0iMjAyMC0xMC0yOFQyMDo0NjoxNloiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDpjaGFuZ2VkPSIvIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzYjM1YTliLWVhNTUtNGViMy04NmI5LTIwMWM1MDczYTQ1ZCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChXaW5kb3dzKSIgc3RFdnQ6d2hlbj0iMjAyMC0xMS0xMlQxMzo1NToxNiIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NWE5NmNmZmEtMzNhNi02MDQ1LThiMjktYmEyZTBiNDUxZmJmIiBzdEV2dDp3aGVuPSIyMDIwLTExLTE5VDExOjM1OjUzWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8SXB0YzR4bXBFeHQ6TG9jYXRpb25DcmVhdGVkPiA8cmRmOkJhZy8+IDwvSXB0YzR4bXBFeHQ6TG9jYXRpb25DcmVhdGVkPiA8SXB0YzR4bXBFeHQ6TG9jYXRpb25TaG93bj4gPHJkZjpCYWcvPiA8L0lwdGM0eG1wRXh0OkxvY2F0aW9uU2hvd24+IDxJcHRjNHhtcEV4dDpBcnR3b3JrT3JPYmplY3Q+IDxyZGY6QmFnLz4gPC9JcHRjNHhtcEV4dDpBcnR3b3JrT3JPYmplY3Q+IDxJcHRjNHhtcEV4dDpSZWdpc3RyeUlkPiA8cmRmOkJhZy8+IDwvSXB0YzR4bXBFeHQ6UmVnaXN0cnlJZD4gPHBsdXM6SW1hZ2VTdXBwbGllcj4gPHJkZjpTZXEvPiA8L3BsdXM6SW1hZ2VTdXBwbGllcj4gPHBsdXM6SW1hZ2VDcmVhdG9yPiA8cmRmOlNlcS8+IDwvcGx1czpJbWFnZUNyZWF0b3I+IDxwbHVzOkNvcHlyaWdodE93bmVyPiA8cmRmOlNlcS8+IDwvcGx1czpDb3B5cmlnaHRPd25lcj4gPHBsdXM6TGljZW5zb3I+IDxyZGY6U2VxLz4gPC9wbHVzOkxpY2Vuc29yPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu2wzGIAAAQkSURBVGiBzVmxjhNJEK3eiIwJyW4OEjLmMsK5HAmLHOGQAAl/Aes/WN/9wM2dhMSRYAIkRILJyHb+wJMT2EhIF63eBVOD26+rxz3enYWSHMzU66pX1V3d1WMnVyQAMhF5KCITEclEpFTVVkRqEWlEZCkin5xz26vyeykBkAE4RbpsAJz+aN4CoFQyx8g5gOJHEZ8eSZpnofxZiG8BzFVfKLbU54XqrQCK6yJewF4qS7RF2zc2B7CKBNA79qrIW84nRPA5gL8AfARwps+Zh5kZNqqxiU8Mp3MiZc1Kl93Swy4NTD4meXZYe7pFhDTLVPEZwhpYjEU8M4gUqisTiQPtDOQ6jgt/PRb5gKCnq0lVo11i3U7TkH6p43IjuHwM8pyllafzZQvaOdDuUGaGES6dMpXTyQD+OT3X6pyd1dy7OOdqEfnq2/ICrAdw2JMh5JvI+y0934zg9t5fa3NmrPmVp2MpD4ytPd3eshkzAJZc31sH1xnaw+kM4d5f6Tg+N5oxyfOustD3BWewR74XNMJzYzkmed5xNh6R1C5zonjrbChHI69Oec+uPF1p6Dup4XWPCJfaalTi6nRuEPNJZRrEHG3LMOOMwp6lUsYW2D3J+cDxG56VESnvOZ7AbmnniTasbvIBgCdjkj71Mha7VBQH7Fgt9QK7pbgG8ARXdTEh0p1UGgAvn3XMseLZTgPgF+P9Bto6X4a4VZyd5LAL703EFp8RwK6wY3J8AEZGgN0lO1OMtYZnZKcyMHPV5Yhfzo/r7xFmdY+0h7N2H2B3UbFmpzb8ZWqfbU2OIf+RjCx6sFZ7sIFdoEG/T7Z4lpYxrIsYyEWEp+xX51zjYf4Vkdsicq6/byLyT8yRylcReazjftPfW+fcC89uofaivnsF4WV6RfoTAF8Icxf2/r+3BIzZWBn+ucWYJRHXwRsaPCX9XdJ/AXCiOqs4vxMAcIve/wfgBtnnJKQVLoxCTcC8Jz1vixXpObP3SZ8ZwZfMw7oG8jFdGZj79PyZnksR+b37OeempF/12dMr4t+EYRv7gsRPEUZmy17D4finNP6VgbH6/azPaG+hKuYGgAsPcwFaswnkC/LTRHDphYsDhaoYzkg9hLjaOEFbqL7cMnBphYuEQlXca8K9NDD3ADzyfncMzGey84eBSSrc3hMVu5Z4bRiD6jIP/yfpn3m6HO3nb0vWoL4e4dZbMXGzUBH28X2y6YKwyGPYH29r6Dd9HCpchIW6hv29JdXxB3r37khbG7QBc98088kPMdx1l1PEvxSkSoO2XYidyjE574hbLaslQUuMeBt7SBqELUeONohUW4VVqJajGfrb2C6IQ7LFgYs60hNS9TVSQXYOCXbZM0n3JeCIIKYd0C/YeijpSBBLtF8YKlzy3w6E9TVlwATX/W/0QNEgpt3z/2UY0WM8TnoVAAAAAElFTkSuQmCC);
      }
    }
  }

  &[data-view-map="true"] {
    .rob-search-results__form {
      display: none;
      visibility: hidden;
    }

    .rob-search-results__map {
      display: block !important;
      visibility: visible !important;
    }

    button.map-list-toggle {

      .list {
        display: flex;
        visibility: visible;
      }

      .map {
        display: none;
        visibility: hidden;
      }
    }
  }
}

.pub-about-wrap {

  .brew-pub-facilities__list {
    padding-left: 0;

    @media(min-width: 782px) {
      width: 40%;
      float: right;
      margin-left: 32px;
      margin-bottom: 32px;
    }

    @media(min-width: 960px) {
      margin-left: 10%;
    }
  }
}

.brew-pub-contact {
  padding-top: 0 !important;
  padding-bottom: 90px !important;

  .wp-block-columns {
    gap: 0 !important;
    background-color: var(--page-color-dark);

    .wp-block-column {
      padding: 40px !important;
      box-sizing: border-box;

      &:nth-of-type(2) {
        padding: 0 !important;
      }

      h3.wp-block-heading {
        font-size: 24px;
      }

      p.wp-block-paragraph {
        font-size: 14px !important;

        @media(min-width: 960px) {
          font-size: 16px !important;
        }
      }

      .wp-block-buttons {

        .wp-block-button__link {

          i {
            border-right: 1px solid currentColor;
            height: 18px;

            svg {
              width: 18px;
              height: 18px;
            }
          }

          &::after {
            display: none;
          }
        }
      }

      .brew-pub-opening-times__panel-cell--day {
        font-family: 'Proxima Nova', sans-serif;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-weight: 700;
      }
    }
  }

  .brew-pub-contact__socials {
    .wp-block-button__link {
      &::before {
        content: "";
        width: 26px;
        height: 28px;
        background-color: var(--wp--preset--color--white);
        mask-size: cover;
        mask-repeat: no-repeat;
        color: var(--wp--preset--color--white);
      }

      &::after {
        background-image: none !important;
      }
    }
  }

  .brew-pub-contact__btn-fb {
    &.is-style-link {
      .wp-block-button__link {
        &::before {
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjAiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg4MCAxMTJIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY3MzZjMCAxNy43IDE0LjMgMzIgMzIgMzJoNzM2YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE0NGMwLTE3LjctMTQuMy0zMi0zMi0zMnptLTkyLjQgMjMzLjVoLTYzLjljLTUwLjEgMC01OS44IDIzLjgtNTkuOCA1OC44djc3LjFoMTE5LjZsLTE1LjYgMTIwLjdoLTEwNFY5MTJINTM5LjJWNjAyLjJINDM0LjlWNDgxLjRoMTA0LjN2LTg5YzAtMTAzLjMgNjMuMS0xNTkuNiAxNTUuMy0xNTkuNiA0NC4yIDAgODIuMSAzLjMgOTMuMiA0Ljh2MTA3Ljl6Ij48L3BhdGg+PC9zdmc+");
        }
      }
    }
  }

  .brew-pub-contact__btn-insta {
    &.is-style-link {
      .wp-block-button__link {
        &::before {
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBzdHJva2Utd2lkdGg9IjAiIHZpZXdCb3g9IjAgMCA0NDggNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yMjQuMSAxNDFjLTYzLjYgMC0xMTQuOSA1MS4zLTExNC45IDExNC45czUxLjMgMTE0LjkgMTE0LjkgMTE0LjlTMzM5IDMxOS41IDMzOSAyNTUuOSAyODcuNyAxNDEgMjI0LjEgMTQxem0wIDE4OS42Yy00MS4xIDAtNzQuNy0zMy41LTc0LjctNzQuN3MzMy41LTc0LjcgNzQuNy03NC43IDc0LjcgMzMuNSA3NC43IDc0LjctMzMuNiA3NC43LTc0LjcgNzQuN3ptMTQ2LjQtMTk0LjNjMCAxNC45LTEyIDI2LjgtMjYuOCAyNi44LTE0LjkgMC0yNi44LTEyLTI2LjgtMjYuOHMxMi0yNi44IDI2LjgtMjYuOCAyNi44IDEyIDI2LjggMjYuOHptNzYuMSAyNy4yYy0xLjctMzUuOS05LjktNjcuNy0zNi4yLTkzLjktMjYuMi0yNi4yLTU4LTM0LjQtOTMuOS0zNi4yLTM3LTIuMS0xNDcuOS0yLjEtMTg0LjkgMC0zNS44IDEuNy02Ny42IDkuOS05My45IDM2LjFzLTM0LjQgNTgtMzYuMiA5My45Yy0yLjEgMzctMi4xIDE0Ny45IDAgMTg0LjkgMS43IDM1LjkgOS45IDY3LjcgMzYuMiA5My45czU4IDM0LjQgOTMuOSAzNi4yYzM3IDIuMSAxNDcuOSAyLjEgMTg0LjkgMCAzNS45LTEuNyA2Ny43LTkuOSA5My45LTM2LjIgMjYuMi0yNi4yIDM0LjQtNTggMzYuMi05My45IDIuMS0zNyAyLjEtMTQ3LjggMC0xODQuOHpNMzk4LjggMzg4Yy03LjggMTkuNi0yMi45IDM0LjctNDIuNiA0Mi42LTI5LjUgMTEuNy05OS41IDktMTMyLjEgOXMtMTAyLjcgMi42LTEzMi4xLTljLTE5LjYtNy44LTM0LjctMjIuOS00Mi42LTQyLjYtMTEuNy0yOS41LTktOTkuNS05LTEzMi4xcy0yLjYtMTAyLjcgOS0xMzIuMWM3LjgtMTkuNiAyMi45LTM0LjcgNDIuNi00Mi42IDI5LjUtMTEuNyA5OS41LTkgMTMyLjEtOXMxMDIuNy0yLjYgMTMyLjEgOWMxOS42IDcuOCAzNC43IDIyLjkgNDIuNiA0Mi42IDExLjcgMjkuNSA5IDk5LjUgOSAxMzIuMXMyLjcgMTAyLjctOSAxMzIuMXoiPjwvcGF0aD48L3N2Zz4=");
        }
      }
    }
  }

  .brew-pub-contact__btn-x {
    &.is-style-link {
      .wp-block-button__link {
        &::before {
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjAiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzg5LjIgNDhoNzAuNkwzMDUuNiAyMjQuMiA0ODcgNDY0SDM0NUwyMzMuNyAzMTguNiAxMDYuNSA0NjRIMzUuOEwyMDAuNyAyNzUuNSAyNi44IDQ4SDE3Mi40TDI3Mi45IDE4MC45IDM4OS4yIDQ4ek0zNjQuNCA0MjEuOGgzOS4xTDE1MS4xIDg4aC00MkwzNjQuNCA0MjEuOHoiPjwvcGF0aD48L3N2Zz4=");
        }
      }
    }
  }
}

.brew-post-banner {

  .brew-post-banner__banner {

    * { text-shadow: 0 0 3px black; }

    @media(max-width: 959px) {
      min-height: 480px !important;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      padding: var(--wp--preset--spacing--medium) var(--wp--preset--spacing--medium) var(--wp--preset--spacing--large) !important;
    }
  }

  .wp-block-cover__inner-container {
    height: -webkit-fill-available;
  }

  .wp-block-post-date {
    display: flex;
    align-items: flex-start;
    max-width: none;
    font-family: 'Proxima Nova', sans-serif;
    text-transform: uppercase;

    @media(min-width: 960px) {
      align-items: center;
    }

    @media(max-width: 959px) {
      font-size: 0.75rem;
      align-self: stretch;
      flex-wrap: wrap;
      margin-left: 0 !important;
      margin-right: 0 !important;
      margin-bottom: var(--wp--preset--spacing--small) !important;
      padding-bottom: 5px;
      order: 1;
    }

    &::before {
      width: 15px;
      height: 15px;
      content: "";
      margin-right: 10px;
      vertical-align: bottom;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143.75' height='156.25' fill='%23ffffff' stroke='%23ffffff' stroke-width='0' viewBox='0 0 184 200'%3E%3Cpath stroke='none' d='M172 16h-28V4a4 4 0 0 0-8 0v12H48V4a4 4 0 0 0-8 0v12H12A12 12 0 0 0 0 28v160a12 12 0 0 0 12 12h160a12 12 0 0 0 12-12V28a12 12 0 0 0-12-12M12 24h28v12a4 4 0 0 0 8 0V24h88v12a4 4 0 0 0 8 0V24h28a4 4 0 0 1 4 4v36H8V28a4 4 0 0 1 4-4m160 168H12a4 4 0 0 1-4-4V72h168v116a4 4 0 0 1-4 4m-72-80a8 8 0 1 1-8-8 8 8 0 0 1 8 8m44 0a8 8 0 1 1-8-8 8 8 0 0 1 8 8m-88 40a8 8 0 1 1-8-8 8 8 0 0 1 8 8m44 0a8 8 0 1 1-8-8 8 8 0 0 1 8 8m44 0a8 8 0 1 1-8-8 8 8 0 0 1 8 8'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
    }

    &::after {
      content: "";
      height: 1px;
      background-color: var(--wp--preset--color--white);
      flex-grow: 1;

      @media(max-width: 959px) {
        flex-basis: 100%;
        margin-top: var(--wp--preset--spacing--small)
      }

      @media(min-width: 960px) {
        margin-left: var(--wp--preset--spacing--medium);
      }
    }
  }

  .wp-block-post-title {

    @media(max-width: 751px) {
      font-size: 1.5rem;
      line-height: 1.25;
    }

    @media(max-width: 959px) {
      order: 2;
    }

    @media(min-width: 960px) {
      max-width: 550px;
      margin-left: 0 !important;
    }
  }

  .brew-post-banner__back {
    align-self: flex-start;
    margin-bottom: auto;
    margin: 0 !important;
    position: absolute;
    top: calc(-18px - var(--wp--preset--spacing--medium));
    left: 0;

    @media(min-width: 960px) {
      top: auto;
      bottom: var(--wp--preset--spacing--large);
    }
  }

  .brew-post-banner__meta-bar {
    flex-wrap: wrap;
    padding-bottom: var(--wp--preset--spacing--medium);

    @media(max-width: 959px) {
      padding-inline: var(--wp--preset--spacing--medium) !important;
      flex-direction: column;
      gap: var(--wp--preset--spacing--large);
    }

    @media(min-width: 960px) {

      &::after {
        content: "";
        border-bottom: 1px solid var(--wp--preset--color--black);
        flex-basis: 100%;
      }
    }

    .brew-post-banner__author {

      @media(max-width: 959px) {
        order: 2;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        border-bottom: 1px solid var(--wp--preset--color--black);
      }

      @media(min-width: 960px) {
        gap: var(--wp--preset--spacing--large);
      }

      .wp-block-image {
        /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAYAAAA9zQYyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUwQkUxQ0Q0MjI5MjExRUJBMDA4RDI2Q0UyQUZGNkVGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUwQkUxQ0Q1MjI5MjExRUJBMDA4RDI2Q0UyQUZGNkVGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTBCRTFDRDIyMjkyMTFFQkEwMDhEMjZDRTJBRkY2RUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTBCRTFDRDMyMjkyMTFFQkEwMDhEMjZDRTJBRkY2RUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5xeiykAAAYtklEQVR42uydC5BU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); */
        width: 44px;
        height: 44px;
        background-size: cover;
        background-position: center;
        flex-basis: auto;

        img {
          width: 100%;
          aspect-ratio: 1;
          border-radius: 50%;
        }

        @media(min-width: 960px) {
          width: 94px;
          height: 94px;
        }
      }

      p {
        font-size: 0.875rem;
        /* font-style: italic; */
        line-height: 1.25;
      }

      .wp-block-post-author-name {
        font-size: 1rem;
        font-family: 'Proxima Nova', sans-serif;
        line-height: 1.25;

        @media(max-width: 959px) {
          margin-bottom: 1rem;
        }
      }

    }

    .brew-post-banner__social {

      @media(max-width: 959px) {
        order: 1;
        width: 100%;
      }

      p {
        margin-bottom: var(--wp--preset--spacing--medium);
        line-height: 1.5;
        font-family: 'Proxima Nova', sans-serif;
        font-size: 1rem;
        text-transform: uppercase;
      }

      .wp-block-brew-core-editor-social-sharing {
        width: 100%;

        ul {
          justify-content: flex-end;
          width: 100%;

          @media(max-width: 959px) {
            justify-content: space-around;
            padding-left: 0;
          }

          li {
            margin-left: var(--wp--preset--spacing--medium);

            @media(max-width: 959px) {
              margin-left: 0;
            }
          }
        }

        path {
          fill: var(--wp--preset--color--button);
        }
      }
    }
  }
}

.brew-timeline {
  >p {
    @media(min-width: 960px) {
      width: 35%;
    }
  }

  &::after {
    content: "";
    position: absolute;
    /*bottom: 0;*/
    left: 4px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 5px solid var(--wp--preset--color--button);
    z-index: 1;

    @media(min-width: 782px) {
      left: 50%;
      width: 46px;
      height: 46px;
      transform: translateX(-50%);
    }
  }

  .brew-timeline__inner {
    position: relative;

    &::before {
      content: "";
      position: absolute;
      top: 0;
      left: 2px;
      transform: translateX(-50%);
      width: 18px;
      height: 18px;
      border: 5px solid var(--wp--preset--color--button);
      border-radius: 50%;

      @media(min-width: 782px) {
        left: 50%;
        width: 46px;
        height: 46px;
      }
    }

    &::after {
      content: "";
      position: absolute;
      top: 23px;
      left: 0;
      width: 5px;
      height: calc(100% - 18px);
      background-color: var(--wp--preset--color--button);

      @media(min-width: 782px) {
        top: 51px;
        left: 50%;
        height: calc(100% - 46px);
        transform: translateX(-50%);
      }
    }
  }

  .brew-timeline__part {
    [data-timeline] {
      opacity: 0;
      transform: translateY(100%);
      transition-property: opacity, transform;
      transition-duration: 1s;
      transition-timing-function: ease;

      &.is-active {
        transform: translateY(0);
        opacity: 1;
      }
    }

    margin-block-start: 0;

    .brew-timeline__part-content {

      .wp-block-heading {
        display: flex;
        flex-direction: column-reverse;
        margin-top: calc(0px - var(--wp--preset--spacing--large));
        gap: var(--wp--preset--spacing--large);
        position: relative;
        z-index: 2;
      }
    }

    .brew-timeline__part-date {
      margin-left: 5px;
      border-left: 5px solid var(--wp--preset--color--button);
      padding-left: var(--wp--preset--spacing--medium);

      @media(min-width: 782px) {
        margin-left: -3px
      }
    }

    &:nth-child(even) {
      .wp-block-column {
        @media(min-width: 782px) {
          order: 0;
        }

        &:first-child {
          @media(min-width: 782px) {
            order: 1;
          }
        }
      }

      .brew-timeline__part-date {
        @media(min-width: 782px) {
          margin-right: -3px;
          text-align: right;
          border-left: none;
          border-right: 5px solid var(--wp--preset--color--button);
          padding-right: var(--wp--preset--spacing--medium);
        }
      }
    }
  }
}

.brew-accordion {

  .wp-block-accordion {
    max-width: 722px;

    .wp-block-accordion-heading {
      font-size: 1.5rem;
      line-height: 1.25;
      text-transform: none;
      text-decoration: none !important;

      span {
        text-decoration: none !important;
      }

      .wp-block-accordion-heading__toggle {
        color: var(--wp--preset--color--white);
      }

      .wp-block-accordion-heading__toggle-icon {
        height: 48px;
        width: 48px;
        margin-right: var(--wp--preset--spacing--medium);
        background-color: var(--wp--preset--color--button);
        transform: none !important;
      }

      .wp-block-accordion-panel {
        padding-left: calc(var(--wp--preset--spacing--medium) * 2 + 48px) !important;
      }
    }
  }

  .wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
    font-size: 0;

    &::before {
      content: '-';
      font-size: 1.5rem;
    }
  }
}

div.rob-brand-archive__header {
  @media(max-width: 960px) {
    padding-block: 2.5rem !important;
  }
}

div.rob-brand-archive__content {

  .rob-brand-archive__sticky {
    margin-top: -1rem;
    position: relative;
    z-index: 1;

    @media(min-width: 960px) {
      margin-top: -5rem;
    }

    .wp-block-post {
      box-shadow: 0 3px 24px rgba(0, 0, 0, 0.43);
      background-color: var(--wp--preset--color--black);

      .wp-block-cover {

        @media(max-width: 959px) {
          flex-wrap: wrap;
          padding: 0 !important;
        }

        @media(min-width: 960px) {
          min-height: 415px;
          padding: 4rem !important;
        }

        img {

          @media(max-width: 959px) {
            position: relative;
            width: 100%
          }
        }

        .wp-block-cover__inner-container {

          @media(max-width: 959px) {
            padding: 1.5rem;
            padding-top: 3rem;
            margin-top: -3rem;
            background: linear-gradient(to bottom, transparent 0%, var(--wp--preset--color--black) 3rem, var(--wp--preset--color--black) 100%);
          }

          @media(min-width: 960px) {
            height: -webkit-fill-available;
            width: 100%;
            display: flex;
            flex-direction: column;
          }

          .wp-block-post-date {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: .5rem;
            width: 100%;

            &::before {
              content: '';
              display: block;
              width: 15px;
              height: 15px;
              background-size: contain;
              background-repeat: no-repeat;
              background-position: center;
              background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAfCAYAAACCox+xAAAABHNCSVQICAgIfAhkiAAAAshJREFUWEfNV1tu2kAUvXewXLVJMHwEGsko7KCwgsAOuoOSHTQraLKC0hWULIEVADugO0gFVUP6EdNSVULgW13bQ8cDUwbxEP4aznhmjs+c+wDB8NDzc248/d1BgAq/QgB9zz2pYz4fmNao+ORpWJkRdRAwl+Atr+hfm9aiaeLXj0EtDLGjzgtB9bPzUteGyHg0uAXAD+q7XtE3noc/n4YNIvisLiCiXiYDt0yExzyHiFesChBEiiBCzUyI7uI5JsLjNKHUWUCBg1jH8WhI+oY6ESGwpZP9vypLRMoA8M5oA6Legogum7waJuUIfD8P6Qox8xXFPFJk3RX9uxq6EwK6AA6dnV9E6spHPWMtkX16xIpIEjVdBHiTRM0Xzz2pbRg1XQT0ko+594p+Y2NFbCJj23f+PH8vT6ezBiI+pK5mPPqWCrdtD7Jdn3VffdKILEeQ7WbbvUdtjQgnoUM+GIU1R6Yxag5Bxypqjp6IWoPUQqjVlkWBCx4HXS4PSVm4zhb81kYJzaSIXgxlIdSLnMzUKhHeU83gO7kaeYBekWXt0kvGKnwnROKqTWXXdVov8xcPUsFYGf7yUioCV+FWROKsF0YVM4PUPi34fR6b8HhTEXkhSlBJAxUTxksd599WRNKmpOCF61T5y0246hE2ca7oV/kw1SMqbk1E1gEibCDCpfSCCY8JcrMUN0HSI/IKddyaiLxzkymPxqy7SHhWHom68BA+RolIQN8r+Dc8VnEh4F4mKL6CMIzbQRUfPw6blPQ0joAbaXrrqzElLh3PIFR5c5uERkBBrljKb5RZuUObzCaVeYhN7tKkWU04m3g2m5XlXxBpVlaQkHI6bq3IIkFF0lKFG2hV1ljyZZxNzGtzr0upvxurcCuP7MKM6/Y4biIAeODujPUi7tC4ZvUwGA0CpeVfp+ae5qmN7Oo50ds9nWC1bdY9bf4FE64AIJbgVlEAAAAASUVORK5CYII=);

              @media(min-width: 960px) {
                order: 2;
              }
            }

            time {
              color: var(--wp--preset--color--white);
              font-family: 'Proxima Nova', sans-serif;
              font-size: 0.875rem;
              text-transform: uppercase;
              line-height: 1.25;
              letter-spacing: 0.04em;
              font-weight: normal;

              @media(min-width: 960px) {
                order: 3;
              }
            }

            &::after {
              content: '';
              display: block;
              width: 100%;
              height: 1px;
              background-color: var(--wp--preset--color--white);

              @media(min-width: 960px) {
                flex: 1;
                width: auto;
                order: 1;
              }
            }
          }

          h2.wp-block-post-title {
            font-size: 1.275rem;
            margin-bottom: 2.5rem;
            line-height: 1.5;
            text-shadow: 0 0 3px black;

            @media(min-width: 960px) {
              font-size: 2rem;
              max-width: 420px;
              margin-left: 0 !important;
              margin-right: auto;
            }
          }

          a.wp-block-read-more {
            font-family: 'Proxima Nova', sans-serif;
            text-transform: uppercase;
            display: flex;
            flex-direction: row;
            gap: 0.5rem;
            align-items: center;
            margin-left: 0 !important;

            &::after {
              content: '';
              display: block;
              background-image: var(--orange-arrow);
              width: 36px;
              height: 14px;
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
            }
          }
        }
      }
    }
  }

  .rob-brand-archive__meta {
    margin-block: var(--wp--preset--spacing--large);

    @media(max-width: 959px) {
      flex-direction: column;

      .wp-block-column {
        flex: 100%;
        width: 100%;

        .wp-block-group {
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;

          ul.wp-block-social-links {
            display: flex;
            width: 100%;
            justify-content: space-around;
          }
        }
      }
    }

    @media(min-width: 960px) {
      margin-bottom: var(--wp--preset--spacing--x-large);
    }
  }

  .brew-cats-tabs {
    position: relative;

    @media(max-width: 959px) {
      width: 100vw;
      margin-left: -1rem;
    }

    &::before {
      content: "";
      flex-basis: 20px;
      flex-shrink: 0;
      height: 20px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc5M0I4OUIxMjRGMzExRUJBQkFEQjBDRTlCOTkwOTYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc5M0I4OUIyMjRGMzExRUJBQkFEQjBDRTlCOTkwOTYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzkzQjg5QUYyNEYzMTFFQkFCQURCMENFOUI5OTA5NjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzkzQjg5QjAyNEYzMTFFQkFCQURCMENFOUI5OTA5NjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4E+sgaAAAIAklEQVR42uxda2wV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);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
    }

    &::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 100%;
      border-bottom: 2px solid var(--wp--preset--color--black);
      z-index: 1;
    }

    ul {
      position: relative;
      display: flex;
      align-items: center;
      list-style-type: none;
      overflow-x: auto;
      overflow-y: hidden;
      white-space: nowrap;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
      z-index: 0;
      padding-left: 0;

      &.is-active {
        user-select: none;

        a {
          cursor: grabbing;
          pointer-events: none;
        }
      }

      li {
        flex: 0 0 auto;
        border-bottom: 3px solid transparent;

        &.current-cat {
          background-color: var(--wp--preset--color--white);
          border-bottom-color: var(--wp--preset--color--black);
          box-shadow: 0 3px 32px rgba(0, 0, 0, 0.16);
        }
      }

      a {
        text-decoration: none;
        display: block;
        padding: var(--wp--preset--spacing--medium) var(--wp--preset--spacing--large);
        background-color: transparent;
        transition: background-color 0.5s;
        font-size: 14px;
        padding: 0 2rem;
        line-height: 49px;

        @media(min-width: 960px) {
          font-size: 18px;
          padding: 0 40px;
          line-height: 56px;
        }

        &:hover {
          background-color: var(--wp--preset--color--white);
        }
      }
    }
  }

  .rob-brand-archive__items {
    padding-bottom: 3rem;

    li.wp-block-post {

      .wp-block-group {
        box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);

        @media(max-width: 959px) {
          padding: var(--wp--preset--spacing--medium) !important;

          .wp-block-columns {
            gap: var(--wp--preset--spacing--large) !important;
            flex-direction: column;
          }
        }

        .wp-block-post-featured-image img {
          max-width: 100%;
          height: auto;

          @media(min-width: 960px) {
            aspect-ratio: 275 / 215;
          }
        }

        .wp-block-post-date {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          gap: .5rem;

          &::before {
            content: '';
            display: block;
            width: 15px;
            height: 15px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAfCAYAAACCox+xAAAABHNCSVQICAgIfAhkiAAAAnpJREFUWEfNlz1z2zAMhkFJubNk0RncpYM7tkMzdE5+QYf+2i5dOzRzhnRI7tqhXjLUQw2pGiLTPehAHcQTWfrkONGkg/jxCHgJgAr8T1aW5ZVSakFD9vv9tqqqbwDQBubIT4v5fH6ZJMkZGY0x67qub3xzVWDRpdb6Un5HxGsA2MSAaK3fAcBbZ/5nL0ie56ssyz44AzaIeMcgduMleUUp9chjlwGge/5GIPQ+AJLzjDGPdV1fK631p5EFByBt265HYEOOGYAYY/IkSVaBCZseBBFdt9nQENTtbDZbpmna1HVtPRIMkQjNPSL+Zgh3Tr9HDEj/I0+gkSiQyaemKIqrNE2zwKmJAok5HFPH5FrrN23b/h2ERmvtVffUHUPzEfGnCzJ2gp6SoVt7t9s9uCCUhE72iGMdPL6nAHoxYp0E0tcgWQhlbZEFjstEVw7atr1pmmYtXH0cEFrQJjm3yNlMLUF4vMzgk0C6H7IbuNnW1i63ZHjs00G4aheI+AsAGutu9gx56k6q3WOPAqGs11VMRHwAgC0v7LPTop0WKEHZBoqBc9fOa0WB9KLknuEr//moXWqERUzj+xDSu7QfAtLVAWPMKkmSXGjBZyfAV7YJshqxIXTth4D8T5TURi6fXaxHSrtRGllorS84tn+qqvrOm/d2aiFtguIQdOKW9rIs3yulzlmst0L0ZIoCGXTxIgSunUS5jUloLPovh2ZW6qzOy7K8oLuNAPHZ6YgW9goiEhrdi85G7NEe6cCta6mBlm712cWGdAfqH489KjRH0mNwmRcMAgCD2nAKdxhjCr54bVRRFB9ty3+Kzcf26HpWAKC88Pq5IDi//PgH7qr72vtZyu4AAAAASUVORK5CYII=);
          }

          time {
            color: #7f7f7f;
            font-family: 'Proxima Nova', sans-serif;
            font-size: 0.875rem;
            text-transform: uppercase;
            line-height: 1.25;
            letter-spacing: 0.04em;
            font-weight: normal;
          }
        }

        .wp-block-post-title {
          font-size: 1.275rem;
          margin-bottom: 2rem;
          line-height: 1.5;
        }

        .wp-block-post-excerpt p {
          font-size: 14px;
        }

        a.wp-block-read-more {
          font-family: 'Proxima Nova', sans-serif;
          text-transform: uppercase;
          display: flex;
          flex-direction: row;
          gap: 0.5rem;
          align-items: center;
          margin-left: 0 !important;

          &::after {
            content: '';
            display: block;
            background-image: var(--orange-arrow);
            width: 36px;
            height: 14px;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
          }
        }
      }
    }

    a.js-load-more-button {
      margin-top: 1.5rem;
      cursor: pointer;
      margin-inline: auto;
      color: white;
      width: fit-content;
      border: none;
      display: block;
      padding: 0.875rem 1.5rem;
      font-size: 1rem;
      box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
      transition: background-color .3s ease-in-out;
      align-items: center;
      font-family: 'Proxima Nova', sans-serif;
      font-weight: bold;
      line-height: 1.15;
      margin-left: auto;
      margin-right: auto;
      border-radius: .25rem;
      letter-spacing: 0.06em;
      padding-inline: 1.5rem;
      text-transform: uppercase;
      background-color: var(--wp--preset--color--button);
      text-decoration: none;

      &:hover,
      &:focus {
        background-color: var(--wp--preset--color--highlight-green);
      }

      &[hidden] {
        display: none;
      }
    }

    .rob-brand-archive__page-numbers {
      /* Visually hidden but still in the DOM and crawlable, unlike display: none. */
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border: 0;

      /* Reveal the links when a keyboard user tabs onto them. */
      &:focus-within {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip-path: none;
      }
    }
  }
}

section.rob-pub-half-half-content {

  .wp-block-columns {
    .wp-block-column {
      &:not(:has(img)) {
        @media(max-width: 781px) {
          order: 1;
        }
      }
    }

    @media(min-width: 752px) {
      padding-inline: 1.5rem;
    }

    .wp-block-column:not(:has(img)) {
      padding-inline: 1.5rem;

      @media(min-width: 752px) {
        padding-inline: 0;
      }

      hr {
        width: 32px;
        height: 2px;
        margin-left: 0;
      }
    }
  }
}

.brew-stepped-slider {
  .brew-stepped-slider__heading {
    max-width: 460px;
  }

  .splide {
    .splide__track {
      margin-bottom: var(--wp--preset--spacing--medium);
      padding-bottom: var(--wp--preset--spacing--medium);
    }

    .splide__slide {
      border-radius: 12px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
      overflow: hidden;

      @media(min-width: 782px) {
        border-radius: 24px;
      }

      .wp-block-heading {
        @media(min-width: 782px) {
          max-width: 50%;
        }
      }
    }

    .splide__controls {
      .splide__arrows {
        @media(min-width: 782px) {
          justify-content: flex-end;
        }

        path {
          fill: var(--wp--preset--color--white);
        }

        .splide__pagination {
          padding-inline: 0;

          @media(max-width: 781px) {
            background-color: var(--wp--preset--color--white);
            padding: 6px;
            margin: 0 var(--wp--preset--spacing--medium);
            border-radius: 12px;
          }

          @media(min-width: 782px) {
            order: 0;
            margin-right: auto;
            background-color: var(--wp--preset--color--heritage-blue);
            height: 2px;
          }

          li {
            @media(min-width: 782px) {
              transform: translateY(-50%);
              width: 96px;
              height: 96px;
              background-color: var(--wp--preset--color--pastel-blue);
              display: flex;
              justify-content: center;
              align-items: center;
            }

            &:not(:first-child) {
              @media(min-width: 782px) {
                margin-left: var(--wp--preset--spacing--x-large);
              }
            }

            &:first-child {
              @media(min-width: 782px) {
                width: 73px;
                justify-content: flex-start;
              }
            }
          }

          .splide__pagination__page {
            opacity: 1;

            @media(max-width: 781px) {
              transition: width 0.5s;
              width: 6px;
              height: 6px;

              &::before {
                content: none;
              }
            }

            @media(min-width: 782px) {
              width: 46px;
              height: 46px;
              background-color: transparent;
              border: 1px solid var(--wp--preset--color--heritage-blue);
              color: var(--wp--preset--color--heritage-blue);
            }

            &.is-active {
              transform: none;

              @media(max-width: 781px) {
                background-color: var(--wp--preset--color--black);
                width: 24px;
                border-radius: 4px;
              }

              @media(min-width: 782px) {
                background-color: var(--wp--preset--color--rich-blue);
                color: var(--wp--preset--color--pastel-blue);
                font-size: var(--wp--preset--font-size--medium)
              }
            }
          }
        }

        .splide__arrow {
          width: 46px;
          height: 46px;
          background-color: var(--wp--preset--color--rich-blue);
          border: 1px solid transparent;

          &:hover {
            border-color: var(--wp--preset--color--white);
          }

          &.splide__arrow--prev {
            @media(min-width: 782px) {
              order: 1;
            }
          }

          &.splide__arrow--next {
            @media(min-width: 782px) {
              order: 2;
              margin-left: var(--wp--preset--spacing--medium);
            }
          }
        }
      }
    }
  }

  .brew-stepped-slider__content {
    @media(max-width: 781px) {
      padding-bottom: 0 !important;
    }
  }

  .wp-block-buttons {
    .wp-block-button {
      &:not(.is-style-link) {
        @media(max-width: 781px) {
          order: 1;
          flex-basis: calc(100% + var(--wp--preset--spacing--large) * 2);
          margin-left: calc(var(--wp--preset--spacing--large) * -1);
          margin-right: calc(var(--wp--preset--spacing--large) * -1);
        }
      }

      &.is-style-link {
        order: 0;

        &:hover {
          text-decoration: underline;
        }
      }
    }

  }
}

/*
  * This is outside of the nesting because the element has to be cloned and appended to the body element
  */
.brew-video-quote-slider__modal {
  /* &.brew-modal-video--active { */
  background-color: rgba(0, 0, 0, 0.8);
  padding: var(--wp--preset--spacing--large);
  border: 100px solid red;

  video {
    width: 100%;
  }

  /* } */
}

.brew-pub-follow {
  background-color: var(--page-color-dark);
  max-width: 1346px !important;
  margin: 0 auto 65px !important;

  .brew-pub-follow__content {
    @media(max-width: 959px) {
      padding-bottom: var(--wp--preset--spacing--large);
    }

    p {
      @media(min-width: 782px) {
        width: 75%;
      }
    }

    &+.wp-block-column {
      @media(max-width: 781px) {
        border-top: 4px solid var(--wp--preset--color--button);
      }

      @media(min-width: 782px) {
        border-left: 2px solid var(--wp--preset--color--button);
      }
    }
  }

  .brew-pub-follow__socials {
    @media(max-width: 781px) {
      padding-top: var(--wp--preset--spacing--large);
    }

    .is-style-link {
      .wp-block-button__link {
        display: flex;
        justify-content: space-between;
        align-items: center;

        &::after {
          content: "";
          width: 26px;
          height: 28px;
          min-width: auto;
          max-width: 26px;
          background-color: currentColor;
          mask-size: cover;
          mask-repeat: no-repeat;
          background-image: none;
        }
      }

      &.brew-pub-follow__btn-insta {
        .wp-block-button__link {
          &::after {
            mask-image: url("data:image/svg+xml;base64,PHN2ZyBzdHJva2Utd2lkdGg9IjAiIHZpZXdCb3g9IjAgMCA0NDggNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yMjQuMSAxNDFjLTYzLjYgMC0xMTQuOSA1MS4zLTExNC45IDExNC45czUxLjMgMTE0LjkgMTE0LjkgMTE0LjlTMzM5IDMxOS41IDMzOSAyNTUuOSAyODcuNyAxNDEgMjI0LjEgMTQxem0wIDE4OS42Yy00MS4xIDAtNzQuNy0zMy41LTc0LjctNzQuN3MzMy41LTc0LjcgNzQuNy03NC43IDc0LjcgMzMuNSA3NC43IDc0LjctMzMuNiA3NC43LTc0LjcgNzQuN3ptMTQ2LjQtMTk0LjNjMCAxNC45LTEyIDI2LjgtMjYuOCAyNi44LTE0LjkgMC0yNi44LTEyLTI2LjgtMjYuOHMxMi0yNi44IDI2LjgtMjYuOCAyNi44IDEyIDI2LjggMjYuOHptNzYuMSAyNy4yYy0xLjctMzUuOS05LjktNjcuNy0zNi4yLTkzLjktMjYuMi0yNi4yLTU4LTM0LjQtOTMuOS0zNi4yLTM3LTIuMS0xNDcuOS0yLjEtMTg0LjkgMC0zNS44IDEuNy02Ny42IDkuOS05My45IDM2LjFzLTM0LjQgNTgtMzYuMiA5My45Yy0yLjEgMzctMi4xIDE0Ny45IDAgMTg0LjkgMS43IDM1LjkgOS45IDY3LjcgMzYuMiA5My45czU4IDM0LjQgOTMuOSAzNi4yYzM3IDIuMSAxNDcuOSAyLjEgMTg0LjkgMCAzNS45LTEuNyA2Ny43LTkuOSA5My45LTM2LjIgMjYuMi0yNi4yIDM0LjQtNTggMzYuMi05My45IDIuMS0zNyAyLjEtMTQ3LjggMC0xODQuOHpNMzk4LjggMzg4Yy03LjggMTkuNi0yMi45IDM0LjctNDIuNiA0Mi42LTI5LjUgMTEuNy05OS41IDktMTMyLjEgOXMtMTAyLjcgMi42LTEzMi4xLTljLTE5LjYtNy44LTM0LjctMjIuOS00Mi42LTQyLjYtMTEuNy0yOS41LTktOTkuNS05LTEzMi4xcy0yLjYtMTAyLjcgOS0xMzIuMWM3LjgtMTkuNiAyMi45LTM0LjcgNDIuNi00Mi42IDI5LjUtMTEuNyA5OS41LTkgMTMyLjEtOXMxMDIuNy0yLjYgMTMyLjEgOWMxOS42IDcuOCAzNC43IDIyLjkgNDIuNiA0Mi42IDExLjcgMjkuNSA5IDk5LjUgOSAxMzIuMXMyLjcgMTAyLjctOSAxMzIuMXoiPjwvcGF0aD48L3N2Zz4=");
          }
        }
      }

      &.brew-pub-follow__btn-fb {
        .wp-block-button__link {
          &::after {
            mask-image: url("data:image/svg+xml;base64,PHN2ZyBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjAiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg4MCAxMTJIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY3MzZjMCAxNy43IDE0LjMgMzIgMzIgMzJoNzM2YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE0NGMwLTE3LjctMTQuMy0zMi0zMi0zMnptLTkyLjQgMjMzLjVoLTYzLjljLTUwLjEgMC01OS44IDIzLjgtNTkuOCA1OC44djc3LjFoMTE5LjZsLTE1LjYgMTIwLjdoLTEwNFY5MTJINTM5LjJWNjAyLjJINDM0LjlWNDgxLjRoMTA0LjN2LTg5YzAtMTAzLjMgNjMuMS0xNTkuNiAxNTUuMy0xNTkuNiA0NC4yIDAgODIuMSAzLjMgOTMuMiA0Ljh2MTA3Ljl6Ij48L3BhdGg+PC9zdmc+");
          }
        }
      }

      &.brew-pub-follow__btn-x {
        .wp-block-button__link {
          &::after {
            mask-image: url("data:image/svg+xml;base64,PHN2ZyBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjAiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzg5LjIgNDhoNzAuNkwzMDUuNiAyMjQuMiA0ODcgNDY0SDM0NUwyMzMuNyAzMTguNiAxMDYuNSA0NjRIMzUuOEwyMDAuNyAyNzUuNSAyNi44IDQ4SDE3Mi40TDI3Mi45IDE4MC45IDM4OS4yIDQ4ek0zNjQuNCA0MjEuOGgzOS4xTDE1MS4xIDg4aC00MkwzNjQuNCA0MjEuOHoiPjwvcGF0aD48L3N2Zz4=");
          }
        }
      }
    }
  }
}

.brew-pub-image-content-row {
  background-color: var(--page-color-dark);

  .wp-block-image {
    height: 100%;

    img {
      width: 100%;
      height: 100%;
    }
  }

  /* .brew-pub-image-content-row__content {
    >.wp-block-group {
      max-width: 440px;
      margin: auto;
    }
  } */
}

.brew-btn-arrow {
  a {
    display: flex;
    justify-content: center;
    align-items: center;

    &::after {
      content: "";
      display: inline-block;
      width: 13px;
      height: 13px;
      margin-left: var(--wp--preset--spacing--small);
      mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNCAxNCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjYuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4xIEJ1aWxkIDkpICAtLT4KICA8cGF0aCBkPSJNMTMuMDEsN2wtNi40NSw2LjQ1LTEuNzgtMS43OCwzLjE1LTMuMTVILjk5di0yLjk4aDYuOTlsLTMuMi0zLjIsMS43OC0xLjc4LDYuNDUsNi40NVoiLz4KPC9zdmc+) no-repeat center;
      background-color: var(--wp--preset--color--white);
    }
  }

  &.brew-btn-arrow--double {
    a {
      &::after {
        content: "";
        mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCAxNCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjYuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4xIEJ1aWxkIDkpICAtLT4KICA8cGF0aCBkPSJNMTcuNzYsNS4yMmwxLjc4LDEuNzgtNi40NSw2LjQ1LTEuNzgtMS43OCwzLjE1LTMuMTVoLTQuMzhsLTIuNzgsMi43OC0xLjQxLTEuNDEsMS4zNi0xLjM2aC0yLjZsLTIuNzgsMi43OC0xLjQxLTEuNDEsMi44My0yLjgzLjA5LjA5di0uMjNsLS4wOS4wOUwuNDYsNC4xN2wxLjQyLTEuNDEsMi43OCwyLjc4aDIuNmwtMS4zNy0xLjM3LDEuNDItMS40MSwyLjc4LDIuNzhoNC40NGwtMy4yLTMuMiwxLjc5LTEuNzgsNC42Niw0LjY3WiIvPgo8L3N2Zz4=) no-repeat center;
        width: 17px;
        height: 13px;
        background-color: var(--wp--preset--color--black);
      }
    }
  }
}

.brew-video-quote-slider {
  .brew-video-quote-slider__card {
    .wp-block-image {
      margin-block-start: 0;
    }

    &:not(.brew-video-quote-slider__card--alt) {
      .wp-block-image {
        position: relative;
        cursor: pointer;

        &::after {
          content: "";
          width: 100px;
          height: 101px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMSIgdmlld0JveD0iMCAwIDEwMCAxMDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjEuNSIgeT0iMS44NzEzNCIgd2lkdGg9Ijk3IiBoZWlnaHQ9Ijk3IiByeD0iNDguNSIgc3Ryb2tlPSIjRkVGRUZFIiBzdHJva2Utd2lkdGg9IjMiLz4KPHBhdGggZD0iTTQ2LjIxODQgMzcuNjkzN0M0My40NTkzIDM2LjA3MDQgMzkuOTgwNyAzOC4wNTk4IDM5Ljk4MDcgNDEuMjYxMVY1OS40ODIxQzM5Ljk4MDcgNjIuNjgzMiA0My40NTkgNjQuNjcyNiA0Ni4yMTgxIDYzLjA0OTdMNjEuNzA1NCA1My45NDAxQzY0LjQyNTkgNTIuMzM5OCA2NC40MjYxIDQ4LjQwNTYgNjEuNzA1NyA0Ni44MDUxTDQ2LjIxODQgMzcuNjkzN1oiIGZpbGw9IiNGRUZFRkUiLz4KPC9zdmc+Cg==");
          background-repeat: no-repeat;
          background-size: contain;
        }
      }
    }
  }

  .brew-video-quote-slider__content {
    margin-inline-start: 0;
    margin-inline-end: 0;

    cite {
      font-style: normal;
      font-weight: 300;

      strong {
        margin-bottom: var(--wp--preset--spacing--small);
        display: block;
        font-weight: 400;
        font-size: 24px;
      }

      br {
        display: none;
      }
    }
  }

  .splide {
    .splide__track {
      margin-bottom: var(--wp--preset--spacing--medium);
      padding-bottom: var(--wp--preset--spacing--medium);
    }

    .splide__slide {
      border-radius: 24px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
      overflow: hidden;
    }

    .splide__controls {
      .splide__arrows {
        path {
          fill: var(--wp--preset--color--white);
        }
      }

      .splide__arrow {
        background-color: var(--wp--preset--color--black);
        width: 46px;
        height: 46px;

        &:not(&[disabled]) {
          opacity: 1;
        }
      }

      .splide__pagination {
        background-color: var(--wp--preset--color--white);
        padding: 6px 10px;
        margin: 0 var(--wp--preset--spacing--medium);
        border-radius: 12px;

        li {
          margin-right: 10px;
          display: flex;

          &:last-child {
            margin-right: 0;
          }
        }

        .splide__pagination__page {
          transition: width 0.5s;
          width: 10px;
          height: 10px;
          margin: 0;

          &.is-active {
            background-color: var(--wp--preset--color--black);
            width: 24px;
            height: 7px;
            border-radius: 4px;
            opacity: 1;
          }
        }
      }
    }
  }
}

.brew-stepped-slider {
  .brew-stepped-slider__heading {
    max-width: 460px;
  }

  h2.wp-block-heading {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 24px;

    @media(min-width: 960px) {
      font-size: 40px;
      line-height: 38px;
      margin-bottom: 30xp;
    }
  }

  .splide {
    .splide__track {
      margin-bottom: var(--wp--preset--spacing--medium);
      padding-bottom: var(--wp--preset--spacing--medium);
    }

    .splide__slide {
      border-radius: 12px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
      overflow: hidden;

      @media(min-width: 782px) {
        border-radius: 24px;
      }

      .wp-block-heading {
        @media(min-width: 782px) {
          max-width: 250px;
        }
      }

      p {
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
      }
    }

    .splide__controls {
      .splide__arrows {
        @media(min-width: 782px) {
          justify-content: flex-end;
        }

        path {
          fill: var(--wp--preset--color--white);
        }

        .splide__pagination {
          padding-inline: 0;

          @media(max-width: 781px) {
            background-color: var(--wp--preset--color--white);
            padding: 6px;
            margin: 0 var(--wp--preset--spacing--medium);
            border-radius: 12px;
          }

          @media(min-width: 782px) {
            order: 0;
            margin-right: auto;
            background-color: var(--wp--preset--color--heritage-blue);
            height: 2px;
          }

          li {
            @media(min-width: 782px) {
              transform: translateY(-50%);
              width: 96px;
              height: 96px;
              background-color: var(--wp--preset--color--pastel-blue);
              display: flex;
              justify-content: center;
              align-items: center;
            }

            &:not(:first-child) {
              @media(min-width: 782px) {
                margin-left: var(--wp--preset--spacing--x-large);
              }
            }

            &:first-child {
              @media(min-width: 782px) {
                width: 73px;
                justify-content: flex-start;
              }
            }
          }

          .splide__pagination__page {
            opacity: 1;

            @media(max-width: 781px) {
              transition: width 0.5s;
              width: 6px;
              height: 6px;

              &::before {
                content: none;
              }
            }

            @media(min-width: 782px) {
              width: 46px;
              height: 46px;
              background-color: transparent;
              border: 1px solid var(--wp--preset--color--heritage-blue);
              color: var(--wp--preset--color--heritage-blue);
            }

            &.is-active {
              transform: none;

              @media(max-width: 781px) {
                background-color: var(--wp--preset--color--black);
                width: 24px;
                border-radius: 4px;
              }

              @media(min-width: 782px) {
                background-color: var(--wp--preset--color--rich-blue);
                color: var(--wp--preset--color--pastel-blue);
                font-size: var(--wp--preset--font-size--medium)
              }
            }
          }
        }

        .splide__arrow {
          width: 46px;
          height: 46px;
          background-color: var(--wp--preset--color--black);
          border: 1px solid transparent;

          &:hover {
            border-color: var(--wp--preset--color--white);
          }

          &.splide__arrow--prev {
            @media(min-width: 782px) {
              order: 1;
            }
          }

          &.splide__arrow--next {
            @media(min-width: 782px) {
              order: 2;
              margin-left: var(--wp--preset--spacing--medium);
            }
          }
        }
      }
    }
  }

  .brew-stepped-slider__content {
    @media(max-width: 781px) {
      padding-bottom: 0 !important;
    }
  }

  .wp-block-buttons {
    .wp-block-button {
      &:not(.is-style-link) {
        @media(max-width: 781px) {
          order: 1;
          flex-basis: calc(100% + var(--wp--preset--spacing--large) * 2);
          margin-left: calc(var(--wp--preset--spacing--large) * -1);
          margin-right: calc(var(--wp--preset--spacing--large) * -1);
        }
      }

      &.is-style-link {
        order: 0;

        &:hover {
          text-decoration: underline;
        }
      }
    }

  }
}

.brew-content-grid {
  .wp-block-cover {
    @media(max-width: 959px) {
      display: flex;
      flex-direction: column;
      padding: 0 !important;
      /* margin-bottom: 100%; */
      border: 1px solid #dad8dc;
    }

    .wp-block-cover__image-background {
      @media(max-width: 959px) {
        position: relative;
        height: 410px;
      }
    }

    .wp-block-columns {
      @media(max-width: 781px) {
        margin-top: 0;
      }

      .wp-block-column {
        @media(max-width: 959px) {
          flex-basis: 100% !important;
          border-radius: 0 !important;
        }
      }
    }
  }

  .brew-content-grid__grid {
    @media(max-width: 959px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    @media(max-width: 781px) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
}

.brew-contact-cta {
  .brew-contact-cta__btns {
    @media(max-width: 959px) {
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--wp--preset--spacing--large);
    }

    .wp-block-button {
      width: 100%;

      @media(min-width: 782px) {
        width: auto;
      }

      @media(max-width: 959px) {
        margin-block-start: 0;
      }

      .wp-block-button__link {
        text-transform: uppercase;
      }
    }
  }
}

.brew-pub-intro-facilities {
  @media(max-width: 781px) {
    padding-top: var(--wp--preset--spacing--medium);
  }
}

.brew-pub-opening-times {
  .brew-pub-opening-times__selector {
    font-family: var(--wp--preset--font-family--proxima-nova);
    font-size: var(--wp--preset--font-size--medium);
    line-height: 1;
    padding-top: var(--wp--preset--spacing--medium);
    padding-bottom: var(--wp--preset--spacing--medium);
  }
}

/*
  Tenancy gallery
*/
.brew-tenancy-gallery {
  position: relative;
  display: flex;
  align-items: stretch;
  max-width: 1142px;
  margin: 0 auto var(--wp--preset--spacing--large) auto;
  min-height: 425px;
  z-index: 1;

  @media(min-width: 960px) {
    gap: var(--wp--preset--spacing--large);
    margin-top: -56px;
  }

  .splide__list {
    backface-visibility: hidden;
  }

  button {
    background: none;
    padding: 0;
    border: none;
    cursor: pointer;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
  }

  .splide__arrow {
    &.splide__arrow--prev {
      svg {
        transform: rotate(180deg);
      }
    }
  }

  .brew-tenancy-gallery__main {
    @media(min-width: 960px) {
      flex: 0 0 calc(60% - (var(--wp--preset--spacing--large) / 2));
    }

    .brew-tenancy-gallery__main-open {
      position: absolute;
      top: var(--wp--preset--spacing--large);
      right: var(--wp--preset--spacing--large);
    }

    .splide__track {
      @media(min-width: 960px) {
        margin-bottom: var(--wp--preset--spacing--medium);
      }
    }

    img {
      aspect-ratio: 1.75;
    }

    .splide__arrows {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .splide__arrow {
      display: flex;
      background-color: var(--wp--preset--color--black);
      width: 48px;
      height: 48px;
      border-radius: 50%;
      justify-content: center;
      align-items: center;

      @media(max-width: 959px) {
        display: none;
      }

      svg {
        width: 14px;

        path {
          fill: var(--wp--preset--color--white);
        }
      }
    }

    .splide__pagination {
      padding: 4px 10px;
      background-color: var(--wp--preset--color--white);
      margin-left: var(--wp--preset--spacing--medium);
      margin-right: var(--wp--preset--spacing--medium);
      border-radius: 12px;

      @media(max-width: 959px) {
        transform: translateY(-50%);
        background-color: var(--wp--preset--color--background);
      }

      .splide__pagination__page {
        width: 12px;
        height: 12px;
        border-radius: 6px;
        border: none;
        background-color: var(--wp--preset--color--on-tertiary);
        margin: 0 3px;
        cursor: pointer;
        transition: width 0.3s;

        &.is-active {
          background-color: var(--wp--preset--color--black);
          width: 28px;
        }
      }
    }
  }

  .brew-tenancy-gallery__nav {
    flex: 0 0 calc(40% - (var(--wp--preset--spacing--large) / 2));

    @media(max-width: 959px) {
      display: none;
    }

    img {
      aspect-ratio: 1.83;
    }

    .splide__slide {
      margin-bottom: var(--wp--preset--spacing--large);
    }
  }

  .brew-tenancy-gallery__modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.75);
    box-sizing: border-box;
    padding: 0.5rem;
    display: none;
    align-items: center;
    justify-content: center;

    &.modal-active {
      display: flex;
    }

    img {
      object-fit: contain;
      object-position: center;
    }

    .brew-tenancy-gallery__modal-close {
      position: absolute;
      top: var(--wp--preset--spacing--large);
      right: var(--wp--preset--spacing--large);
    }

    .splide__arrows {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%);
      display: flex;
      justify-content: space-between;
      padding: 0 var(--wp--preset--spacing--medium);

      svg {
        width: 14px;

        path {
          fill: var(--wp--preset--color--white);
        }
      }
    }
  }
}

.brew-thick-thin-intro {
  background-color: var(--wp--preset--color--background) !important;
  color: var(--wp--preset--color--black) !important;
}

.brew-featured-icons {
  background-color: var(--wp--preset--color--black) !important;
}

.brew-banner-stacked {
  background-color: var(--wp--preset--color--background) !important;
  color: var(--wp--preset--color--black) !important;

  .wp-block-group {
    * {
      text-align: left;
      max-width: none;
    }

    .wp-block-buttons {
      justify-content: flex-start;
    }
  }
}

.brew-modal-video-trigger {
  video {
    max-width: 100%;
  }
}

section.brew-intro-grid-gallery {
  background-color: var(--heritage-purple);
  padding-inline: var(--wp--preset--spacing--medium);

  .brew-intro-grid-gallery__images {
    grid-template-columns: 1fr;
    gap: 24px;

    @media (min-width: 960px) {
      grid-template-columns: calc(50% - 12px) repeat(2, calc(25% - 18px));
    }

    .wp-block-image {
      width: 100%;
      border-radius: 8px;
      overflow: hidden;

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
      }

      &:nth-child(1) {
        aspect-ratio: 360 / 397;

        @media (min-width: 960px) {
          grid-area: 1 / 1 / 3 / 2;
          aspect-ratio: auto;
          height: 100%;
        }
      }

      &:nth-child(2) {
        aspect-ratio: 360 / 397;

        @media (min-width: 960px) {
          grid-area: 1 / 2 / 2 / 3;
          aspect-ratio: 294 / 397;
        }
      }

      &:nth-child(3) {
        aspect-ratio: 360 / 238;

        @media (min-width: 960px) {
          grid-area: 1 / 3 / 2 / 4;
          aspect-ratio: 294 / 397;
        }
      }

      &:nth-child(4) {
        aspect-ratio: 358 / 661;

        @media (min-width: 960px) {
          grid-area: 2 / 2 / 3 / 4;
          aspect-ratio: 612 / 238;
        }
      }
    }
  }
}

.wp-block-brew-core-editor-tabs {
  .tabs__list {
    button {
      border-bottom: 2px solid transparent;

      &[aria-selected=true] {
        border-bottom: 2px solid var(--wp--preset--color--black);
      }
    }
  }

  .tabs__panels {
    border-top: 1px solid var(--wp--preset--color--black);
  }
}

.brew-pull-quote {

  blockquote {
    padding: 0 !important;

    .brew-pull-quote__author {
      background-color: rgba(0,0,0,0.5) !important;
      text-transform: none !important;
    }

    .brew-pull-quote__wrapper {
      padding-inline: 0 !important;

      p.brew-pull-quote__content {
        font-size: 30px !important;
        line-height: 40px !important;

        @media(min-width: 960px) {
          font-size: 40px !important;
          line-height: 56px !important;
        }
      }
    }
  }
}

section.brew-testimonial-quote-slider {
  padding-top: 72px;
  padding-bottom: 72px;

  @media (min-width: 960px) {
    padding-top: 124px;
    padding-bottom: 88px;
  }

  .wp-block-brew-core-editor-slider {
    max-width: 890px;
    margin-inline: auto;

    .splide__track {
      margin-bottom: var(--wp--preset--spacing--medium);
      padding-bottom: var(--wp--preset--spacing--medium);
    }

    .splide__slide {
      overflow: hidden;
    }

    .splide__controls {
      .splide__arrows {
        path {
          fill: var(--wp--preset--color--white);
        }
      }
    }

    .splide__arrow {
      background-color: var(--wp--preset--color--black);
      width: 46px;
      height: 46px;

      &:not(&[disabled]) {
        opacity: 1;
      }
    }

    /* .splide__arrow--prev {
      transform: rotate(180deg);
    } */

    .splide__pagination {
      background-color: var(--wp--preset--color--white);
      padding: 6px 10px;
      margin: 0 var(--wp--preset--spacing--medium);
      border-radius: 12px;

      li {
        margin-right: 10px;
        display: flex;

        &:last-child {
          margin-right: 0;
        }
      }

      .splide__pagination__page {
        transition: width 0.5s;
        width: 10px;
        height: 10px;
        margin: 0;

        &.is-active {
          background-color: var(--wp--preset--color--black);
          width: 24px;
          height: 7px;
          border-radius: 4px;
          opacity: 1;
        }
      }
    }
  }

  .brew-testimonial-quote-slider__card {
    border: 1px solid var(--wp--preset--color--black);
    padding: 48px 32px 56px;

    @media (min-width: 960px) {
      padding: 80px 104px;
    }

    &::before {
      content: "";
      display: block;
      width: 68px;
      height: 48px;
      margin-bottom: 30px;
      background-color: var(--rich-orange);
      -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNDciIHZpZXdCb3g9IjAgMCA2OCA0NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi42MjgxIDEwLjU4NjVDMTMuNzExNiAxMC4zMjQ3IDE0LjgxOTEgMTAuMTkyOSAxNS45MyAxMC4xOTM1QzI0LjcyNzUgMTAuMTkzNSAzMS44NTcyIDE4LjM0MTUgMzEuODU3MiAyOC4zODg1QzMxLjg1NzIgMzguNDM4NSAyNC43Mjc1IDQ2LjU4NjUgMTUuOTMgNDYuNTg2NUM3LjEzMjUgNDYuNTg2NSAwIDM4LjQ0MTUgMCAyOC4zODg1QzAgMjguMDk0NSAwLjAwNTYyNSAyNy43OTc1IDAuMDE5Njg3NSAyNy41MDM1SDBDMCAxMi4zMzg1IDEwLjggLTAuMDAwNDg4MjgxIDI0LjA3NSAtMC4wMDA0ODgyODFWNi4xMDc1MUMxOS43NjkxIDYuMTA3NTEgMTUuNzk3OCA3Ljc4MTUxIDEyLjYyODEgMTAuNTg2NVpNNDguMjczOCAxMC41ODY1QzQ5LjMzNjkgMTAuMzI4NSA1MC40Mzk0IDEwLjE5MzUgNTEuNTcgMTAuMTkzNUM2MC4zNjc1IDEwLjE5MzUgNjcuNSAxOC4zNDE1IDY3LjUgMjguMzg4NUM2Ny41IDM4LjQzODUgNjAuMzY3NSA0Ni41ODY1IDUxLjU3IDQ2LjU4NjVDNDIuNzcyNSA0Ni41ODY1IDM1LjY0MjggMzguNDQxNSAzNS42NDI4IDI4LjM4ODVDMzUuNjQyOCAyOC4wOTQ1IDM1LjY0ODQgMjcuNzk3NSAzNS42NjI1IDI3LjUwMzVIMzUuNjQyOEMzNS42NDI4IDEyLjMzODUgNDYuNDQyOCAtMC4wMDA0ODgyODEgNTkuNzE3OCAtMC4wMDA0ODgyODFWNi4xMDc1MUM1NS40MDkxIDYuMTA3NTEgNTEuNDQzNCA3Ljc4MTUxIDQ4LjI3MzggMTAuNTg2NVoiIGZpbGw9IiNGRjdFMUQiLz4KPC9zdmc+Cg==") no-repeat center;
      mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNDciIHZpZXdCb3g9IjAgMCA2OCA0NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi42MjgxIDEwLjU4NjVDMTMuNzExNiAxMC4zMjQ3IDE0LjgxOTEgMTAuMTkyOSAxNS45MyAxMC4xOTM1QzI0LjcyNzUgMTAuMTkzNSAzMS44NTcyIDE4LjM0MTUgMzEuODU3MiAyOC4zODg1QzMxLjg1NzIgMzguNDM4NSAyNC43Mjc1IDQ2LjU4NjUgMTUuOTMgNDYuNTg2NUM3LjEzMjUgNDYuNTg2NSAwIDM4LjQ0MTUgMCAyOC4zODg1QzAgMjguMDk0NSAwLjAwNTYyNSAyNy43OTc1IDAuMDE5Njg3NSAyNy41MDM1SDBDMCAxMi4zMzg1IDEwLjggLTAuMDAwNDg4MjgxIDI0LjA3NSAtMC4wMDA0ODgyODFWNi4xMDc1MUMxOS43NjkxIDYuMTA3NTEgMTUuNzk3OCA3Ljc4MTUxIDEyLjYyODEgMTAuNTg2NVpNNDguMjczOCAxMC41ODY1QzQ5LjMzNjkgMTAuMzI4NSA1MC40Mzk0IDEwLjE5MzUgNTEuNTcgMTAuMTkzNUM2MC4zNjc1IDEwLjE5MzUgNjcuNSAxOC4zNDE1IDY3LjUgMjguMzg4NUM2Ny41IDM4LjQzODUgNjAuMzY3NSA0Ni41ODY1IDUxLjU3IDQ2LjU4NjVDNDIuNzcyNSA0Ni41ODY1IDM1LjY0MjggMzguNDQxNSAzNS42NDI4IDI4LjM4ODVDMzUuNjQyOCAyOC4wOTQ1IDM1LjY0ODQgMjcuNzk3NSAzNS42NjI1IDI3LjUwMzVIMzUuNjQyOEMzNS42NDI4IDEyLjMzODUgNDYuNDQyOCAtMC4wMDA0ODgyODEgNTkuNzE3OCAtMC4wMDA0ODgyODFWNi4xMDc1MUM1NS40MDkxIDYuMTA3NTEgNTEuNDQzNCA3Ljc4MTUxIDQ4LjI3MzggMTAuNTg2NVoiIGZpbGw9IiNGRjdFMUQiLz4KPC9zdmc+Cg==") no-repeat center;
    }

    p {
      font-size: 16px;
      line-height: 2;
      letter-spacing: -0.6px;
      margin-bottom: 24px;

      @media (min-width: 960px) {
        margin-bottom: 32px;
      }
    }
  }

  .brew-testimonial-quote-slider__quote {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 24px;

    @media (min-width: 960px) {
      font-size: 40px;
      margin-bottom: 32px;
    }
  }

  .brew-testimonial-quote-slider__cite {
    font-style: normal;
    display: block;
  }

  .brew-testimonial-quote-slider__name {
    display: block;
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 1;
    opacity: 0.75;
    margin-bottom: 8px;
  }

  .brew-testimonial-quote-slider__role {
    display: block;
    font-family: Inter, sans-serif;
    font-size: 10px;
    line-height: 1;
  }
}

.brew-timeline__part {
    position: relative;
}

.brew-timeline__part::before {
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, #0e0e0e 5%, rgba(0, 0, 0, 0) 100%);
z-index: 1;

  @media(min-width: 960px) {
    height: 150px;
  }
}

.brew-timeline__part::after {
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  content: "";
  position: absolute;
  background: linear-gradient(to top, #0e0e0e 5%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;

  @media(min-width: 960px) {
      height: 150px;
  }
}

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

.brew-timeline {
    & .brew-timeline__inner {
        &::before, &::after {
          z-index: 10;
        }
    }
}

/* ========================================================
=== RUN A PUB OVERRIDES ===================================
======================================================== */

body.is-run-pub-section {

  .wp-block-button:not(.is-style-link) {

    .wp-block-button__link {
      background-color: var(--wp--preset--color--black);
      text-transform: none;
      padding: 16px 34px;
      line-height: 1;
      font-size: 18px;
      border-radius: 8px;
      box-shadow: -2px 2px 4px 0 rgba(255, 255, 255, 0.25);
      letter-spacing: -0.4px;

      &::after {
        mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNCAxNCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjYuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4xIEJ1aWxkIDkpICAtLT4KICA8cGF0aCBkPSJNMTMuMDEsN2wtNi40NSw2LjQ1LTEuNzgtMS43OCwzLjE1LTMuMTVILjk5di0yLjk4aDYuOTlsLTMuMi0zLjIsMS43OC0xLjc4LDYuNDUsNi40NVoiLz4KPC9zdmc+) no-repeat center;
        width: 17px;
        height: 13px;
        content: "";
        display: inline-block;
        transition: all .3s ease;
        margin-left: 12px;
        background-color: var(--wp--preset--color--white);
        background-image: none;
      }

      &:hover, &:focus {
        background-color: var(--wp--preset--color--black) !important;

        &::after {
          background-color: var(--wp--preset--color--primary);
          transform: translateX(4px);
        }
      }
    }
  }

  .wp-block-button {

    &.brew-btn-arrow--double, &.is-style-link {

      .wp-block-button__link {
        background-color: transparent !important;
        color: var(--wp--preset--color--black) !important;
        text-decoration-line: underline;
        text-decoration-color: transparent;
        text-decoration-skip-ink: none;
        text-decoration-thickness: 3px;

        &::after {
          mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCAxNCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjYuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4xIEJ1aWxkIDkpICAtLT4KICA8cGF0aCBkPSJNMTcuNzYsNS4yMmwxLjc4LDEuNzgtNi40NSw2LjQ1LTEuNzgtMS43OCwzLjE1LTMuMTVoLTQuMzhsLTIuNzgsMi43OC0xLjQxLTEuNDEsMS4zNi0xLjM2aC0yLjZsLTIuNzgsMi43OC0xLjQxLTEuNDEsMi44My0yLjgzLjA5LjA5di0uMjNsLS4wOS4wOUwuNDYsNC4xN2wxLjQyLTEuNDEsMi43OCwyLjc4aDIuNmwtMS4zNy0xLjM3LDEuNDItMS40MSwyLjc4LDIuNzhoNC40NGwtMy4yLTMuMiwxLjc5LTEuNzgsNC42Niw0LjY3WiIvPgo8L3N2Zz4=) no-repeat center;
          width: 17px;
          height: 13px;
          transition: all .3s ease;
          margin-left: 12px;
          background-color: var(--wp--preset--color--black);
          background-image: none;
        }

        &:focus, &:hover {
          text-decoration-color: var(--wp--preset--color--black);

          &::after {
            background-color: var(--wp--preset--color--primary);
          }
        }
      }
    }
  }

  .has-black-background-color {

    .wp-block-button {

      &.brew-btn-arrow--double, &.is-style-link {

        .wp-block-button__link {
          color: var(--wp--preset--color--white) !important;

          &::after {
            background-color: var(--wp--preset--color--white);
          }

          &:focus, &:hover {
            text-decoration-color: var(--wp--preset--color--white);
          }
        }
      }
    }
  }

  section.brew-full-screen-banner {

    .wp-block-button {

      .wp-block-button__link {
        color: var(--wp--preset--color--black) !important;
        background-color: var(--wp--preset--color--white) !important;

        &::after {
          background-color: var(--wp--preset--color--black);
        }

        &:focus, &:hover {
          color: var(--wp--preset--color--black) !important;
          background-color: var(--wp--preset--color--white) !important;

          &::hover, &:focus {
            background-color: var(--wp--preset--color--primary);
          }
        }
      }
    }

    &::after {
      left: calc(50% - 7px);
      mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxNyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9InBhdGgtMS1vdXRzaWRlLTFfMzgyXzExODgwIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSItMC4yMzk3NDciIHk9Ii0wLjU4NzUyNSIgd2lkdGg9IjE3IiBoZWlnaHQ9IjIzIiBmaWxsPSJibGFjayI+CjxyZWN0IGZpbGw9IndoaXRlIiB4PSItMC4yMzk3NDciIHk9Ii0wLjU4NzUyNSIgd2lkdGg9IjE3IiBoZWlnaHQ9IjIzIi8+CjxwYXRoIGQ9Ik0xMC4wOTUyIDE4LjcxNzJMOC4zMTEwMyAyMC41MDEzTDEuODYxODIgMTQuMDUyMUwzLjY0NiAxMi4yNjc5TDYuNzk2MzkgMTUuNDE4M0w2Ljc5NjM5IDExLjAzMzZMNC4wMTgwNyA4LjI1NTI1TDUuNDMyMTMgNi44NDExOUw2Ljc5NjM5IDguMjA1NDRMNi43OTYzOSA1LjYwNTgzTDQuMDE4MDcgMi44Mjc1MUw1LjQzMjEzIDEuNDEzNDVMOC4yNjAyNSA0LjI0MTU4TDguMTY4NDYgNC4zMzMzN0w4LjQwMjgzIDQuMzMzMzdMOC4zMTEwNCA0LjI0MTU4TDExLjEzOTIgMS40MTI0OEwxMi41NTMyIDIuODI3NTFMOS43NzI5NSA1LjYwNzc5TDkuNzcyOTUgOC4yMDY0MkwxMS4xMzkyIDYuODQwMjFMMTIuNTUzMiA4LjI1NTI1TDkuNzcyOTUgMTEuMDM1NUw5Ljc3Mjk1IDE1LjQ3MTFMMTIuOTc2MSAxMi4yNjc5TDE0Ljc2MDMgMTQuMDUzMUwxMC4wOTUyIDE4LjcxNzJaIi8+CjwvbWFzaz4KPHBhdGggZD0iTTEwLjA5NTIgMTguNzE3Mkw5LjM4ODE4IDE4LjAxTDkuMzg4MTEgMTguMDEwMUwxMC4wOTUyIDE4LjcxNzJaTTguMzExMDMgMjAuNTAxM0w3LjYwMzkzIDIxLjIwODVMOC4zMTEwMyAyMS45MTU2TDkuMDE4MTQgMjEuMjA4NUw4LjMxMTAzIDIwLjUwMTNaTTEuODYxODIgMTQuMDUyMUwxLjE1NDcxIDEzLjM0NUwwLjQ0NzYwMyAxNC4wNTIxTDEuMTU0NzEgMTQuNzU5MkwxLjg2MTgyIDE0LjA1MjFaTTMuNjQ2IDEyLjI2NzlMNC4zNTMxIDExLjU2MDhMMy42NDYgMTAuODUzN0wyLjkzODg5IDExLjU2MDhMMy42NDYgMTIuMjY3OVpNNi43OTYzOSAxNS40MTgzTDYuMDg5MjggMTYuMTI1NEw3Ljc5NjM5IDE3LjgzMjVMNy43OTYzOSAxNS40MTgzTDYuNzk2MzkgMTUuNDE4M1pNNi43OTYzOSAxMS4wMzM2TDcuNzk2MzkgMTEuMDMzNkw3Ljc5NjM5IDEwLjYxOTRMNy41MDM0OSAxMC4zMjY1TDYuNzk2MzkgMTEuMDMzNlpNNC4wMTgwNyA4LjI1NTI1TDMuMzEwOTYgNy41NDgxNEwyLjYwMzg1IDguMjU1MjVMMy4zMTA5NiA4Ljk2MjM2TDQuMDE4MDcgOC4yNTUyNVpNNS40MzIxMyA2Ljg0MTE5TDYuMTM5MjQgNi4xMzQwOEw1LjQzMjEzIDUuNDI2OTdMNC43MjUwMiA2LjEzNDA4TDUuNDMyMTMgNi44NDExOVpNNi43OTYzOSA4LjIwNTQ0TDYuMDg5MjggOC45MTI1NUw3Ljc5NjM5IDEwLjYxOTdMNy43OTYzOSA4LjIwNTQ0TDYuNzk2MzkgOC4yMDU0NFpNNi43OTYzOSA1LjYwNTgzTDcuNzk2MzkgNS42MDU4M0w3Ljc5NjM5IDUuMTkxNjJMNy41MDM0OSA0Ljg5ODczTDYuNzk2MzkgNS42MDU4M1pNNC4wMTgwNyAyLjgyNzUxTDMuMzEwOTYgMi4xMjA0MUwyLjYwMzg1IDIuODI3NTFMMy4zMTA5NiAzLjUzNDYyTDQuMDE4MDcgMi44Mjc1MVpNNS40MzIxMyAxLjQxMzQ1TDYuMTM5MjQgMC43MDYzNDVMNS40MzIxMyAtMC4wMDA3NjE3OTdMNC43MjUwMiAwLjcwNjM0NUw1LjQzMjEzIDEuNDEzNDVaTTguMjYwMjUgNC4yNDE1OEw4Ljk2NzM2IDQuOTQ4NjhMOS42NzQ0NyA0LjI0MTU4TDguOTY3MzYgMy41MzQ0N0w4LjI2MDI1IDQuMjQxNThaTTguMTY4NDYgNC4zMzMzN0w3LjQ2MTM1IDMuNjI2MjdMNS43NTQyNCA1LjMzMzM3TDguMTY4NDYgNS4zMzMzN0w4LjE2ODQ2IDQuMzMzMzdaTTguNDAyODMgNC4zMzMzN0w4LjQwMjgzIDUuMzMzMzdMMTAuODE3IDUuMzMzMzdMOS4xMDk5NCAzLjYyNjI3TDguNDAyODMgNC4zMzMzN1pNOC4zMTEwNCA0LjI0MTU4TDcuNjAzODEgMy41MzQ1OUw2Ljg5Njk0IDQuMjQxN0w3LjYwMzkzIDQuOTQ4NjhMOC4zMTEwNCA0LjI0MTU4Wk0xMS4xMzkyIDEuNDEyNDhMMTEuODQ2NSAwLjcwNTYxM0wxMS4xMzkzIC0wLjAwMjEwNDQ0TDEwLjQzMTkgMC43MDU0OTFMMTEuMTM5MiAxLjQxMjQ4Wk0xMi41NTMyIDIuODI3NTFMMTMuMjYwMyAzLjUzNDYyTDEzLjk2NzIgMi44Mjc3NkwxMy4yNjA2IDIuMTIwNjVMMTIuNTUzMiAyLjgyNzUxWk05Ljc3Mjk1IDUuNjA3NzlMOS4wNjU4NCA0LjkwMDY4TDguNzcyOTUgNS4xOTM1N0w4Ljc3Mjk1IDUuNjA3NzlMOS43NzI5NSA1LjYwNzc5Wk05Ljc3Mjk1IDguMjA2NDJMOC43NzI5NSA4LjIwNjQyTDguNzcyOTUgMTAuNjIwNkwxMC40ODAxIDguOTEzNTNMOS43NzI5NSA4LjIwNjQyWk0xMS4xMzkyIDYuODQwMjFMMTEuODQ2NSA2LjEzMzM1TDExLjEzOTQgNS40MjU3NUwxMC40MzIxIDYuMTMzMUwxMS4xMzkyIDYuODQwMjFaTTEyLjU1MzIgOC4yNTUyNUwxMy4yNjAzIDguOTYyMzZMMTMuOTY3MiA4LjI1NTQ5TDEzLjI2MDYgNy41NDgzOUwxMi41NTMyIDguMjU1MjVaTTkuNzcyOTUgMTEuMDM1NUw5LjA2NTg0IDEwLjMyODRMOC43NzI5NSAxMC42MjEzTDguNzcyOTUgMTEuMDM1NUw5Ljc3Mjk1IDExLjAzNTVaTTkuNzcyOTUgMTUuNDcxMUw4Ljc3Mjk1IDE1LjQ3MTFMOC43NzI5NSAxNy44ODUzTDEwLjQ4MDEgMTYuMTc4Mkw5Ljc3Mjk1IDE1LjQ3MTFaTTEyLjk3NjEgMTIuMjY3OUwxMy42ODM0IDExLjU2MUwxMi45NzYzIDEwLjg1MzVMMTIuMjY5IDExLjU2MDhMMTIuOTc2MSAxMi4yNjc5Wk0xNC43NjAzIDE0LjA1MzFMMTUuNDY3MyAxNC43NjAzTDE2LjE3NDMgMTQuMDUzNEwxNS40Njc2IDEzLjM0NjJMMTQuNzYwMyAxNC4wNTMxWk0xMC4wOTUyIDE4LjcxNzJMOS4zODgxMSAxOC4wMTAxTDcuNjAzOTMgMTkuNzk0Mkw4LjMxMTAzIDIwLjUwMTNMOS4wMTgxNCAyMS4yMDg1TDEwLjgwMjMgMTkuNDI0M0wxMC4wOTUyIDE4LjcxNzJaTTguMzExMDMgMjAuNTAxM0w5LjAxODE0IDE5Ljc5NDJMMi41Njg5MiAxMy4zNDVMMS44NjE4MiAxNC4wNTIxTDEuMTU0NzEgMTQuNzU5Mkw3LjYwMzkzIDIxLjIwODVMOC4zMTEwMyAyMC41MDEzWk0xLjg2MTgyIDE0LjA1MjFMMi41Njg5MiAxNC43NTkyTDQuMzUzMSAxMi45NzUxTDMuNjQ2IDEyLjI2NzlMMi45Mzg4OSAxMS41NjA4TDEuMTU0NzEgMTMuMzQ1TDEuODYxODIgMTQuMDUyMVpNMy42NDYgMTIuMjY3OUwyLjkzODg5IDEyLjk3NTFMNi4wODkyOCAxNi4xMjU0TDYuNzk2MzkgMTUuNDE4M0w3LjUwMzQ5IDE0LjcxMTJMNC4zNTMxIDExLjU2MDhMMy42NDYgMTIuMjY3OVpNNi43OTYzOSAxNS40MTgzTDcuNzk2MzkgMTUuNDE4M0w3Ljc5NjM5IDExLjAzMzZMNi43OTYzOSAxMS4wMzM2TDUuNzk2MzkgMTEuMDMzNkw1Ljc5NjM5IDE1LjQxODNMNi43OTYzOSAxNS40MTgzWk02Ljc5NjM5IDExLjAzMzZMNy41MDM0OSAxMC4zMjY1TDQuNzI1MTcgNy41NDgxNEw0LjAxODA3IDguMjU1MjVMMy4zMTA5NiA4Ljk2MjM2TDYuMDg5MjggMTEuNzQwN0w2Ljc5NjM5IDExLjAzMzZaTTQuMDE4MDcgOC4yNTUyNUw0LjcyNTE3IDguOTYyMzZMNi4xMzkyNCA3LjU0ODI5TDUuNDMyMTMgNi44NDExOUw0LjcyNTAyIDYuMTM0MDhMMy4zMTA5NiA3LjU0ODE0TDQuMDE4MDcgOC4yNTUyNVpNNS40MzIxMyA2Ljg0MTE5TDQuNzI1MDIgNy41NDgyOUw2LjA4OTI4IDguOTEyNTVMNi43OTYzOSA4LjIwNTQ0TDcuNTAzNDkgNy40OTgzNEw2LjEzOTI0IDYuMTM0MDhMNS40MzIxMyA2Ljg0MTE5Wk02Ljc5NjM5IDguMjA1NDRMNy43OTYzOSA4LjIwNTQ0TDcuNzk2MzkgNS42MDU4M0w2Ljc5NjM5IDUuNjA1ODNMNS43OTYzOSA1LjYwNTgzTDUuNzk2MzkgOC4yMDU0NEw2Ljc5NjM5IDguMjA1NDRaTTYuNzk2MzkgNS42MDU4M0w3LjUwMzQ5IDQuODk4NzNMNC43MjUxNyAyLjEyMDQxTDQuMDE4MDcgMi44Mjc1MUwzLjMxMDk2IDMuNTM0NjJMNi4wODkyOCA2LjMxMjk0TDYuNzk2MzkgNS42MDU4M1pNNC4wMTgwNyAyLjgyNzUxTDQuNzI1MTcgMy41MzQ2Mkw2LjEzOTI0IDIuMTIwNTZMNS40MzIxMyAxLjQxMzQ1TDQuNzI1MDIgMC43MDYzNDVMMy4zMTA5NiAyLjEyMDQxTDQuMDE4MDcgMi44Mjc1MVpNNS40MzIxMyAxLjQxMzQ1TDQuNzI1MDIgMi4xMjA1Nkw3LjU1MzE1IDQuOTQ4NjhMOC4yNjAyNSA0LjI0MTU4TDguOTY3MzYgMy41MzQ0N0w2LjEzOTI0IDAuNzA2MzQ1TDUuNDMyMTMgMS40MTM0NVpNOC4yNjAyNSA0LjI0MTU4TDcuNTUzMTUgMy41MzQ0N0w3LjQ2MTM1IDMuNjI2MjdMOC4xNjg0NiA0LjMzMzM3TDguODc1NTYgNS4wNDA0OEw4Ljk2NzM2IDQuOTQ4NjhMOC4yNjAyNSA0LjI0MTU4Wk04LjE2ODQ2IDQuMzMzMzdMOC4xNjg0NiA1LjMzMzM3TDguNDAyODMgNS4zMzMzN0w4LjQwMjgzIDQuMzMzMzdMOC40MDI4MyAzLjMzMzM3TDguMTY4NDYgMy4zMzMzN0w4LjE2ODQ2IDQuMzMzMzdaTTguNDAyODMgNC4zMzMzN0w5LjEwOTk0IDMuNjI2MjdMOS4wMTgxNCAzLjUzNDQ3TDguMzExMDQgNC4yNDE1OEw3LjYwMzkzIDQuOTQ4NjhMNy42OTU3MyA1LjA0MDQ4TDguNDAyODMgNC4zMzMzN1pNOC4zMTEwNCA0LjI0MTU4TDkuMDE4MjYgNC45NDg1NkwxMS44NDY0IDIuMTE5NDZMMTEuMTM5MiAxLjQxMjQ4TDEwLjQzMTkgMC43MDU0OTFMNy42MDM4MSAzLjUzNDU5TDguMzExMDQgNC4yNDE1OFpNMTEuMTM5MiAxLjQxMjQ4TDEwLjQzMTggMi4xMTkzNEwxMS44NDU5IDMuNTM0MzhMMTIuNTUzMiAyLjgyNzUxTDEzLjI2MDYgMi4xMjA2NUwxMS44NDY1IDAuNzA1NjEzTDExLjEzOTIgMS40MTI0OFpNMTIuNTUzMiAyLjgyNzUxTDExLjg0NjEgMi4xMjA0MUw5LjA2NTg0IDQuOTAwNjhMOS43NzI5NSA1LjYwNzc5TDEwLjQ4MDEgNi4zMTQ4OUwxMy4yNjAzIDMuNTM0NjJMMTIuNTUzMiAyLjgyNzUxWk05Ljc3Mjk1IDUuNjA3NzlMOC43NzI5NSA1LjYwNzc5TDguNzcyOTUgOC4yMDY0Mkw5Ljc3Mjk1IDguMjA2NDJMMTAuNzcyOSA4LjIwNjQyTDEwLjc3MjkgNS42MDc3OUw5Ljc3Mjk1IDUuNjA3NzlaTTkuNzcyOTUgOC4yMDY0MkwxMC40ODAxIDguOTEzNTNMMTEuODQ2MyA3LjU0NzMyTDExLjEzOTIgNi44NDAyMUwxMC40MzIxIDYuMTMzMUw5LjA2NTg0IDcuNDk5MzFMOS43NzI5NSA4LjIwNjQyWk0xMS4xMzkyIDYuODQwMjFMMTAuNDMxOCA3LjU0NzA3TDExLjg0NTkgOC45NjIxMUwxMi41NTMyIDguMjU1MjVMMTMuMjYwNiA3LjU0ODM5TDExLjg0NjUgNi4xMzMzNUwxMS4xMzkyIDYuODQwMjFaTTEyLjU1MzIgOC4yNTUyNUwxMS44NDYxIDcuNTQ4MTRMOS4wNjU4NCAxMC4zMjg0TDkuNzcyOTUgMTEuMDM1NUwxMC40ODAxIDExLjc0MjZMMTMuMjYwMyA4Ljk2MjM2TDEyLjU1MzIgOC4yNTUyNVpNOS43NzI5NSAxMS4wMzU1TDguNzcyOTUgMTEuMDM1NUw4Ljc3Mjk1IDE1LjQ3MTFMOS43NzI5NSAxNS40NzExTDEwLjc3MjkgMTUuNDcxMUwxMC43NzI5IDExLjAzNTVMOS43NzI5NSAxMS4wMzU1Wk05Ljc3Mjk1IDE1LjQ3MTFMMTAuNDgwMSAxNi4xNzgyTDEzLjY4MzIgMTIuOTc1MUwxMi45NzYxIDEyLjI2NzlMMTIuMjY5IDExLjU2MDhMOS4wNjU4NCAxNC43NjRMOS43NzI5NSAxNS40NzExWk0xMi45NzYxIDEyLjI2NzlMMTIuMjY4OCAxMi45NzQ5TDE0LjA1MyAxNC43NkwxNC43NjAzIDE0LjA1MzFMMTUuNDY3NiAxMy4zNDYyTDEzLjY4MzQgMTEuNTYxTDEyLjk3NjEgMTIuMjY3OVpNMTQuNzYwMyAxNC4wNTMxTDE0LjA1MzIgMTMuMzQ1OUw5LjM4ODE4IDE4LjAxTDEwLjA5NTIgMTguNzE3MkwxMC44MDIyIDE5LjQyNDNMMTUuNDY3MyAxNC43NjAzTDE0Ljc2MDMgMTQuMDUzMVoiIGZpbGw9IndoaXRlIiBtYXNrPSJ1cmwoI3BhdGgtMS1vdXRzaWRlLTFfMzgyXzExODgwKSIvPgo8L3N2Zz4K) no-repeat center;
      width: 14px;
      bottom: 40px;
      height: 22px;
      content: "";
      display: block;
      z-index: 2;
      position: absolute;
      background-color: var(--wp--preset--color--white);
    }
  }

  div.rob-run-pub-video-popout {

    .brew-modal-video-trigger {

      .wp-block-image {
        position: relative;
        cursor: pointer;

        &::after {
          content: "";
          width: 100px;
          height: 101px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMSIgdmlld0JveD0iMCAwIDEwMCAxMDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjEuNSIgeT0iMS44NzEzNCIgd2lkdGg9Ijk3IiBoZWlnaHQ9Ijk3IiByeD0iNDguNSIgc3Ryb2tlPSIjRkVGRUZFIiBzdHJva2Utd2lkdGg9IjMiLz4KPHBhdGggZD0iTTQ2LjIxODQgMzcuNjkzN0M0My40NTkzIDM2LjA3MDQgMzkuOTgwNyAzOC4wNTk4IDM5Ljk4MDcgNDEuMjYxMVY1OS40ODIxQzM5Ljk4MDcgNjIuNjgzMiA0My40NTkgNjQuNjcyNiA0Ni4yMTgxIDYzLjA0OTdMNjEuNzA1NCA1My45NDAxQzY0LjQyNTkgNTIuMzM5OCA2NC40MjYxIDQ4LjQwNTYgNjEuNzA1NyA0Ni44MDUxTDQ2LjIxODQgMzcuNjkzN1oiIGZpbGw9IiNGRUZFRkUiLz4KPC9zdmc+Cg==");
          background-repeat: no-repeat;
          background-size: contain;
        }
      }
    }

    .wp-block-heading {
      font-size: 28px;
      line-height: 32px;

      @media(min-width: 960px) {
        font-size: 32px;
        line-height: 34px;
      }

      &::before {
        background-color:var(--pastel-green);
      }
    }

    p {
      margin-bottom: 32px;

      @media(min-width: 960px) {
        margin-bottom: 24px;
      }
    }

    .wp-block-buttons {
      margin-bottom: 48px;

      .wp-block-button {

        .wp-block-button__link {
          color: var(--wp--preset--color--black) !important;
          background-color: var(--wp--preset--color--white) !important;
        }

        :not(:hover)::after {
          background-color: var(--wp--preset--color--black);
        }
      }
    }

    .rob-run-pub-video-popout__icons__icon {
      display: flex;
      align-items: center;
      justify-content: flex-start;

      p {
        margin: 0 !important;
      }
    }
  }

  section.brew-card-row {
    background-color: var(--heritage-brown);
    padding-block: 72px;

    .brew-card {
      padding-bottom: 0 !important;
      box-shadow: 0 5px 16px rgba(0,0,0,0.25);
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      background-color: var(--wp--preset--color--background) !important;
      color: var(--wp--preset--color--black) !important;

      .wp-block-heading {
        font-size: 28px;
        line-height: 32px;
      }

      p {
        color: var(--rich-brown) !important;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
      }

      .wp-block-buttons {
        padding-inline: 0 !important;

        .wp-block-button {
          width: 100%;

          .wp-block-button__link {
            width: 100%;
            border-radius: 0 ;
            justify-content: center;
            padding: 24px;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
          }
        }
      }
    }
  }

  section.brew-thick-thin-intro {

    .wp-block-columns {

      .wp-block-column {
        flex-basis: 100% !important;
        text-align: center;

        .wp-block-heading {
          font-size: 32px;
          line-height: 40px;
          max-width: 564px;
          margin-inline: auto;

          @media(min-width: 960px) {
            font-size: 36px;
            line-height: 46px;
          }
        }

        p {
          max-width: 492px;
          margin-inline: auto;
          margin-bottom: 32px;
        }

        .wp-block-buttons {
          justify-content: center;
        }
      }
    }
  }

  section.brew-gallery-row {
    padding-block: 36px;

    .wp-block-gallery-is-layout-flex {
      justify-content: center;
      align-items: center;
      gap: 72px;

      figure {
        max-width: 120px;
      }
    }
  }

  section.brew-callout-cta {
    padding-block: 56px;

    @media(min-width: 960px) {
      padding-block: 80px;
    }

    .wp-block-cover__background {
      background-color: var(--heritage-purple) !important;
    }

    .wp-block-heading {
      font-size: 28px;
      line-height: 32px;

      @media(min-width: 960px) {
        font-size: 32px;
        line-height: 46px;
        letter-spacing: -0.2px;
        max-width: 385px;
      }

      &::before {
        background-color: var(--pastel-purple);
      }
    }
  }

  .brew-accordion .wp-block-accordion {
      width: calc(100% - 3rem);
      margin-inline: auto;
      max-width: 1126px;

      div.wp-block-accordion-item {
        border: 1px solid rgba(14, 14, 14, 0.24);
        padding: 3px;
        padding-bottom: 0;
        overflow: hidden;
        min-height: 84px;
        border-radius: 8px;
        margin-bottom: 8px;
        background-color: #fff !important;

        h3.wp-block-accordion-heading {

          button.wp-block-accordion-heading__toggle {
            gap: 24px;
            color: #000;
            width: 100%;
            border: 0;
            display: flex;
            padding: 16px 24px;
            font-size: 20px;
            text-align: left;
            align-items: center;
            font-family: "Proxima Nova", sans-serif;
            font-weight: bold;
            line-height: 24px;
            border-radius: 6px;
            letter-spacing: 0.4px;
            text-transform: uppercase;
            background-color: #EFEDE9;
            list-style: none;
            cursor: pointer;
            box-sizing: border-box;

            @media (min-width: 960px) {
              gap: 40px;
            }

            .wp-block-accordion-heading__toggle-icon {
              width: 48px;
              height: 48px;
              content: "";
              display: block;
              min-width: 48px;
              transition: transform .3s ease-in-out;
              border-radius: 24px;
              background-size: contain;
              background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDkiIHZpZXdCb3g9IjAgMCA0OCA0OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjQiIGN5PSIyNC43NzE1IiByPSIyNCIgZmlsbD0iIzBCMEIwQiIvPgo8cmVjdCB3aWR0aD0iMTIuMDIyNSIgaGVpZ2h0PSIxMi44OTg0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNy42NzM4IDE4LjgwODYpIiBmaWxsPSIjMEIwQjBCIi8+CjxwYXRoIGQ9Ik0yOS42OTYzIDI1LjI1NzhMMjMuMjQ3MSAzMS43MDdMMjEuNDYyOSAyOS45MjI5TDI0LjYxMzMgMjYuNzcyNUgxNy42NzM4VjIzLjc5NTlIMjQuNjY2TDIxLjQ2MjkgMjAuNTkyOEwyMy4yNDcxIDE4LjgwODZMMjkuNjk2MyAyNS4yNTc4WiIgZmlsbD0iI0ZFRkVGRSIvPgo8L3N2Zz4K);
              background-repeat: no-repeat;
              background-position: center;
              font-size: 0 !important;
              border: none;
              background-color: transparent !important;

              &::before {
                display: none !important;
              }
            }

            .wp-block-accordion-heading__toggle-title {

            }
          }
        }

        &.is-open {
          .wp-block-accordion-heading__toggle-icon {
            transform: rotate(90deg) !important;
          }
        }

        .wp-block-accordion-panel {
          padding: 40px 24px !important;
          color: var(--wp--preset--color--black) !important;

          @media (min-width: 960px) {
            padding: 40px 112px 72px !important;

            &[hidden] {
              padding: 0 !important;
            }
          }

          p {
            margin: 0;
            font-size: 16px;
            font-family: "Libre Baskerville", serif;
            line-height: 2;
            margin-bottom: 32px;
          }
        }
      }
  }
}

@media(max-width: 959px) {
  body:not(.single-pub, :has(.rob-brand-header[aria-expanded="true"])) #ccc-icon {
    bottom: 62px;
  }

  body #ccc-icon {
    width: 44px !important;
    height: 44px !important;
  }
}

.wp-singular .wp-block-post-content > .wp-block-group {
  padding-inline: var(--wp--preset--spacing--medium);
}