* {
  --brass-texture: url('https://rob-cdn.ams3.digitaloceanspaces.com/website-26/brand/brass-texture.jpg');
}

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/pattern work */

/* .wp-block-button {

  a.wp-element-button {
    transition: background-color 0.3s ease-in-out;
    text-align: left;
    padding: 12px 24px;
    display: inline-flex;
    align-items: center;

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

    &::after {
      content: '';
      display: block;
      width: 16px;
      height: 16px;
      margin-left: 16px; 
      background-size: cover;
      background-position: center;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAAABHNCSVQICAgIfAhkiAAAASpJREFUWEft2FsRwjAQBdDdiQCQgANwABKQ0ErACQ4oCpAADnCUy4RpmU7pI9nH8AN/MCT3dJukSZmUHwBVjHEfQqglXbGkUdcmhQO4pO8AGglCDABwBHDrX4AEoQGsATyIaKtBiAFt2XctYiVFqAAWCDVgDsHMJ2Y+zw10E8ACombmZgphBpAiTAEShDmgFOECKEG4AXIRroAW8Xle9GcCM79nhztgERFjhOaJqG3Lf8DPK6C9hznt+zunr5mQ04HmP7Ph3tMQQNqw3IloPbYGpN/c1oGccDdAbrgLoCTcHFAabgqQhJsBpOEmgKlwANcQQrW0hqimoTZcVQEA6Wj2JKLN4FSUdeVdG3EFJg6nReGqCgx3Orn3fDgmxBXoOmpfUBxyBtzYgHwBvFYa0BOa2P4AAAAASUVORK5CYII=);
    }
  }
} */

section.brew-image-content-row {

  .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 {

      img {
        aspect-ratio: 1012 / 600 !important;
      }

      @media(min-width: 782px) {
        width: 100%;
        margin-left: 0px !important;
      }
    }

    .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;
      }
    }

    .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;
      }
    }
  }
}

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);
        }
      }
    }
  }
}



/*
*
* Shared styles
*/
.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-post-banner {
  .brew-post-banner__banner {
    @media(max-width: 781px) {
      min-height: 480px !important;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
    }
  }

  .wp-block-post-date {
    display: flex;
    align-items: flex-start;
    max-width: none;

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

    @media(max-width: 781px) {
      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(min-width: 782px) {
        margin-left: var(--wp--preset--spacing--medium);
      }

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

  .wp-block-post-title {
    @media(max-width: 781px) {
      order: 2;
    }

    @media(min-width: 960px) {
      padding-right: calc(var(--wp--style--global--content-size) - 550px);
    }
  }

  .brew-post-banner__back {
    align-self: flex-start;
    margin-bottom: auto;

    @media(min-width: 960px) {
      position: absolute;
      left: var(--wp--preset--spacing--large);
      bottom: var(--wp--preset--spacing--large);
    }
  }

  .brew-post-banner__meta-bar {
    flex-wrap: wrap;

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

    .wp-block-avatar {
      width: 94px;
      height: 94px;
      border: 1px solid var(--wp--preset--color--black);
    }

    .brew-post-banner__social {
      p {
        margin-bottom: var(--wp--preset--spacing--medium);
      }

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

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

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

.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;

        &::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;
          cursor: pointer;
        }
      }
    }
  }

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

    cite {
      font-style: normal;

      strong {
        margin-bottom: var(--wp--preset--spacing--small);
        display: block;
      }

      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;
  }

  .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;
        }
      }
    }

  }
}

.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));
    }
  }

  .wp-block-post {
    position: relative;
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: var(--wp--preset--spacing--medium);
  }

  .brew-beer-archive__item-bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
  }

  .brew-beer-archive__item-head {
    position: relative;

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

    .brew-beer-archive__item-title {
      position: relative;
      height: 98px;
      max-width: 80%;
      z-index: 1;
    }
  }

  .brew-beer-archive__item-meta {
    gap: var(--wp--preset--spacing--medium);
    border-bottom: 1px solid var(--wp--preset--color--black);

    >p {
      display: flex;
      flex-direction: column;

      &::before {
        content: "";
        height: 25px;
        width: 25px;
      }

      &.brew-beer-archive__item-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==);
        }
      }

      &.brew-beer-archive__item-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=);
        }
      }
    }
  }

  .brew-beer-archive__item-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;

    &::after {
      content: "";
      width: 36px;
      height: 13px;
      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: contain;
      margin-left: var(--wp--preset--spacing--small);
    }
  }
}

/*
  * 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-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-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-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-cats-tabs {
  position: relative;

  &::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;

    &.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;

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

.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-card-row {
  .brew-card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.16);

    .wp-block-buttons,
    .wp-block-group {
      padding: 0 var(--wp--preset--spacing--medium) !important;
    }

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

      &::after {
        content: "";
        width: 17px;
        height: 17px;
        display: inline-block;
        margin-left: var(--wp--preset--spacing--small);
        background-size: contain;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAAABHNCSVQICAgIfAhkiAAAASpJREFUWEft2FsRwjAQBdDdiQCQgANwABKQ0ErACQ4oCpAADnCUy4RpmU7pI9nH8AN/MCT3dJukSZmUHwBVjHEfQqglXbGkUdcmhQO4pO8AGglCDABwBHDrX4AEoQGsATyIaKtBiAFt2XctYiVFqAAWCDVgDsHMJ2Y+zw10E8ACombmZgphBpAiTAEShDmgFOECKEG4AXIRroAW8Xle9GcCM79nhztgERFjhOaJqG3Lf8DPK6C9hznt+zunr5mQ04HmP7Ph3tMQQNqw3IloPbYGpN/c1oGccDdAbrgLoCTcHFAabgqQhJsBpOEmgKlwANcQQrW0hqimoTZcVQEA6Wj2JKLN4FSUdeVdG3EFJg6nReGqCgx3Orn3fDgmxBXoOmpfUBxyBtzYgHwBvFYa0BOa2P4AAAAASUVORK5CYII=);
        background-repeat: no-repeat;
        background-position: center;
      }
    }
  }
}

/*
* Some of the style below are based on elments with in the pattern moved into position using the UI, e.g the pattern title
*/
.brew-latest-posts-grid {
  .brew-latest-posts-grid__featured-col {
    @media(max-width: 781px) {
      padding-right: 0 !important;
    }

    @media(min-width: 782px) {
      padding-right: var(--wp--preset--spacing--medium) !important;
    }

    &+.wp-block-column {
      @media(max-width: 781px) {
        padding-left: 0 !important;
      }

      @media(min-width: 782px) {
        padding-left: var(--wp--preset--spacing--medium) !important;
      }
    }
  }

  .brew-latest-posts-grid__featured {
    width: 100%;

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

  .brew-featured-post__content {
    padding: var(--wp--preset--spacing--medium);

    &::before {
      content: "FEATURED";
      position: relative;
      z-index: 1;
      margin-bottom: auto;
      font-weight: bold;
    }
  }

  .brew-featured-post__date {
    display: flex;
    border-bottom: 1px solid currentColor;
    align-self: stretch;
  }

  .wp-block-post-date,
  .brew-featured-post__date {
    &::before {
      content: "";
      display: inline-block;
      width: 20px;
      height: 20px;
      background-color: currentColor;
      mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 9 4 L 9 5 L 5 5 L 5 27 L 27 27 L 27 5 L 23 5 L 23 4 L 21 4 L 21 5 L 11 5 L 11 4 Z M 7 7 L 9 7 L 9 8 L 11 8 L 11 7 L 21 7 L 21 8 L 23 8 L 23 7 L 25 7 L 25 9 L 7 9 Z M 7 11 L 25 11 L 25 25 L 7 25 Z M 13 13 L 13 15 L 15 15 L 15 13 Z M 17 13 L 17 15 L 19 15 L 19 13 Z M 21 13 L 21 15 L 23 15 L 23 13 Z M 9 17 L 9 19 L 11 19 L 11 17 Z M 13 17 L 13 19 L 15 19 L 15 17 Z M 17 17 L 17 19 L 19 19 L 19 17 Z M 21 17 L 21 19 L 23 19 L 23 17 Z M 9 21 L 9 23 L 11 23 L 11 21 Z M 13 21 L 13 23 L 15 23 L 15 21 Z M 17 21 L 17 23 L 19 23 L 19 21 Z"></path></svg>');
      mask-repeat: no-repeat;
      mask-size: contain;
    }
  }

  .wp-block-post-date {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(0, 0, 0, .3) !important;
    text-transform: uppercase;

    &::after {
      content: "";
      background-color: rgba(0, 0, 0, .3);
      height: 2px;
      flex: 1;
    }
  }

  .wp-block-post-title {
    padding-top: var(--wp--preset--spacing--small) !important;

    a {
      color: var(--wp--preset--color--button) !important;
      text-transform: uppercase;
    }
  }

  .brew-featured-post__btn,
  .wp-block-button.is-style-link--3 a {
    color: var(--wp--preset--color--button) !important;
    font-weight: bold;
    display: flex;
    gap: 15px;
    align-items: center;
    text-transform: uppercase;

    &::after {
      content: "";
      background-color: var(--wp--preset--color--button);
      width: 36px;
      height: 13px;
      mask-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=");
      mask-repeat: no-repeat;
      mask-position: center;
      mask-size: contain;
    }
  }

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

.brew-full-screen-banner {
  min-height: 220px !important;

  @media(min-width: 782px) {
    min-height: 535px !important;
  }

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

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

.brew-accordion {
  .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);
  }

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

.brew-latest-sticky {
  .brew-featured-post {
    display: flex;
    box-shadow: 0 3px 24px rgba(0, 0, 0, 0.43);
  }

  .brew-featured-post__link {
    flex: 1;

    @media(max-width: 959px) {
      display: flex;
      flex-basis: 100%;
      align-items: flex-end;
    }
  }

  .brew-featured-post__content {
    color: var(--wp--preset--color--white);
    text-transform: uppercase;

    @media(max-width: 959px) {
      justify-content: flex-end;
      padding: var(--wp--preset--spacing--medium);
      flex-basis: 100%;
      background: linear-gradient(to bottom,
          color-mix(in srgb, var(--wp--preset--color--black), transparent 57%) 0%,
          var(--wp--preset--color--black) 15%,
          var(--wp--preset--color--black) 100%);
    }

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

  .brew-featured-post__date {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-self: stretch;


    &::before {
      content: "";
      height: 2px;
      background-color: var(--wp--preset--color--white);
      flex-basis: 100%;
      order: 1;

      @media(min-width: 960px) {
        margin-right: var(--wp--preset--spacing--medium);
        flex: 1;
        order: -2;
      }
    }

    &::after {
      content: "";
      width: 20px;
      height: 20px;
      background-color: currentColor;
      mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 9 4 L 9 5 L 5 5 L 5 27 L 27 27 L 27 5 L 23 5 L 23 4 L 21 4 L 21 5 L 11 5 L 11 4 Z M 7 7 L 9 7 L 9 8 L 11 8 L 11 7 L 21 7 L 21 8 L 23 8 L 23 7 L 25 7 L 25 9 L 7 9 Z M 7 11 L 25 11 L 25 25 L 7 25 Z M 13 13 L 13 15 L 15 15 L 15 13 Z M 17 13 L 17 15 L 19 15 L 19 13 Z M 21 13 L 21 15 L 23 15 L 23 13 Z M 9 17 L 9 19 L 11 19 L 11 17 Z M 13 17 L 13 19 L 15 19 L 15 17 Z M 17 17 L 17 19 L 19 19 L 19 17 Z M 21 17 L 21 19 L 23 19 L 23 17 Z M 9 21 L 9 23 L 11 23 L 11 21 Z M 13 21 L 13 23 L 15 23 L 15 21 Z M 17 21 L 17 23 L 19 23 L 19 21 Z"></path></svg>');
      mask-repeat: no-repeat;
      mask-size: contain;
      margin-right: 3px;
      order: -1;
    }
  }

  .brew-featured-post__title {
    @media(max-width: 959px) {
      margin-bottom: var(--wp--preset--spacing--large);
    }
  }

  .brew-featured-post__btn {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--wp--preset--color--button);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: bold;

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

    &::after {
      content: "";
      background-color: var(--wp--preset--color--button);
      width: 36px;
      height: 13px;
      mask-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=");
      mask-repeat: no-repeat;
      mask-position: center;
      mask-size: contain;
    }
  }
}

.brew-latest-list {
  .wp-block-post {
    background-color: var(--wp--preset--color--white);
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
    padding: var(--wp--preset--spacing--large);
    color: var(--wp--preset--color--black);
  }

  .wp-block-columns {
    gap: var(--wp--preset--spacing--x-large);
  }

  .wp-block-post-date {
    display: flex;
    align-items: center;
    gap: 5px;
    color: color-mix(in srgb, var(--wp--preset--color--black), transparent 30%);
    text-transform: uppercase;

    &::before {
      content: "";
      width: 20px;
      height: 20px;
      background-color: currentColor;
      mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 9 4 L 9 5 L 5 5 L 5 27 L 27 27 L 27 5 L 23 5 L 23 4 L 21 4 L 21 5 L 11 5 L 11 4 Z M 7 7 L 9 7 L 9 8 L 11 8 L 11 7 L 21 7 L 21 8 L 23 8 L 23 7 L 25 7 L 25 9 L 7 9 Z M 7 11 L 25 11 L 25 25 L 7 25 Z M 13 13 L 13 15 L 15 15 L 15 13 Z M 17 13 L 17 15 L 19 15 L 19 13 Z M 21 13 L 21 15 L 23 15 L 23 13 Z M 9 17 L 9 19 L 11 19 L 11 17 Z M 13 17 L 13 19 L 15 19 L 15 17 Z M 17 17 L 17 19 L 19 19 L 19 17 Z M 21 17 L 21 19 L 23 19 L 23 17 Z M 9 21 L 9 23 L 11 23 L 11 21 Z M 13 21 L 13 23 L 15 23 L 15 21 Z M 17 21 L 17 23 L 19 23 L 19 21 Z"></path></svg>');
      mask-repeat: no-repeat;
      mask-size: contain;
      margin-right: 3px;
    }
  }

  .wp-block-post-title {
    text-transform: uppercase;

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

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;
            }
          }
        }
      }
    }
  }
}

.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: 2rem;
    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: block;
        visibility: visible;
      }

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

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

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

.brew-pub-image-content-row {
  .brew-pub-image-content-row__content {
    >div {
      @media(max-width: 959px) {
        padding: var(--wp--preset--spacing--large) !important;
      }

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