@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Mr+Dafoe&display=swap");
@import url("https://fonts.googleapis.com/css2?family=PT+Serif&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Neuton:wght@300;400&display=swap");
@font-face {
  font-family: "Sofia Pro";
  src: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/sofia-pro.eot");
  /* IE9*/
  src: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/sofia-pro.eot?#iefix") format("embedded-opentype"), url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/sofia-pro.woff2") format("woff2"), url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/sofia-pro.woff") format("woff"), url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/sofia-pro.ttf") format("truetype"), url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/sofia-pro.svg#Sofia Pro") format("svg");
  /* iOS 4.1- */ }

/* mr-dafoe-regular - latin */
@font-face {
  font-family: 'MrDafoe';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/mr-dafoe-v14-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/mr-dafoe-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/mr-dafoe-v14-latin-regular.woff2") format("woff2"), url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/mr-dafoe-v14-latin-regular.woff") format("woff"), url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/mr-dafoe-v14-latin-regular.ttf") format("truetype"), url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/mr-dafoe-v14-latin-regular.svg#MrDafoe") format("svg");
  /* Legacy iOS */ }

body, h1, h2, h3, h4, h5, h6, p, a, ul, span, label, input {
  font-family: 'Poppins', sans-serif; }

body {
  overflow-x: hidden; }
  @media (max-width: 800px) {
    body {
      height: 60px; }
      body .navPages-container.is-open {
        padding-top: 0;
        overflow-y: scroll;
        padding-bottom: 20%;
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */ }
        body .navPages-container.is-open::-webkit-scrollbar {
          width: 10px; }
        body .navPages-container.is-open::-webkit-scrollbar-track {
          box-shadow: inset 0 0 3px #e5e5e5;
          border-radius: 5px; }
        body .navPages-container.is-open::-webkit-scrollbar-thumb {
          background: #328ea5;
          border-radius: 5px;
          border: 1px solid #e5e5e5; }
        body .navPages-container.is-open::-webkit-scrollbar-thumb:hover {
          background: #2e889f; } }

[contenteditable=true]:focus, [href]:focus, [tabindex]:not([tabindex="-1"]):focus, button:focus, details:focus, input:focus, select:focus, textarea:focus {
  outline: 0 !important;
  outline-offset: 0 !important; }

@media (min-width: 551px) {
  ol.breadcrumbs {
    margin-top: 1rem; } }

.page-heading {
  margin-top: 1rem; }

.skip-to-main-link {
  display: none !important; }

.previewCartCheckout > .button--primary:first-child {
  margin: auto;
  width: 250px; }

.previewCartAction .previewCartAction-checkout, .previewCartAction .previewCartAction-viewCart {
  width: 100%;
  padding: 0;
  margin-top: 10px; }

.previewCartAction .or-use-label {
  text-align: center !important; }

@media (max-width: 550px) {
  .cart .or-use-label {
    text-align: center !important; } }

@media (min-width: 551px) {
  .cart-actions .button--primary {
    width: 250px; }
  .cart .or-use-label {
    padding-right: 80px; } }

.header {
  background-color: #328ea5;
  background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
  background-repeat: repeat;
  border-bottom: 0; }
  @media (max-width: 800px) {
    .header {
      height: 60px;
      padding: 3px 0px; } }
  .header .is-open {
    position: relative; }
  .header.is-open {
    background-color: #328ea5;
    background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
    background-repeat: repeat; }
  .header .header-logo-image-unknown-size {
    max-height: 100% !important; }
    .header .header-logo-image-unknown-size._inverted-logo {
      display: none; }

@media (min-width: 801px) {
  .header .customNav-item.navUser-item--search {
    display: none; }
  .header.is-open .customNav-item.navUser-item--search {
    display: block; } }

@media (min-width: 1261px) {
  .container {
    padding: 0; } }

@media (min-width: 801px) {
  .header-logo {
    margin: 3.5rem auto 3.5rem; } }

@media (max-width: 800px) {
  .header-logo {
    font-size: 0;
    height: 100%;
    margin: 0 auto;
    text-align: center; } }

.header-logo-image {
  max-height: 100%; }

.logo-navigation-container {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .logo-navigation-container .left-box {
    width: 33%; }
    @media (max-width: 1200px) {
      .logo-navigation-container .left-box {
        width: 45%; } }
    @media (max-width: 991px) {
      .logo-navigation-container .left-box {
        width: 20%; } }
    @media (max-width: 550px) {
      .logo-navigation-container .left-box {
        width: 20%; } }
  .logo-navigation-container .right-box {
    display: flex;
    justify-content: flex-end; }
    @media (max-width: 991px) {
      .logo-navigation-container .right-box {
        width: 20%; } }
    @media (min-width: 992px) {
      .logo-navigation-container .right-box {
        width: 45%; } }
    @media (min-width: 1201px) {
      .logo-navigation-container .right-box {
        width: 33%; } }

.navUser-item-cartLabel img {
  max-width: 20px; }
  .navUser-item-cartLabel img.lazyload {
    max-width: 5px;
    max-height: 5px; }

.navUser-item-cartLabel svg {
  width: 30px;
  height: 35px;
  display: block; }
  .navUser-item-cartLabel svg .st0 {
    fill: #FFF;
    stroke: #FFF; }

.navUser-item--cart .dropdown-menu.is-open {
  background: #FFFFFF; }

@media (max-width: 800px) {
  .logo-navigation-container {
    overflow-y: hidden; }
    .logo-navigation-container .logo-box .header-logo .header-logo-image-unknown-size {
      max-width: 50px; }
    .logo-navigation-container .customNav .navUser-item--cart .navUser-item--cart__hidden-s .navUser-item-cartLabel img {
      max-width: 20px; }
      .logo-navigation-container .customNav .navUser-item--cart .navUser-item--cart__hidden-s .navUser-item-cartLabel img.lazyload {
        max-width: 5px;
        max-height: 5px; }
    .logo-navigation-container .customNav .navUser-item--cart .navUser-item--cart__hidden-s .navUser-item-cartLabel svg {
      width: 20px;
      display: block; }
      .logo-navigation-container .customNav .navUser-item--cart .navUser-item--cart__hidden-s .navUser-item-cartLabel svg .st0 {
        fill: #FFF !important;
        stroke: none !important; }
    .logo-navigation-container .customNav .mobileMenu-toggle {
      zoom: 0.6; } }

.navPages-action, .navPages-action:hover, .navPages-action:focus, .navPages-action.activePage, .navPages-item {
  color: #FFFFFF; }

#menu .navPages-action:hover {
  color: #2c2c2c; }

.navPages-action:hover svg, .navPages-action:focus svg, .navPages-action.activePage svg, .navPages-action svg, .navPages-action.is-open svg, .navPages-action .collapsible-icon-wrapper.is-open svg {
  fill: #FFFFFF;
  stroke: #FFFFFF; }

span.navPages-action--storeCredit {
  font-size: 15px !important;
  color: #FFFFFF;
  text-decoration: none;
  display: block; }

@media (min-width: 801px) {
  .navPages-container {
    padding-top: 0 !important;
    padding-bottom: 2.5rem; }
  .navPages {
    max-width: 106rem;
    display: flex;
    align-items: stretch;
    align-content: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row; }
    .navPages:before, .navPages:after {
      display: none; }
    .navPages > .navPages-list, .navPages .navPages-list.navPages-list--user {
      display: flex;
      align-items: stretch;
      align-content: stretch;
      justify-content: left;
      flex-wrap: wrap;
      flex-direction: row;
      border-top: 0;
      margin-top: 0;
      padding-top: 0; }
      .navPages > .navPages-list > .navPages-item, .navPages .navPages-list.navPages-list--user > .navPages-item {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap;
        align-content: stretch; }
        .navPages > .navPages-list > .navPages-item > .navPages-action, .navPages .navPages-list.navPages-list--user > .navPages-item > .navPages-action {
          font-size: 28px; }
        .navPages > .navPages-list > .navPages-item .navPage-subMenu, .navPages .navPages-list.navPages-list--user > .navPages-item .navPage-subMenu {
          flex: 1;
          margin-left: 1.2rem !important;
          padding-top: 0 !important;
          padding-bottom: 0 !important; }
    .navPages > ._nav-main {
      flex: 4 !important;
      justify-content: flex-start !important; }
      .navPages > ._nav-main > .navPages-item {
        margin-right: 2%; }
    .navPages ._cafes .navPage-subMenu-list {
      columns: 2; }
    .navPages .navPages-list--user {
      text-align: right; }
      .navPages .navPages-list--user .navPages-item > .navPages-action {
        padding-bottom: 0; }
  ._nav-main .navPage-subMenu {
    position: relative !important;
    display: block !important;
    background-color: transparent !important;
    background: url(https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/header/curly-wave-bg.svg) repeat-y top left;
    background-size: 16px; }
  ._nav-main .navPages-action.has-subMenu .navPages-action-moreIcon {
    display: none; }
  .navPage-subMenu-item, .navPage-subMenu-item-parent, .navPage-subMenu-item-child {
    float: none !important;
    width: auto; }
    .navPage-subMenu-item > .navPage-subMenu-action, .navPage-subMenu-item-parent > .navPage-subMenu-action, .navPage-subMenu-item-child > .navPage-subMenu-action {
      border-bottom: 0;
      /* margin-bottom: 0 !important; */
      padding-top: 0 !important;
      display: inline-block;
      padding-bottom: 0 !important;
      margin-bottom: 1.14286rem; }
  .navPage-subMenu > .navPage-subMenu-list > .navPage-subMenu-item:first-child {
    display: none; } }

.navPages {
  background-color: #328ea5;
  background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
  background-repeat: repeat;
  height: fit-content; }

.subnavPages-container {
  position: relative; }
  .subnavPages-container .navPages {
    background: #308ca3;
    border-radius: 50px;
    padding: 0;
    margin-bottom: 25px; }
    @media (max-width: 800px) {
      .subnavPages-container .navPages {
        border-radius: 50px 50px 0 0; } }
    @media (max-width: 800px) {
      .subnavPages-container .navPages {
        text-align: center; } }
    .subnavPages-container .navPages .navPages-list._subNav {
      justify-content: space-around;
      align-items: stretch;
      width: 100%; }
      .subnavPages-container .navPages .navPages-list._subNav .navPages-item {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #2f5892; }
        @media (min-width: 801px) {
          .subnavPages-container .navPages .navPages-list._subNav .navPages-item:first-child {
            border-radius: 50px 0 0 50px; } }
        @media (min-width: 801px) {
          .subnavPages-container .navPages .navPages-list._subNav .navPages-item:last-child {
            border-radius: 0 50px 50px 0; } }
        .subnavPages-container .navPages .navPages-list._subNav .navPages-item._filter-facet > .navPages-action.is-open {
          background: #2f5892; }
          .subnavPages-container .navPages .navPages-list._subNav .navPages-item._filter-facet > .navPages-action.is-open .navPages-action-moreIcon {
            transform: rotate(180deg); }
        @media (min-width: 801px) {
          .subnavPages-container .navPages .navPages-list._subNav .navPages-item._filter-facet {
            border-radius: 0 50px 0 0;
            padding: 10px 0px;
            margin-right: -0.5px; }
            .subnavPages-container .navPages .navPages-list._subNav .navPages-item._filter-facet > .navPages-action.is-open {
              border-radius: 0 50px 0 0; } }
        @media (max-width: 800px) {
          .subnavPages-container .navPages .navPages-list._subNav .navPages-item._filter-facet {
            display: none; } }
        .subnavPages-container .navPages .navPages-list._subNav .navPages-item.activePage {
          background: #308ca3; }
          @media (min-width: 801px) {
            .subnavPages-container .navPages .navPages-list._subNav .navPages-item.activePage:first-child {
              border-radius: 50px 0px 0px 50px; } }
          @media (min-width: 801px) {
            .subnavPages-container .navPages .navPages-list._subNav .navPages-item.activePage:last-child {
              border-radius: 0px 50px 50px 0px; } }
        .subnavPages-container .navPages .navPages-list._subNav .navPages-item .navPages-action {
          font-size: 20px;
          font-weight: normal;
          padding-top: 25px;
          padding-bottom: 25px;
          padding-left: 10%;
          padding-right: 10%;
          line-height: 1; }
          @media (max-width: 991px) {
            .subnavPages-container .navPages .navPages-list._subNav .navPages-item .navPages-action {
              font-size: 16px;
              padding-left: 5%;
              padding-right: 5%; } }
    .subnavPages-container .navPages._style_coffee {
      border-radius: 50px 50px 0 0; }
  @media (min-width: 801px) {
    .subnavPages-container .navPages .navPages-list .navPages-item .navPage-subMenu {
      top: 100%;
      margin: 0 !important; } }
  .subnavPages-container #sub-navPages-filter {
    z-index: 2;
    /*@include grainy-bg;*/
    background: #308Ca3;
    /*display: block;*/
    left: 0;
    width: 100%;
    position: relative; }
    @media (min-width: 801px) {
      .subnavPages-container #sub-navPages-filter {
        padding: 10px 5% !important; } }
    .subnavPages-container #sub-navPages-filter .page-sidebar {
      width: 100%;
      /*@include grainy-bg;*/
      background: #308Ca3; }
    .subnavPages-container #sub-navPages-filter .sidebarBlock + .sidebarBlock {
      border-top: 0;
      margin-top: 0;
      padding-top: 0px; }
    .subnavPages-container #sub-navPages-filter ._category-sidebar {
      display: none; }
    .subnavPages-container #sub-navPages-filter .sidebarBlock-heading {
      color: #FFFFFF; }
    .subnavPages-container #sub-navPages-filter .facetLabel {
      background: #FFFFFF;
      border-radius: 4px;
      text-decoration: none;
      font-size: 13px;
      margin: 3px; }
    .subnavPages-container #sub-navPages-filter .accordion.accordion--navList .accordion-content {
      display: block; }
    .subnavPages-container #sub-navPages-filter .accordion.accordion--navList .accordion-block._size, .subnavPages-container #sub-navPages-filter .accordion.accordion--navList .accordion-block._brand, .subnavPages-container #sub-navPages-filter .accordion.accordion--navList .accordion-block._price, .subnavPages-container #sub-navPages-filter .accordion.accordion--navList .accordion-block._other {
      display: none; }
    .subnavPages-container #sub-navPages-filter .accordion.accordion--navList .accordion-block .accordion-navigation svg {
      display: none; }
    .subnavPages-container #sub-navPages-filter .accordion.accordion--navList .accordion-block .accordion-content .toggleLink, .subnavPages-container #sub-navPages-filter .accordion.accordion--navList .accordion-block .accordion-content .toggleLink:hover {
      color: #FFF;
      margin-top: 0.75rem;
      display: inline-block; }
    .subnavPages-container #sub-navPages-filter .accordion--navList .accordion-title {
      padding: 0;
      color: white;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 500;
      font-family: 'Sofia Pro'; }
    .subnavPages-container #sub-navPages-filter .accordion--navList .navList-action {
      color: #FFF;
      font-family: 'Sofia Pro'; }
    .subnavPages-container #sub-navPages-filter .facetedSearch-toggle, .subnavPages-container #sub-navPages-filter .facetedSearch-clearLink {
      color: #FFFFFF; }
    .subnavPages-container #sub-navPages-filter .navList-action--checkbox {
      padding-left: 0; }
      .subnavPages-container #sub-navPages-filter .navList-action--checkbox::before, .subnavPages-container #sub-navPages-filter .navList-action--checkbox::after {
        display: none; }
    .subnavPages-container #sub-navPages-filter .icon svg {
      fill: #FFFFFF; }
    @media (min-width: 801px) {
      .subnavPages-container #sub-navPages-filter .facetedSearch-refineFilters {
        display: none; }
        .subnavPages-container #sub-navPages-filter .facetedSearch-refineFilters._display-on {
          display: block;
          margin-top: 2rem; }
      .subnavPages-container #sub-navPages-filter .accordion.accordion--navList {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: flex-start; }
        .subnavPages-container #sub-navPages-filter .accordion.accordion--navList .accordion-block {
          width: 23%;
          margin-top: 0 !important;
          margin-bottom: 2rem !important;
          margin-right: 2%; }
      .subnavPages-container #sub-navPages-filter .accordion .navList {
        background: url(https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/header/curly-wave-bg.svg) repeat-y top left;
        background-size: 16px;
        padding-left: 30px; } }
    @media (max-width: 991px) and (min-width: 801px) {
      .subnavPages-container #sub-navPages-filter .accordion.accordion--navList {
        justify-content: center; }
      .subnavPages-container #sub-navPages-filter .accordion-block {
        width: 45%; } }
    @media (max-width: 800px) {
      .subnavPages-container #sub-navPages-filter {
        display: block;
        padding-top: 25px; }
        .subnavPages-container #sub-navPages-filter .accordion .navList {
          margin-bottom: 0;
          text-align: left; } }

.customNav {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none; }
  .customNav .mobileMenu-toggle {
    position: relative;
    width: 4.4rem; }
  .customNav .navUser-item--search .form, .customNav .navUser-item--search .form-field {
    margin: 0 !important; }
  .customNav .navUser-item--search .form-input {
    background: transparent;
    border: 3px solid white;
    border-radius: 25px;
    color: #FFFFFF;
    font-size: 18px; }
    .customNav .navUser-item--search .form-input::placeholder {
      color: #FFFFFF; }
  @media (max-width: 800px) {
    .customNav .navUser-item--search {
      display: none !important; } }
  .customNav .navUser-item--cart .navUser-action {
    position: relative; }
  .customNav .navUser-item--cart .navUser-item--cart__hidden-s {
    display: block !important;
    padding: 0.75rem; }
    .customNav .navUser-item--cart .navUser-item--cart__hidden-s .navUser-item-cartLabel {
      display: block !important; }
  .customNav .navUser-item--cart .navUser-item-cartLabel {
    display: block !important; }
  .customNav .navUser-item--cart .countPill {
    display: block;
    position: absolute;
    bottom: 5px;
    left: 0;
    background-color: #d94941;
    font-weight: 500; }

.mobileMenu-toggle .mobileMenu-toggleIcon::before {
  top: -0.6rem; }

.mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::before, .mobileMenu-toggle .mobileMenu-toggleIcon::after {
  background: #FFF;
  width: 2rem;
  border-radius: 3px;
  height: 4px; }

.mobileMenu-toggle .mobileMenu-toggleIcon::after {
  bottom: -0.6rem; }

.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
  background-color: #FFF; }

.mobileMenu-toggle {
  display: block !important; }

@media (min-width: 801px) {
  .navPages-container {
    display: none; } }

.quickSearchResults .modal-close {
  color: white; }

.quickSearchResults-container {
  display: none; }

@media (min-width: 801px) {
  .has-activeNavPages {
    overflow-y: visible; }
  #menu.navPages-container.is-open {
    display: block;
    padding-top: 55px;
    z-index: 0;
    position: absolute;
    top: 100%;
    background-color: #328ea5;
    background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
    background-repeat: repeat;
    height: fit-content; }
  .quickSearchResults-container {
    display: block;
    z-index: 2; }
  .quickSearchResults {
    margin-top: 0;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: #328ea5;
    background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
    background-repeat: repeat;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 100vh;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .quickSearchResults::-webkit-scrollbar {
      width: 10px; }
    .quickSearchResults::-webkit-scrollbar-track {
      box-shadow: inset 0 0 3px #e5e5e5;
      border-radius: 5px; }
    .quickSearchResults::-webkit-scrollbar-thumb {
      background: #328ea5;
      border-radius: 5px;
      border: 1px solid #e5e5e5; }
    .quickSearchResults::-webkit-scrollbar-thumb:hover {
      background: #2e889f; }
    .quickSearchResults .productGrid {
      padding: 2rem 1rem; }
  .quickSearchResults .modal-close {
    display: block;
    margin-top: -20px;
    color: white; } }

@media (min-width: 801px) {
  .css-type_default .header,
  .css-type_cart .header,
  .url-key_account-php .header,
  .css-type_wishlists .header,
  .url-key_about-us .header,
  .url-key_collections-subscriptions .header,
  .url-key_subscriptions-marketing .header,
  .url-key_gift-cards .header,
  ._product-subscription--page .header {
    position: absolute;
    top: 0; }
    .css-type_default .header:not(.is-open),
    .css-type_cart .header:not(.is-open),
    .url-key_account-php .header:not(.is-open),
    .css-type_wishlists .header:not(.is-open),
    .url-key_about-us .header:not(.is-open),
    .url-key_collections-subscriptions .header:not(.is-open),
    .url-key_subscriptions-marketing .header:not(.is-open),
    .url-key_gift-cards .header:not(.is-open),
    ._product-subscription--page .header:not(.is-open) {
      background: transparent;
      border-bottom: 0; } }

.css-type_default main.body,
.css-type_cart main.body,
.url-key_account-php main.body,
.css-type_wishlists main.body,
.url-key_about-us main.body,
.url-key_collections-subscriptions main.body,
.url-key_subscriptions-marketing main.body,
.url-key_gift-cards main.body,
._product-subscription--page main.body {
  margin-top: 0;
  overflow: hidden; }

.css-type_default [aria-label="Breadcrumb"],
.css-type_cart [aria-label="Breadcrumb"],
.url-key_account-php [aria-label="Breadcrumb"],
.css-type_wishlists [aria-label="Breadcrumb"],
.url-key_about-us [aria-label="Breadcrumb"],
.url-key_collections-subscriptions [aria-label="Breadcrumb"],
.url-key_subscriptions-marketing [aria-label="Breadcrumb"],
.url-key_gift-cards [aria-label="Breadcrumb"],
._product-subscription--page [aria-label="Breadcrumb"] {
  display: none; }

@media (min-width: 801px) {
  .css-type_cart .header .header-logo-image, .css-type_cart .header .header-logo-image-unknown-size,
  .css-type_page .header .header-logo-image,
  .css-type_page .header .header-logo-image-unknown-size,
  .url-key_account-php .header .header-logo-image,
  .url-key_account-php .header .header-logo-image-unknown-size,
  .css-type_wishlists .header .header-logo-image,
  .css-type_wishlists .header .header-logo-image-unknown-size,
  ._product-subscription--page .header .header-logo-image,
  ._product-subscription--page .header .header-logo-image-unknown-size,
  .url-key_build-your-own-coffee-subscription .header .header-logo-image,
  .url-key_build-your-own-coffee-subscription .header .header-logo-image-unknown-size {
    display: block; }
    .css-type_cart .header .header-logo-image._inverted-logo, .css-type_cart .header .header-logo-image-unknown-size._inverted-logo,
    .css-type_page .header .header-logo-image._inverted-logo,
    .css-type_page .header .header-logo-image-unknown-size._inverted-logo,
    .url-key_account-php .header .header-logo-image._inverted-logo,
    .url-key_account-php .header .header-logo-image-unknown-size._inverted-logo,
    .css-type_wishlists .header .header-logo-image._inverted-logo,
    .css-type_wishlists .header .header-logo-image-unknown-size._inverted-logo,
    ._product-subscription--page .header .header-logo-image._inverted-logo,
    ._product-subscription--page .header .header-logo-image-unknown-size._inverted-logo,
    .url-key_build-your-own-coffee-subscription .header .header-logo-image._inverted-logo,
    .url-key_build-your-own-coffee-subscription .header .header-logo-image-unknown-size._inverted-logo {
      display: none; }
  .css-type_cart .header.is-open .header-logo-image, .css-type_cart .header.is-open .header-logo-image-unknown-size,
  .css-type_page .header.is-open .header-logo-image,
  .css-type_page .header.is-open .header-logo-image-unknown-size,
  .url-key_account-php .header.is-open .header-logo-image,
  .url-key_account-php .header.is-open .header-logo-image-unknown-size,
  .css-type_wishlists .header.is-open .header-logo-image,
  .css-type_wishlists .header.is-open .header-logo-image-unknown-size,
  ._product-subscription--page .header.is-open .header-logo-image,
  ._product-subscription--page .header.is-open .header-logo-image-unknown-size,
  .url-key_build-your-own-coffee-subscription .header.is-open .header-logo-image,
  .url-key_build-your-own-coffee-subscription .header.is-open .header-logo-image-unknown-size {
    display: block; }
    .css-type_cart .header.is-open .header-logo-image._inverted-logo, .css-type_cart .header.is-open .header-logo-image-unknown-size._inverted-logo,
    .css-type_page .header.is-open .header-logo-image._inverted-logo,
    .css-type_page .header.is-open .header-logo-image-unknown-size._inverted-logo,
    .url-key_account-php .header.is-open .header-logo-image._inverted-logo,
    .url-key_account-php .header.is-open .header-logo-image-unknown-size._inverted-logo,
    .css-type_wishlists .header.is-open .header-logo-image._inverted-logo,
    .css-type_wishlists .header.is-open .header-logo-image-unknown-size._inverted-logo,
    ._product-subscription--page .header.is-open .header-logo-image._inverted-logo,
    ._product-subscription--page .header.is-open .header-logo-image-unknown-size._inverted-logo,
    .url-key_build-your-own-coffee-subscription .header.is-open .header-logo-image._inverted-logo,
    .url-key_build-your-own-coffee-subscription .header.is-open .header-logo-image-unknown-size._inverted-logo {
      display: none; }
  .css-type_cart .page-heading-container .page-heading-content .page-heading,
  .css-type_page .page-heading-container .page-heading-content .page-heading,
  .url-key_account-php .page-heading-container .page-heading-content .page-heading,
  .css-type_wishlists .page-heading-container .page-heading-content .page-heading,
  ._product-subscription--page .page-heading-container .page-heading-content .page-heading,
  .url-key_build-your-own-coffee-subscription .page-heading-container .page-heading-content .page-heading {
    color: #FFFFFF; } }

@media (min-width: 551px) {
  .css-type_cart .page-heading-container .page-heading-content .page-heading,
  .css-type_page .page-heading-container .page-heading-content .page-heading,
  .url-key_account-php .page-heading-container .page-heading-content .page-heading,
  .css-type_wishlists .page-heading-container .page-heading-content .page-heading,
  ._product-subscription--page .page-heading-container .page-heading-content .page-heading,
  .url-key_build-your-own-coffee-subscription .page-heading-container .page-heading-content .page-heading {
    color: #FFFFFF; } }

@media (min-width: 801px) {
  .url-key_about-us .header .header-logo-image, .url-key_about-us .header .header-logo-image-unknown-size {
    display: none; }
    .url-key_about-us .header .header-logo-image._inverted-logo, .url-key_about-us .header .header-logo-image-unknown-size._inverted-logo {
      display: block; }
  .url-key_about-us .header.is-open .header-logo-image, .url-key_about-us .header.is-open .header-logo-image-unknown-size {
    display: block; }
    .url-key_about-us .header.is-open .header-logo-image._inverted-logo, .url-key_about-us .header.is-open .header-logo-image-unknown-size._inverted-logo {
      display: none; } }

.cart .page-heading-container, .page .page-heading-container, ._product-subscription--page .page-heading-container {
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  margin-bottom: 50px;
  max-height: 550px;
  height: 80vh; }
  @media (max-width: 800px) {
    .cart .page-heading-container, .page .page-heading-container, ._product-subscription--page .page-heading-container {
      padding-bottom: 0; } }
  @media (max-width: 551px) {
    .cart .page-heading-container, .page .page-heading-container, ._product-subscription--page .page-heading-container {
      max-height: 200px;
      height: 50vh; } }
  .cart .page-heading-container .page-heading-background, .page .page-heading-container .page-heading-background, ._product-subscription--page .page-heading-container .page-heading-background {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .cart .page-heading-container .page-heading-content, .page .page-heading-container .page-heading-content, ._product-subscription--page .page-heading-container .page-heading-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .cart .page-heading-container .page-heading-content .page-heading, .page .page-heading-container .page-heading-content .page-heading, ._product-subscription--page .page-heading-container .page-heading-content .page-heading {
      font-weight: bold;
      color: #fff;
      margin: 30px 0; }
    .cart .page-heading-container .page-heading-content .sub-heading, .page .page-heading-container .page-heading-content .sub-heading, ._product-subscription--page .page-heading-container .page-heading-content .sub-heading {
      font-weight: bold;
      color: #2c2c2c;
      text-align: center;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: 5px; }
    @media (min-width: 551px) {
      .cart .page-heading-container .page-heading-content .page-heading, .page .page-heading-container .page-heading-content .page-heading, ._product-subscription--page .page-heading-container .page-heading-content .page-heading {
        margin: 0; }
      .cart .page-heading-container .page-heading-content .sub-heading, .page .page-heading-container .page-heading-content .sub-heading, ._product-subscription--page .page-heading-container .page-heading-content .sub-heading {
        color: #FFF; } }
    @media (min-width: 801px) {
      .cart .page-heading-container .page-heading-content, .page .page-heading-container .page-heading-content, ._product-subscription--page .page-heading-container .page-heading-content {
        transform: translate(-50%, 80%); }
        .cart .page-heading-container .page-heading-content .page-heading, .page .page-heading-container .page-heading-content .page-heading, ._product-subscription--page .page-heading-container .page-heading-content .page-heading {
          font-size: 36px; }
        .cart .page-heading-container .page-heading-content .sub-heading, .page .page-heading-container .page-heading-content .sub-heading, ._product-subscription--page .page-heading-container .page-heading-content .sub-heading {
          font-size: 18px; } }
    @media (min-width: 992px) {
      .cart .page-heading-container .page-heading-content, .page .page-heading-container .page-heading-content, ._product-subscription--page .page-heading-container .page-heading-content {
        transform: translate(-50%, -50%); } }
    @media (min-width: 1201px) {
      .cart .page-heading-container .page-heading-content .page-heading, .page .page-heading-container .page-heading-content .page-heading, ._product-subscription--page .page-heading-container .page-heading-content .page-heading {
        font-size: 60px; }
      .cart .page-heading-container .page-heading-content .sub-heading, .page .page-heading-container .page-heading-content .sub-heading, ._product-subscription--page .page-heading-container .page-heading-content .sub-heading {
        font-size: 28px; } }
    @media (min-width: 1551px) {
      .cart .page-heading-container .page-heading-content .page-heading, .page .page-heading-container .page-heading-content .page-heading, ._product-subscription--page .page-heading-container .page-heading-content .page-heading {
        font-size: 120px; }
      .cart .page-heading-container .page-heading-content .sub-heading, .page .page-heading-container .page-heading-content .sub-heading, ._product-subscription--page .page-heading-container .page-heading-content .sub-heading {
        font-size: 60px; } }

@media (min-width: 801px) {
  .url-key_cafes-waterfront .header:not(.is-open) .header-logo-image-unknown-size,
  .url-key_cafes-torrey-pines .header:not(.is-open) .header-logo-image-unknown-size {
    display: none; }
  .url-key_cafes-waterfront .header:not(.is-open) .header-logo-image-unknown-size._inverted-logo,
  .url-key_cafes-torrey-pines .header:not(.is-open) .header-logo-image-unknown-size._inverted-logo {
    display: block;
    filter: none !important; }
  .url-key_cafes-waterfront .header:not(.is-open) .navUser-item-cartLabel svg,
  .url-key_cafes-torrey-pines .header:not(.is-open) .navUser-item-cartLabel svg {
    width: 30px; }
    .url-key_cafes-waterfront .header:not(.is-open) .navUser-item-cartLabel svg .st0,
    .url-key_cafes-torrey-pines .header:not(.is-open) .navUser-item-cartLabel svg .st0 {
      fill: #308ca3;
      stroke: #308ca3; }
  .url-key_cafes-waterfront .header:not(.is-open) .mobileMenu-toggle .mobileMenu-toggleIcon, .url-key_cafes-waterfront .header:not(.is-open) .mobileMenu-toggle .mobileMenu-toggleIcon::before, .url-key_cafes-waterfront .header:not(.is-open) .mobileMenu-toggle .mobileMenu-toggleIcon::after,
  .url-key_cafes-torrey-pines .header:not(.is-open) .mobileMenu-toggle .mobileMenu-toggleIcon,
  .url-key_cafes-torrey-pines .header:not(.is-open) .mobileMenu-toggle .mobileMenu-toggleIcon::before,
  .url-key_cafes-torrey-pines .header:not(.is-open) .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    background: #308ca3; } }

@media (max-width: 800px) {
  .navBar--account {
    display: block; }
  .navBar--sub .navBar-section {
    float: left; }
  .navBar--sub .navBar-item {
    float: none;
    margin: 2px;
    border: 1px solid;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px; } }

footer.footer {
  background: none;
  background-color: #2c2c2c;
  border-top: 0;
  padding-top: 50px; }
  footer.footer::before {
    content: '';
    background: url(../png/footer-bg-inverted.png) repeat-x center top;
    width: 100%;
    position: absolute;
    top: 0%;
    display: block;
    height: 50px;
    margin-top: -45px; }

body.url-key_collections-subscriptions footer.footer {
  margin-top: -75px; }

.css-type_blog,
.css-type_blog-post,
.url-key_roasted-coffee-blue-label,
.url-key_collections-blue-label-no,
._css-farms {
  background: #2c2c2c; }
  .css-type_blog footer.footer,
  .css-type_blog-post footer.footer,
  .url-key_roasted-coffee-blue-label footer.footer,
  .url-key_collections-blue-label-no footer.footer,
  ._css-farms footer.footer {
    background: none;
    background-color: #494949;
    border-top: 0;
    padding-top: 50px;
    margin-top: 100px; }
    .css-type_blog footer.footer::before,
    .css-type_blog-post footer.footer::before,
    .url-key_roasted-coffee-blue-label footer.footer::before,
    .url-key_collections-blue-label-no footer.footer::before,
    ._css-farms footer.footer::before {
      content: '';
      background: url(../png/footer-bg-inverted-gray.png) repeat-x center top;
      width: 100%;
      position: absolute;
      top: 0%;
      display: block;
      height: 50px;
      margin-top: -45px; }

.css-type_page .footer.footer {
  margin-top: 6rem; }

.footer-info h3 {
  color: #FFF;
  font-weight: bold;
  font-size: 28px; }

.footer-info .footer-info-col {
  color: #FFF; }

.footer-info .footer-info-list a, .footer-info .footer-info-list a:hover, .footer-info .footer-info-list a:focus {
  color: #FFF; }

.footer-info-list {
  background-color: transparent !important;
  background: url("../png/curly-wave-bg.png") repeat-y top left;
  padding-left: 20px;
  display: block; }
  @media (max-width: 550px) {
    .footer-info-list {
      background: none; } }

.label--hidden {
  display: none; }

.socialLinks.socialLinks--alt {
  margin-top: -5px; }

.form-prefixPostfix {
  position: relative; }
  .form-prefixPostfix .button {
    position: absolute;
    right: 5px;
    width: auto;
    background: none;
    border: none;
    height: 42px;
    top: 0;
    margin: 0;
    padding: 10px 15px; }

.footer .form-prefixPostfix .form-input {
  background: transparent;
  border: 3px solid white;
  border-radius: 25px;
  color: #FFFFFF;
  font-size: 18px; }
  .footer .form-prefixPostfix .form-input::placeholder {
    color: #FFFFFF; }

.footer-info-col--subtxt {
  color: #FFF;
  font-weight: bold;
  font-size: 28px;
  line-height: 1;
  font-family: 'Poppins', sans-serif;
  margin-top: 10px; }

.footer-info-col--sublogo img {
  width: 230px; }

@media (min-width: 801px) {
  .footer-info .footer-info-col {
    width: 25%; }
  .footer-info .footer-info-col--logo {
    width: 50%;
    text-align: right; }
  .footer-info .footer-info-col--sublogo {
    width: 25%;
    text-align: right; }
  .footer-info .footer-info-col--newsletter {
    width: 50%; } }

[data-test-id="carousel-left-arrow"],
[data-test-id="carousel-right-arrow"],
[data-test-id="carousel-bullets"] {
  display: none !important; }

@media (max-width: 800px) {
  .css-1w3ufnn {
    margin-bottom: 0 !important; } }

@media (min-width: 801px) {
  [data-test-id="carousel-slide-0"] > div,
  [data-test-id="carousel-slide-1"] > div,
  [data-test-id="carousel-slide-2"] > div,
  [data-test-id="carousel-slide-3"] > div,
  [data-test-id="carousel-slide-4"] > div,
  [data-test-id="carousel-slide-5"] > div {
    min-height: 96vh; } }

@media (max-width: 550px) {
  [data-test-id="carousel-slide-0"] > div,
  [data-test-id="carousel-slide-1"] > div,
  [data-test-id="carousel-slide-2"] > div,
  [data-test-id="carousel-slide-3"] > div,
  [data-test-id="carousel-slide-4"] > div,
  [data-test-id="carousel-slide-5"] > div {
    min-height: 80vh; } }

[data-test-id="carousel-slide-0"] > div > div,
[data-test-id="carousel-slide-1"] > div > div,
[data-test-id="carousel-slide-2"] > div > div,
[data-test-id="carousel-slide-3"] > div > div,
[data-test-id="carousel-slide-4"] > div > div,
[data-test-id="carousel-slide-5"] > div > div {
  top: -20%;
  position: relative; }
  [data-test-id="carousel-slide-0"] > div > div [data-test-id="carousel-title"],
  [data-test-id="carousel-slide-1"] > div > div [data-test-id="carousel-title"],
  [data-test-id="carousel-slide-2"] > div > div [data-test-id="carousel-title"],
  [data-test-id="carousel-slide-3"] > div > div [data-test-id="carousel-title"],
  [data-test-id="carousel-slide-4"] > div > div [data-test-id="carousel-title"],
  [data-test-id="carousel-slide-5"] > div > div [data-test-id="carousel-title"] {
    font-family: 'Sofia Pro',serif !important;
    font-weight: 700; }
    [data-test-id="carousel-slide-0"] > div > div [data-test-id="carousel-title"] strong,
    [data-test-id="carousel-slide-1"] > div > div [data-test-id="carousel-title"] strong,
    [data-test-id="carousel-slide-2"] > div > div [data-test-id="carousel-title"] strong,
    [data-test-id="carousel-slide-3"] > div > div [data-test-id="carousel-title"] strong,
    [data-test-id="carousel-slide-4"] > div > div [data-test-id="carousel-title"] strong,
    [data-test-id="carousel-slide-5"] > div > div [data-test-id="carousel-title"] strong {
      font-family: 'Sofia Pro',serif !important; }
    @media (min-width: 801px) {
      [data-test-id="carousel-slide-0"] > div > div [data-test-id="carousel-title"],
      [data-test-id="carousel-slide-1"] > div > div [data-test-id="carousel-title"],
      [data-test-id="carousel-slide-2"] > div > div [data-test-id="carousel-title"],
      [data-test-id="carousel-slide-3"] > div > div [data-test-id="carousel-title"],
      [data-test-id="carousel-slide-4"] > div > div [data-test-id="carousel-title"],
      [data-test-id="carousel-slide-5"] > div > div [data-test-id="carousel-title"] {
        font-size: 50px; } }
  [data-test-id="carousel-slide-0"] > div > div [data-test-id="carousel-subtitle"],
  [data-test-id="carousel-slide-1"] > div > div [data-test-id="carousel-subtitle"],
  [data-test-id="carousel-slide-2"] > div > div [data-test-id="carousel-subtitle"],
  [data-test-id="carousel-slide-3"] > div > div [data-test-id="carousel-subtitle"],
  [data-test-id="carousel-slide-4"] > div > div [data-test-id="carousel-subtitle"],
  [data-test-id="carousel-slide-5"] > div > div [data-test-id="carousel-subtitle"] {
    font-family: 'Sofia Pro',serif;
    letter-spacing: 2px; }
    @media (min-width: 801px) {
      [data-test-id="carousel-slide-0"] > div > div [data-test-id="carousel-subtitle"],
      [data-test-id="carousel-slide-1"] > div > div [data-test-id="carousel-subtitle"],
      [data-test-id="carousel-slide-2"] > div > div [data-test-id="carousel-subtitle"],
      [data-test-id="carousel-slide-3"] > div > div [data-test-id="carousel-subtitle"],
      [data-test-id="carousel-slide-4"] > div > div [data-test-id="carousel-subtitle"],
      [data-test-id="carousel-slide-5"] > div > div [data-test-id="carousel-subtitle"] {
        font-size: 20px;
        letter-spacing: 8px; } }

@media (min-width: 801px) {
  .banner-botttom-links._widget-carousel--overlay {
    position: absolute;
    top: auto;
    margin-top: -11vh;
    left: 50%;
    transform: translate(-50%, -80%);
    width: auto;
    background-color: rgba(51, 51, 54, 0.38);
    border-radius: 25px;
    padding: 5px 10px;
    white-space: nowrap; } }

.banner-botttom-links._widget-carousel--overlay .banner-link {
  text-decoration: none;
  text-transform: uppercase; }

.heroCarousel-slide .heroCarousel-image {
  object-fit: cover; }

@media (min-width: 801px) {
  .heroCarousel.slick-initialized {
    max-height: 100vh; }
  .heroCarousel-slide .heroCarousel-image-wrapper {
    max-height: 100vh; } }

.heroCarousel-content {
  font-weight: bold; }
  .heroCarousel-content .heroCarousel-title {
    color: #FFFFFF;
    margin-bottom: 10px;
    font-family: 'Sofia Pro', serif; }
  .heroCarousel-content .heroCarousel-description {
    color: #FFFFFF; }

.banner-botttom-links {
  text-align: center;
  font-weight: bold; }
  .banner-botttom-links .banner-link {
    display: inline-block;
    color: #FFFFFF;
    padding: 15px 10px;
    font-size: 20px;
    border: 0;
    margin: 0px 30px; }
    .banner-botttom-links .banner-link:hover {
      background: url(https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/header/wave-hover.svg) no-repeat bottom center;
      background-size: 30px 16px;
      background-repeat: repeat-x; }

@media (min-width: 801px) {
  .heroCarousel-content.transparent-content {
    background: transparent;
    overflow: visible;
    top: 35%; } }
  @media (min-width: 801px) and (max-width: 1200px) {
    .heroCarousel-content.transparent-content {
      top: 45%; } }
  @media (min-width: 801px) and (max-width: 991px) {
    .heroCarousel-content.transparent-content {
      top: 50%; } }
  @media (min-width: 801px) and (max-width: 800px) {
    .heroCarousel-content.transparent-content {
      top: 20%; } }
  @media (min-width: 801px) and (max-width: 800px) {
    .heroCarousel-content.transparent-content .heroCarousel-title {
      font-size: 32px;
      line-height: 32px; } }

@media (min-width: 801px) {
  .heroCarousel-content .heroCarousel-description {
    font-size: 20px;
    letter-spacing: 8px; }
  .banner-botttom-links {
    position: absolute;
    top: 94%;
    left: 50%;
    transform: translate(-50%, -80%);
    width: auto;
    background-color: rgba(51, 51, 54, 0.38);
    border-radius: 25px;
    padding: 5px 10px;
    white-space: nowrap; } }

@media (max-width: 800px) {
  .heroCarousel {
    margin-bottom: 0 !important; }
  .heroCarousel-slide .heroCarousel-image {
    object-fit: cover;
    zoom: 200%;
    max-width: 200%;
    width: 200%;
    height: auto; }
  .heroCarousel-slide .heroCarousel-image-wrapper {
    height: auto !important; }
  .heroCarousel-content.transparent-content {
    background: transparent;
    overflow: visible;
    transform: translate(-50%, 0);
    top: 15%;
    position: absolute;
    left: 50%;
    width: 100%; }
    .heroCarousel-content.transparent-content .heroCarousel-title {
      font-size: 32px;
      line-height: 32px;
      margin-bottom: 10px; }
    .heroCarousel-content.transparent-content .heroCarousel-description {
      letter-spacing: 2px; }
  .banner-botttom-links {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    text-align: center;
    margin-top: 25px; }
    .banner-botttom-links .banner-link {
      display: inline-block;
      color: #328ea5;
      padding: 10px 15px;
      font-size: 18px;
      margin: 0; } }

@media (max-width: 450px) {
  .banner-botttom-links .banner-link {
    display: inline-block;
    color: #328ea5;
    padding: 10px 10px;
    font-size: 14px;
    border: 0; } }

@media (min-width: 551px) {
  .heroCarousel-content.transparent-content, .css-ifr9xu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
    .heroCarousel-content.transparent-content .heroCarousel-title, .heroCarousel-content.transparent-content [data-test-id="carousel-title"], .css-ifr9xu .heroCarousel-title, .css-ifr9xu [data-test-id="carousel-title"] {
      order: 2; }
    .heroCarousel-content.transparent-content .heroCarousel-description, .heroCarousel-content.transparent-content [data-test-id="carousel-subtitle"], .css-ifr9xu .heroCarousel-description, .css-ifr9xu [data-test-id="carousel-subtitle"] {
      order: 1; } }

@media (max-width: 1260px) {
  .css-type_default .body .container {
    padding: 0; }
    .css-type_default .body .container .home_promo_content [data-sub-layout] {
      padding: 0; } }

[data-sub-layout-container="4ebbc8be-ace0-43ff-b79e-0a06c69e818a"] {
  justify-content: center;
  /* height: 0 !important; */
  margin-bottom: -15px !important; }

[data-sub-layout="42cf46da-2988-4171-931c-c0a6881287e0"] {
  display: none; }

@media (max-width: 550px) {
  [data-sub-layout="b6f237fe-59f9-429f-bd07-9721344d0247"] {
    background: black !important;
    margin-top: -15px !important; }
  [data-sub-layout="89f4c915-7dce-4183-8760-ce301f55994e"],
  [data-sub-layout="bdd3f65c-74fb-4dd0-9545-d5a0d093288f"],
  [data-sub-layout="42cf46da-2988-4171-931c-c0a6881287e0"] {
    flex-basis: 31% !important;
    width: 31% !important;
    margin: 0 1% !important; } }

.home_promo_content a {
  display: inline-block;
  width: 100%; }

.home_promo_content .promo-item {
  display: inline-block;
  width: 100%;
  border-radius: 50px;
  background-size: cover;
  text-align: center;
  margin: 15px 0;
  /*&._promo-bg{}*/ }
  @media (max-width: 550px) {
    .home_promo_content .promo-item {
      border-radius: 25px;
      margin: 0 0; } }
  .home_promo_content .promo-item .promo-box {
    display: flex;
    flex-direction: column;
    max-width: 450px;
    width: 100%;
    align-items: center;
    align-content: center;
    min-height: 350px;
    max-height: 350px;
    justify-content: space-evenly;
    margin: auto;
    padding: 2rem 10px; }
    .home_promo_content .promo-item .promo-box .promo-subtext {
      color: #FFFFFF;
      font-weight: 500; }
    .home_promo_content .promo-item .promo-box .promo-title {
      display: inline-block;
      /*max-height:200px;*/ }
    .home_promo_content .promo-item .promo-box .promo-button {
      color: #FFFFFF;
      text-decoration: none;
      border: 4px solid #FFFFFF;
      padding: 10px 10%;
      font-weight: 500; }
      @media (max-width: 550px) {
        .home_promo_content .promo-item .promo-box .promo-button {
          background: rgba(0, 0, 0, 0.15); } }
  .home_promo_content .promo-item .promo-image {
    width: 100%; }

.home_promo_content .promo-item-container {
  display: inline-block;
  width: 100%;
  background-size: cover;
  text-align: center;
  margin: 15px 0; }
  @media (min-width: 1261px) {
    .home_promo_content .promo-item-container {
      border-radius: 25px;
      overflow: hidden; } }
  .home_promo_content .promo-item-container._align-left {
    text-align: left; }
    .home_promo_content .promo-item-container._align-left .promo-box {
      justify-content: flex-start; }
  .home_promo_content .promo-item-container._align-center {
    text-align: center; }
    .home_promo_content .promo-item-container._align-center .promo-box {
      justify-content: center; }
  .home_promo_content .promo-item-container._align-right {
    text-align: right; }
    .home_promo_content .promo-item-container._align-right .promo-box {
      justify-content: flex-end; }
  .home_promo_content .promo-item-container .promo-box {
    display: flex;
    max-height: 350px; }
    @media (min-width: 1100px) {
      .home_promo_content .promo-item-container .promo-box {
        min-height: 350px; } }
    .home_promo_content .promo-item-container .promo-box._justify-center {
      justify-content: center;
      align-items: center; }
      .home_promo_content .promo-item-container .promo-box._justify-center._desktop-right {
        justify-content: end; }
      .home_promo_content .promo-item-container .promo-box._justify-center._desktop-left {
        justify-content: start; }
    .home_promo_content .promo-item-container .promo-box._padding-lr {
      padding: 0 5%; }
    .home_promo_content .promo-item-container .promo-box._padding-tb {
      padding: 5% 0; }
    .home_promo_content .promo-item-container .promo-box .promo-title {
      display: inline-block;
      object-fit: contain; }
      .home_promo_content .promo-item-container .promo-box .promo-title._display--desktop {
        display: none; }
        @media (min-width: 801px) {
          .home_promo_content .promo-item-container .promo-box .promo-title._display--desktop {
            display: block;
            max-height: 350px; } }
      .home_promo_content .promo-item-container .promo-box .promo-title._display--mobile {
        display: none; }
        @media (max-width: 800px) {
          .home_promo_content .promo-item-container .promo-box .promo-title._display--mobile {
            display: block;
            max-height: 350px; } }

.home_promo_content .featured-promo {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 1rem;
  margin: 15px 0px; }
  @media (max-width: 800px) {
    .home_promo_content .featured-promo {
      flex-wrap: wrap;
      justify-content: space-evenly;
      column-gap: 10px;
      row-gap: 15px; } }
  @media (max-width: 800px) {
    .home_promo_content .featured-promo ._promo-double-wide {
      text-align: center;
      flex: 1 1 100%; } }
  @media (max-width: 800px) {
    .home_promo_content .featured-promo ._promo-single-wide {
      text-align: center;
      width: 48%; } }
  .home_promo_content .featured-promo .txt-over-img {
    position: relative; }
    .home_promo_content .featured-promo .txt-over-img img {
      display: inline-block;
      max-height: 480px;
      margin: auto;
      border-radius: 25px; }
      @media (max-width: 801px) {
        .home_promo_content .featured-promo .txt-over-img img {
          max-height: 100%; } }
    @media (min-width: 801px) {
      .home_promo_content .featured-promo .txt-over-img ._radius {
        border-radius: 25px; } }
    .home_promo_content .featured-promo .txt-over-img label {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, -30%);
      font-size: 2vw;
      line-height: 1;
      font-weight: bold;
      color: #FFF;
      background-color: rgba(51, 54, 50, 0.38);
      padding: 10px;
      text-align: center;
      text-transform: uppercase;
      width: 100%; }
      @media (max-width: 800px) {
        .home_promo_content .featured-promo .txt-over-img label {
          font-size: 6vw; } }
      .home_promo_content .featured-promo .txt-over-img label.hp-1w-2-label {
        width: 80%; }

.accolades-section {
  margin: 3rem 0 5rem 0; }
  .accolades-section .flex-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .accolades-section .flex-container > * {
      display: inline-block;
      margin: 10px;
      width: 20%; }
  @media (max-width: 800px) {
    .accolades-section .flex-container > * {
      margin: 01%;
      max-width: 23%; } }

.css-type_default h2.page-heading {
  font-weight: bold; }

.css-type_category:not(.url-key_collections-subscriptions) .customNav-item.navUser-item--search {
  display: none; }

@media (min-width: 801px) {
  .css-type_category:not(.url-key_collections-subscriptions) .header .header-logo-image, .css-type_category:not(.url-key_collections-subscriptions) .header .header-logo-image-unknown-size {
    display: block; }
    .css-type_category:not(.url-key_collections-subscriptions) .header .header-logo-image._inverted-logo, .css-type_category:not(.url-key_collections-subscriptions) .header .header-logo-image-unknown-size._inverted-logo {
      display: none; }
  .css-type_category:not(.url-key_collections-subscriptions) .header.is-open .header-logo-image, .css-type_category:not(.url-key_collections-subscriptions) .header.is-open .header-logo-image-unknown-size {
    display: block; }
    .css-type_category:not(.url-key_collections-subscriptions) .header.is-open .header-logo-image._inverted-logo, .css-type_category:not(.url-key_collections-subscriptions) .header.is-open .header-logo-image-unknown-size._inverted-logo {
      display: none; } }

.css-type_category:not(.url-key_collections-subscriptions) main.body {
  margin-top: 0;
  overflow-x: hidden; }

.css-type_category:not(.url-key_collections-subscriptions) [aria-label="Breadcrumb"] {
  display: none; }

.css-type_category:not(.url-key_collections-subscriptions) .page-heading-container {
  background-color: #328ea5;
  background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
  background-repeat: repeat;
  margin-bottom: 50px; }
  .css-type_category:not(.url-key_collections-subscriptions) .page-heading-container .page-heading-background {
    display: none !important; }

.css-type_category:not(.url-key_collections-subscriptions) .page-heading-container._category_header {
  background: #FFFFFF;
  margin: 0;
  left: 0;
  width: auto; }
  .css-type_category:not(.url-key_collections-subscriptions) .page-heading-container._category_header .page-heading-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 45px 0;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    text-align: center;
    color: #FFFFFF; }
    @media (max-width: 800px) {
      .css-type_category:not(.url-key_collections-subscriptions) .page-heading-container._category_header .page-heading-content {
        display: block; } }
    .css-type_category:not(.url-key_collections-subscriptions) .page-heading-container._category_header .page-heading-content .sub-logo-container {
      /*.sub-logo{}*/ }
      @media (min-width: 801px) {
        .css-type_category:not(.url-key_collections-subscriptions) .page-heading-container._category_header .page-heading-content .sub-logo-container {
          max-width: 50%; } }
    @media (max-width: 800px) {
      .css-type_category:not(.url-key_collections-subscriptions) .page-heading-container._category_header .page-heading-content .search-box-container {
        display: none; } }
    .css-type_category:not(.url-key_collections-subscriptions) .page-heading-container._category_header .page-heading-content .search-box-container .form, .css-type_category:not(.url-key_collections-subscriptions) .page-heading-container._category_header .page-heading-content .search-box-container .form-field {
      margin: 0; }
    .css-type_category:not(.url-key_collections-subscriptions) .page-heading-container._category_header .page-heading-content .search-box-container .form-input {
      background: transparent;
      border: 3px solid #2f5892;
      border-radius: 25px;
      color: #2f5892;
      font-size: 18px; }
      .css-type_category:not(.url-key_collections-subscriptions) .page-heading-container._category_header .page-heading-content .search-box-container .form-input::placeholder {
        color: #2f5892; }

.css-type_category:not(.url-key_collections-subscriptions) .page-heading-container._no-img-bg .text-heading {
  display: none; }

.page-heading-container._no-img-bg {
  width: 100vw;
  position: relative;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  background-color: #328ea5;
  background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
  background-repeat: repeat; }
  .page-heading-container._no-img-bg .page-heading-content {
    padding: 45px 0;
    position: relative;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    text-align: center;
    width: 90% !important;
    margin: auto; }

.page-heading-container._no-img-bg.learnpage {
  transform: none;
  height: auto; }

li.product:empty {
  display: none; }

._css-cafes .body > .container .page-heading-container {
  width: 100vw;
  margin-left: -50vw;
  left: 50%;
  position: relative;
  max-width: 100vw; }

._css-cafes .body > .container .page-heading-content {
  margin-left: 20px;
  padding-top: 10px;
  display: block; }

.url-key_cafes .page-heading-container .page-heading-background, .css-type_blog .page-heading-container .page-heading-background, .url-key_learn .page-heading-container .page-heading-background {
  display: block !important; }
  @media (max-width: 800px) {
    .url-key_cafes .page-heading-container .page-heading-background, .css-type_blog .page-heading-container .page-heading-background, .url-key_learn .page-heading-container .page-heading-background {
      display: none !important; } }

.url-key_cafes .page-heading-container .page-heading-content, .url-key_cafes .page-heading-container .page-heading, .css-type_blog .page-heading-container .page-heading-content, .css-type_blog .page-heading-container .page-heading, .url-key_learn .page-heading-container .page-heading-content, .url-key_learn .page-heading-container .page-heading {
  color: #FFFFFF;
  text-align: center; }

.url-key_cafes .page-heading-container .page-heading-content .sub-heading, .css-type_blog .page-heading-container .page-heading-content .sub-heading, .url-key_learn .page-heading-container .page-heading-content .sub-heading {
  font-size: 25px; }

.url-key_cafes .page-heading-container .page-heading-content .text-heading, .css-type_blog .page-heading-container .page-heading-content .text-heading, .url-key_learn .page-heading-container .page-heading-content .text-heading {
  font-size: 18px;
  width: 90%;
  margin: auto;
  padding-top: 25px;
  padding-bottom: 25px; }

@media (min-width: 801px) {
  .url-key_cafes .page-heading-container .page-heading-content, .css-type_blog .page-heading-container .page-heading-content, .url-key_learn .page-heading-container .page-heading-content {
    transform: translate(-50%, -50%);
    width: 80%; }
    .url-key_cafes .page-heading-container .page-heading-content .page-heading, .css-type_blog .page-heading-container .page-heading-content .page-heading, .url-key_learn .page-heading-container .page-heading-content .page-heading {
      letter-spacing: -2px; } }

@media (max-width: 800px) {
  .url-key_cafes .page-heading-container .page-heading-content, .css-type_blog .page-heading-container .page-heading-content, .url-key_learn .page-heading-container .page-heading-content {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    padding: 1.5rem 0;
    width: 90%;
    margin: auto; }
    .url-key_cafes .page-heading-container .page-heading-content .page-heading, .css-type_blog .page-heading-container .page-heading-content .page-heading, .url-key_learn .page-heading-container .page-heading-content .page-heading {
      margin: 0; }
    .url-key_cafes .page-heading-container .page-heading-content .sub-heading, .css-type_blog .page-heading-container .page-heading-content .sub-heading, .url-key_learn .page-heading-container .page-heading-content .sub-heading {
      font-size: 18px; }
    .url-key_cafes .page-heading-container .page-heading-content .text-heading, .css-type_blog .page-heading-container .page-heading-content .text-heading, .url-key_learn .page-heading-container .page-heading-content .text-heading {
      font-size: 16px; } }

@media (min-width: 801px) {
  .url-key_cafes .page-heading-container .page-heading-content .page-heading, .css-type_blog .page-heading-container .page-heading-content .page-heading, .url-key_learn .page-heading-container .page-heading-content .page-heading {
    letter-spacing: -6px;
    font-size: 80px;
    line-height: 1.2; } }

@media (min-width: 1201px) {
  .url-key_cafes .page-heading-container .page-heading-content .page-heading, .css-type_blog .page-heading-container .page-heading-content .page-heading, .url-key_learn .page-heading-container .page-heading-content .page-heading {
    letter-spacing: -15px;
    font-size: 160px;
    line-height: 1.2; } }

.subcategory-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  padding-bottom: 95px; }
  .subcategory-grid .grid-item {
    width: 48%;
    margin: 1%;
    position: relative;
    background-color: transparent;
    display: flex;
    flex-flow: column;
    align-items: stretch;
    justify-content: center; }
    @media (max-width: 800px) {
      .subcategory-grid .grid-item {
        width: 98%; } }
    .subcategory-grid .grid-item .c-txt-over-img {
      position: relative; }
      .subcategory-grid .grid-item .c-txt-over-img img {
        display: block;
        filter: brightness(80%);
        width: 100%; }
      .subcategory-grid .grid-item .c-txt-over-img label {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #f5f3ef;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 4vw;
        line-height: 1;
        text-align: center;
        z-index: 2; }
        @media (min-width: 1560px) {
          .subcategory-grid .grid-item .c-txt-over-img label {
            font-size: 54px; } }
        @media (max-width: 800px) {
          .subcategory-grid .grid-item .c-txt-over-img label {
            font-size: 7vw; } }
      .subcategory-grid .grid-item .c-txt-over-img:hover .overlay-info {
        display: block !important; }
      @media (min-width: 801px) and (max-width: 991px) {
        .subcategory-grid .grid-item .c-txt-over-img:hover > label {
          font-size: 0; } }
      @media (max-width: 550px) {
        .subcategory-grid .grid-item .c-txt-over-img:hover > label {
          font-size: 0; } }
      .subcategory-grid .grid-item .c-txt-over-img .overlay-info {
        position: absolute;
        background-color: #328ea5;
        background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
        background-repeat: repeat;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        .subcategory-grid .grid-item .c-txt-over-img .overlay-info .address-section {
          position: absolute;
          top: 15px;
          left: 20px;
          text-align: left; }
          .subcategory-grid .grid-item .c-txt-over-img .overlay-info .address-section * {
            margin: 0; }
          .subcategory-grid .grid-item .c-txt-over-img .overlay-info .address-section h4 {
            color: #FFF;
            border-bottom: 1px solid #FFF; }
          .subcategory-grid .grid-item .c-txt-over-img .overlay-info .address-section p {
            color: #FFF; }
            .subcategory-grid .grid-item .c-txt-over-img .overlay-info .address-section p span {
              padding-left: 2rem; }
        .subcategory-grid .grid-item .c-txt-over-img .overlay-info .hours-section {
          position: absolute;
          bottom: 15px;
          right: 20px;
          text-align: right; }
          .subcategory-grid .grid-item .c-txt-over-img .overlay-info .hours-section * {
            margin: 0; }
          .subcategory-grid .grid-item .c-txt-over-img .overlay-info .hours-section h4 {
            color: #FFF;
            border-bottom: 1px solid #FFF; }
          .subcategory-grid .grid-item .c-txt-over-img .overlay-info .hours-section p {
            color: #FFF; }
            .subcategory-grid .grid-item .c-txt-over-img .overlay-info .hours-section p span {
              padding-left: 2rem; }
    .subcategory-grid .grid-item .c-txt-over-img-right {
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      padding: 1rem; }
      .subcategory-grid .grid-item .c-txt-over-img-right.background-color-black {
        background: black;
        text-decoration: none; }
        .subcategory-grid .grid-item .c-txt-over-img-right.background-color-black label {
          color: white;
          font-weight: bold;
          font-size: 20px;
          text-decoration: none; }
      .subcategory-grid .grid-item .c-txt-over-img-right.background-color-white {
        background: white;
        text-decoration: none; }
        .subcategory-grid .grid-item .c-txt-over-img-right.background-color-white label {
          color: black;
          font-weight: bold;
          font-size: 20px;
          text-decoration: none; }
      .subcategory-grid .grid-item .c-txt-over-img-right img {
        max-width: 150px; }

.css-type_category._css-cafes:not(.url-key_cafes) {
  /* @media screen and (max-width: 992px) {
        .page-heading-container .page-heading-content{
            top: 10%;
        }
    }
    */ }
  .css-type_category._css-cafes:not(.url-key_cafes) .page-heading-container .page-heading-background {
    display: block !important;
    width: 100%; }
  .css-type_category._css-cafes:not(.url-key_cafes) .page-heading-container .page-heading-content {
    left: 18%;
    top: 15%;
    z-index: 1; }
    @media (max-width: 1560px) and (min-width: 801px) {
      .css-type_category._css-cafes:not(.url-key_cafes) .page-heading-container .page-heading-content {
        top: auto;
        bottom: 25%; } }
  .css-type_category._css-cafes:not(.url-key_cafes) .page-heading-box {
    position: relative; }
    .css-type_category._css-cafes:not(.url-key_cafes) .page-heading-box .page-heading-label {
      position: absolute;
      top: 10%;
      left: 13%;
      transform: translate(0, 50%);
      color: #FFF; }
      .css-type_category._css-cafes:not(.url-key_cafes) .page-heading-box .page-heading-label .sub-text {
        display: inline-block;
        font-family: 'PT Serif', serif;
        font-size: 8vw;
        line-height: 1; }
      .css-type_category._css-cafes:not(.url-key_cafes) .page-heading-box .page-heading-label .title-text {
        display: inline-block;
        font-size: 11vw;
        font-weight: bold;
        line-height: 1;
        margin-top: -10px; }
      .css-type_category._css-cafes:not(.url-key_cafes) .page-heading-box .page-heading-label .curs-text {
        display: inline-block;
        font-weight: 400;
        font-size: 2vw;
        line-height: 1;
        margin-top: -10px;
        font-style: italic; }
  .css-type_category._css-cafes:not(.url-key_cafes) .page-heading-container .page-heading-content .page-heading {
    color: #fff; }
  .css-type_category._css-cafes:not(.url-key_cafes) .page-heading-content a {
    font-size: 18px;
    color: #fff;
    text-decoration: none; }
  .css-type_category._css-cafes:not(.url-key_cafes) .info-section {
    display: flex;
    column-gap: 5rem;
    flex-wrap: wrap;
    row-gap: 2.5rem; }
  .css-type_category._css-cafes:not(.url-key_cafes) .info-section .address-section h4 {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-right: 6rem;
    letter-spacing: 6px;
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 0.5rem; }
  .css-type_category._css-cafes:not(.url-key_cafes) .info-section .hours-section h4 {
    border-bottom: 1px solid #fff;
    color: #fff;
    letter-spacing: 6px;
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 0.5rem; }
  .css-type_category._css-cafes:not(.url-key_cafes) .info-section div p {
    color: #fff;
    margin: 0;
    letter-spacing: 1px; }
  .css-type_category._css-cafes:not(.url-key_cafes) .flex-container {
    display: flex;
    justify-content: space-between;
    width: 74%;
    margin: 0 auto 0;
    align-items: inherit; }
  .css-type_category._css-cafes:not(.url-key_cafes) .links-section a {
    color: #308ca3;
    background: #fff;
    text-decoration: none;
    padding: 1rem 2rem;
    border-radius: 25px;
    display: inline-block;
    text-align: center;
    letter-spacing: 3px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 0.7rem;
    width: 100%; }
  .css-type_category._css-cafes:not(.url-key_cafes) span.left-m {
    margin: 0 0 0 3rem; }
  .css-type_category._css-cafes:not(.url-key_cafes) span.left-m1 {
    margin: 0 0 0 5rem; }
  .css-type_category._css-cafes:not(.url-key_cafes) .d-none {
    display: none; }
  .css-type_category._css-cafes:not(.url-key_cafes) .flex-bg {
    position: relative;
    padding: 50px 0;
    background-color: #328ea5;
    background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
    background-repeat: repeat; }
  @media screen and (max-width: 1260px) {
    .css-type_category._css-cafes:not(.url-key_cafes) .flex-container {
      width: 85%; } }
  @media screen and (min-width: 801px) {
    .css-type_category._css-cafes:not(.url-key_cafes) .header {
      position: absolute; }
      .css-type_category._css-cafes:not(.url-key_cafes) .header:not(.is-open) {
        background: transparent; }
    .css-type_category._css-cafes:not(.url-key_cafes) .page-heading-container {
      margin-bottom: 0; } }
  @media screen and (max-width: 800px) {
    .css-type_category._css-cafes:not(.url-key_cafes) .page-heading-container .page-heading-content {
      top: 10%;
      left: 8%;
      position: relative;
      transform: none;
      margin-top: 10px; }
    .css-type_category._css-cafes:not(.url-key_cafes) .flex-container {
      padding-bottom: 3rem; } }
  @media screen and (max-width: 768px) {
    .css-type_category._css-cafes:not(.url-key_cafes) .flex-container {
      flex-wrap: wrap;
      justify-content: space-evenly;
      row-gap: 2.5rem;
      column-gap: 2.5rem; } }
  @media screen and (max-width: 678px) {
    .css-type_category._css-cafes:not(.url-key_cafes) .info-section div {
      width: 70%;
      margin: 0 auto; }
    .css-type_category._css-cafes:not(.url-key_cafes) .info-section .hours-section h4 {
      width: auto; } }
  @media screen and (max-width: 515px) {
    .css-type_category._css-cafes:not(.url-key_cafes) span.left-m, .css-type_category._css-cafes:not(.url-key_cafes) span.left-m1 {
      display: block;
      margin: 0; } }
  .css-type_category._css-cafes:not(.url-key_cafes) .cafe-blurb-title {
    font-family: MrDafoe;
    color: #308ca3;
    font-size: 60px;
    margin-left: -15px; }
  .css-type_category._css-cafes:not(.url-key_cafes) .flex-photos {
    column-gap: 1.5rem; }
  .css-type_category._css-cafes:not(.url-key_cafes) .text-section {
    width: 65%;
    margin: 0 auto 3.5rem;
    padding: 0 3rem; }
    @media (max-width: 800px) {
      .css-type_category._css-cafes:not(.url-key_cafes) .text-section {
        width: 80%; } }
    @media (max-width: 550px) {
      .css-type_category._css-cafes:not(.url-key_cafes) .text-section {
        width: 90%; } }
  .css-type_category._css-cafes:not(.url-key_cafes) .text-section p {
    letter-spacing: 1px;
    color: #2c2c2c;
    font-weight: 500;
    font-size: 18px; }
  .css-type_category._css-cafes:not(.url-key_cafes) .relative-map {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 25.25%;
    margin-bottom: 4rem;
    min-height: 400px; }
  .css-type_category._css-cafes:not(.url-key_cafes) .relative-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; }
  .css-type_category._css-cafes:not(.url-key_cafes) .container.store-main-menu {
    justify-content: space-between;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    margin: 50px 0; }
  .css-type_category._css-cafes:not(.url-key_cafes) .store-menu {
    flex: 0 1 100%;
    max-width: 49%;
    justify-content: space-between;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    margin: 10px 0; }
  .css-type_category._css-cafes:not(.url-key_cafes) .menu-img {
    flex: 0 1 100%;
    max-width: 49%; }
  .css-type_category._css-cafes:not(.url-key_cafes) .menu-details {
    flex: 0 1 100%;
    max-width: 49%; }
  .css-type_category._css-cafes:not(.url-key_cafes) .menu-name {
    text-transform: uppercase; }
  .css-type_category._css-cafes:not(.url-key_cafes) .store-menu.no-img .menu-img {
    flex: 0 1 100%;
    max-width: 90%; }
  .css-type_category._css-cafes:not(.url-key_cafes) .store-menu.no-img .menu-details {
    flex: 0 1 100%;
    max-width: 10%;
    width: fit-content; }
  .css-type_category._css-cafes:not(.url-key_cafes) .menu-details h3, .css-type_category._css-cafes:not(.url-key_cafes) .menu-img h3 {
    margin-top: 0;
    margin-bottom: 5px;
    letter-spacing: 5px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    color: #2c2c2c; }
  .css-type_category._css-cafes:not(.url-key_cafes) .menu-subname {
    color: #2f5892;
    font-size: 14px;
    font-weight: 600; }
  .css-type_category._css-cafes:not(.url-key_cafes) .menu-price {
    color: #2f5892;
    font-size: 16px;
    font-weight: 700;
    color: #2c2c2c;
    margin: 10px 0; }
  .css-type_category._css-cafes:not(.url-key_cafes) .menu-price span {
    font-size: 12px;
    text-decoration: underline;
    position: absolute; }
  .css-type_category._css-cafes:not(.url-key_cafes) .menu-price span.price-special {
    font-family: MrDafoe;
    position: inherit;
    text-decoration: none;
    font-size: 16px; }
  @media screen and (max-width: 1260px) {
    .css-type_category._css-cafes:not(.url-key_cafes) .css-type_category.url-key_cafes-bressi-ranch .header .container {
      max-width: 90vw; } }
  @media screen and (max-width: 900px) {
    .css-type_category._css-cafes:not(.url-key_cafes) .cafe-store-details {
      width: 60%; } }
  @media screen and (max-width: 800px) {
    .css-type_category._css-cafes:not(.url-key_cafes) .menu-img {
      max-width: 100%;
      margin-bottom: 10px; }
    .css-type_category._css-cafes:not(.url-key_cafes) .menu-details {
      max-width: 100%; }
    .css-type_category._css-cafes:not(.url-key_cafes) .store-menu.no-img {
      max-width: 100%; }
    .css-type_category._css-cafes:not(.url-key_cafes) .cafe-store-details {
      width: 100%;
      margin-bottom: 20px; }
    .css-type_category._css-cafes:not(.url-key_cafes) .cafe-below-banner-content {
      justify-content: center; } }
  @media screen and (max-width: 611px) {
    .css-type_category._css-cafes:not(.url-key_cafes) .store-menu {
      max-width: 100%; } }
  @media screen and (max-width: 600px) {
    .css-type_category._css-cafes:not(.url-key_cafes) .store-menu.no-img .menu-img, .css-type_category._css-cafes:not(.url-key_cafes) .store-menu.no-img .menu-details {
      max-width: 100%; }
    .css-type_category._css-cafes:not(.url-key_cafes) .css-type_category.url-key_cafes-bressi-ranch main {
      margin-bottom: 0; } }

.subscription_continue {
  font-size: 3em;
  letter-spacing: 0.25px;
  text-align: center;
  font-weight: 800;
  color: #d6dcd4;
  text-transform: uppercase; }

.cafe-content-container {
  padding-bottom: 95px; }

.cart {
  padding-bottom: 95px; }

.card-text .rrp-price--withoutTax {
  display: none; }

.quick-order--View .listItem-figure {
  text-align: center; }
  .quick-order--View .listItem-figure .listItem-image {
    max-height: 200px;
    width: auto;
    margin: auto;
    display: inline-block; }

@media (min-width: 1261px) {
  .quick-order--View .listItem-content {
    display: table;
    width: 100%; } }

.quick-order--View .listItem-actions .button {
  width: 100%;
  background-color: #328ea5;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
  padding: 20px; }

.productView--quickView .productView-img-container {
  max-height: 300px; }

.button.quick-view {
  width: auto;
  background-color: #328ea5;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
  padding: 20px; }

._css-roasted-coffee {
  /*
	@media (max-width:1260px){
		[data-customfield-name="Origin"], ._productName{
			display:none !important;
		}
	}
    */ }
  ._css-roasted-coffee .card-img-container::after {
    padding-bottom: 100%; }
  ._css-roasted-coffee .card-body {
    text-align: center; }

.css-type_default .card-body {
  text-align: center; }

[data-test-info-type="tasting-note"] {
  display: none; }
  @media (max-width: 800px) {
    [data-test-info-type="tasting-note"] {
      display: block; }
      [data-test-info-type="tasting-note"] ul.tasting-note-data {
        margin: 0;
        font-weight: 400; } }

.card-figcaption {
  background-color: #328ea5;
  background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
  background-repeat: repeat;
  border-radius: 25px; }
  .card-figcaption.no-bg {
    background: #FFF;
    border-radius: 0; }

.customField-content {
  text-align: left;
  padding: 1.5rem;
  font-size: 16px; }
  .customField-content label, .customField-content ._value-type {
    display: block;
    color: #FFFFFF; }
  .customField-content ul, .customField-content ._list-type {
    margin-top: 10px;
    color: #FFFFFF;
    list-style: disc; }
  .customField-content ._productName {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    background: url(https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/header/wave-hover.svg) repeat-x bottom left;
    background-size: 30px 16px;
    background-repeat: repeat-x; }
  .customField-content ._value-type._scale {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .customField-content ._value-type._scale ul.roast-scale {
      display: flex;
      justify-content: center;
      align-items: center;
      list-style: none;
      margin: 0;
      padding: 0;
      margin-left: 5px; }
      .customField-content ._value-type._scale ul.roast-scale li {
        border: 1px solid #FFFFFF;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        margin: 0px 2px; }
        .customField-content ._value-type._scale ul.roast-scale li._fill {
          background: #FFFFFF; }
  @media (max-width: 991px) and (min-width: 801px) {
    .customField-content {
      font-size: 13px;
      padding: 0.5rem; }
      .customField-content ._productName {
        font-size: 16px; } }

@media (min-width: 551px) and (max-width: 1260px) {
  .page-sidebar + .page-content .productGrid .product {
    width: 50%; } }

.card {
  /*[data-test-info-type="price"]{
		display:none;
	}*/ }
  .card .card-body {
    text-align: center; }
  .card .card-title a {
    color: #2f5892;
    font-size: 20px;
    font-weight: bold; }
  .card .card-text {
    font-weight: 600;
    color: #2c2c2c; }
  .card .container-colors {
    display: flex; }

.image-gallery {
  padding: 2rem 0; }
  .image-gallery .slick-list {
    margin: 0 -0.5rem; }
  .image-gallery .slick-slide {
    margin: 0 0.5rem;
    height: inherit !important;
    padding: 0; }
    .image-gallery .slick-slide img {
      width: auto !important; }
      @media (max-width: 550px) {
        .image-gallery .slick-slide img {
          max-height: 360px; } }
      @media (min-width: 551px) {
        .image-gallery .slick-slide img {
          max-height: 400px; } }
      @media (min-width: 1201px) {
        .image-gallery .slick-slide img {
          max-height: 400px; } }
      @media (min-width: 1601px) {
        .image-gallery .slick-slide img {
          max-height: 450px; } }

.container__blog-pagination .pagination-list li a, .container__blog-pagination .pagination-list li button {
  color: #fff;
  padding: 0.4rem;
  text-transform: uppercase; }

.container__blog-pagination .pagination-item.number {
  border-color: #e5e5e5;
  border-radius: 100%;
  margin: 0 0.3571428571rem 0 0.7857142857rem;
  background: #fff; }

.container__blog-pagination .pagination-item.pagination-item--current a {
  padding: 0.7rem; }

.container__blog-pagination #prev-page, .container__blog-pagination #next-page {
  padding: 0 0.5rem 0 0.5rem; }

.container__blog-pagination .pagination-item.pagination-item--previous.no-more a, .container__blog-pagination .pagination-link.no-more {
  opacity: 0.4;
  pointer-events: none;
  cursor: default; }

.pagination .pagination-list li a, .pagination .pagination-list li button {
  color: #2c2c2c;
  padding: 0.4rem;
  text-transform: uppercase; }

.pagination .pagination-item.number {
  border-color: #2c2c2c;
  border-radius: 100%;
  margin: 0 0.3571428571rem 0 0.7857142857rem;
  background: #2c2c2c; }

.pagination .pagination-item.pagination-item--current a {
  padding: 0.7rem; }

.pagination #prev-page, .pagination #next-page {
  padding: 0 0.5rem 0 0.5rem; }

.pagination .pagination-item.pagination-item--previous.no-more a, .pagination .pagination-link.no-more {
  opacity: 0.4;
  pointer-events: none;
  cursor: default; }

@media screen and (max-width: 355px) {
  .pagination-item--previous.no-more, .pagination-link.no-more {
    display: none; } }

.css-type_product {
  overflow-x: hidden; }
  .css-type_product .body {
    margin-top: 0px; }
  .css-type_product [aria-label="Breadcrumb"] {
    display: none; }

.productView .productView-image {
  margin-top: 2rem; }

.productView .productView-title {
  margin-top: 1.5rem;
  font-size: 80px;
  font-family: "Sofia Pro";
  font-weight: bold;
  line-height: 1; }
  @media (max-width: 800px) {
    .productView .productView-title {
      font-size: 60px; } }
  @media (max-width: 550px) {
    .productView .productView-title {
      font-size: 32px; } }

.previewCart .productView-title {
  font-size: 28px !important; }

@media (min-width: 801px) {
  .previewCart .productView {
    flex-direction: row; }
  .productView .productView-title {
    margin-top: 2.5rem; } }

@media (min-width: 801px) {
  .productView._coffee .productView-images {
    width: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0; }
    .productView._coffee .productView-images .productView-image {
      margin-top: 0; }
    .productView._coffee .productView-images .productView-img-container {
      max-width: 800px; }
    .productView._coffee .productView-images .productView-img-container img {
      padding: 28%; } }
    @media (min-width: 801px) and (max-width: 900px) {
      .productView._coffee .productView-images .productView-img-container img {
        padding: 30%; } }

@media (min-width: 801px) {
  .productView._coffee .productView-details.product-options._coffee {
    padding: 10% !important;
    margin-right: -4%;
    min-height: 660px; } }
  @media (min-width: 801px) and (max-width: 1360px) {
    .productView._coffee .productView-details.product-options._coffee {
      padding: 25% 10% 10%;
      margin-right: -5%; } }
  @media (min-width: 801px) and (max-width: 1200px) {
    .productView._coffee .productView-details.product-options._coffee {
      padding: 25% 10% 10%;
      margin-right: -6%; } }
  @media (min-width: 801px) and (max-width: 1150px) {
    .productView._coffee .productView-details.product-options._coffee {
      padding: 25% 10% 10%;
      margin-right: -8%; } }
  @media (min-width: 801px) and (max-width: 991px) {
    .productView._coffee .productView-details.product-options._coffee {
      padding: 25% 10% 10%;
      margin-right: -10%; } }

@media (min-width: 801px) {
  .productView._coffee .productView-data-display {
    top: 10%;
    position: relative;
    width: 35%;
    display: inline-block; } }
  @media (min-width: 801px) and (max-width: 1260px) {
    .productView._coffee .productView-data-display {
      width: 33%; } }
  @media (min-width: 801px) and (max-width: 1150px) {
    .productView._coffee .productView-data-display {
      width: 30%; } }

@media (min-width: 801px) {
  .productView._coffee .productView-details.product-data {
    float: left;
    width: 100%;
    padding: 0; }
    .productView._coffee .productView-details.product-data .productView-product {
      border-bottom: 0; } }

.custom-field-container {
  display: flex;
  align-items: flex-start;
  align-items: stretch;
  column-gap: 1rem;
  border-top: 2px solid #328ea5;
  border-bottom: 2px solid #328ea5;
  padding: 1rem 0;
  margin-bottom: 1.5rem; }
  @media (max-width: 1050px) and (min-width: 801px) {
    .custom-field-container {
      display: block; } }
  .custom-field-container label {
    text-transform: uppercase; }
  .custom-field-container .left-custom-field-data {
    display: flex;
    align-items: center;
    column-gap: 1rem; }
    .custom-field-container .left-custom-field-data .roast-level-data {
      width: 100%;
      min-width: 100px;
      max-width: 100px; }
      .custom-field-container .left-custom-field-data .roast-level-data img {
        width: 100px;
        height: 100px; }
    .custom-field-container .left-custom-field-data .process-variety-data {
      width: 100%; }
    .custom-field-container .left-custom-field-data .process-data {
      padding-bottom: 0.75rem;
      border-bottom: 2px solid #328ea5;
      margin-bottom: 0.75rem; }
  .custom-field-container .tasting-notes-data {
    border-left: 2px solid #328ea5;
    padding-left: 1rem; }
    @media (max-width: 1050px) and (min-width: 801px) {
      .custom-field-container .tasting-notes-data {
        border-left: 0;
        border-top: 2px solid #328ea5;
        margin-top: 1rem;
        padding-left: 0;
        padding-top: 1rem; } }
    .custom-field-container .tasting-notes-data .notes-data {
      margin-bottom: 0; }

@media (max-width: 800px) {
  .productView._coffee .productView-img-container img {
    padding: 15%; } }

.goback_link {
  text-decoration: none;
  font-weight: 500; }

.productView._coffee .productView-product .origin-title {
  font-family: 'Mr Dafoe', cursive;
  color: #328ea5;
  font-size: 40px;
  padding-left: 1rem;
  display: block; }
  @media (max-width: 550px) {
    .productView._coffee .productView-product .origin-title {
      font-size: 40px; } }

.productView._coffee .productView-product .productView-title {
  font-size: 80px;
  font-family: "Sofia Pro";
  font-weight: bold;
  line-height: 1;
  margin: 0;
  margin-top: -1.5rem;
  margin-bottom: 3rem; }
  @media (max-width: 800px) {
    .productView._coffee .productView-product .productView-title {
      font-size: 60px;
      margin-top: -2rem; } }
  @media (max-width: 550px) {
    .productView._coffee .productView-product .productView-title {
      font-size: 32px;
      margin-top: -1rem;
      margin-bottom: 1.5rem; } }

.productView-price {
  font-family: "Sofia Pro";
  font-weight: bold;
  text-align: left;
  margin-bottom: 0; }

.product-options [data-product-option-change] .form-field, .product-options .add-to-cart-wrapper .form-field {
  display: flex;
  align-items: center;
  background: #308ca3;
  color: #FFFFFF;
  padding: 3px 15px; }
  .product-options [data-product-option-change] .form-field label, .product-options .add-to-cart-wrapper .form-field label {
    margin: 0;
    color: #FFFFFF;
    font-weight: 600;
    text-transform: uppercase; }
    .product-options [data-product-option-change] .form-field label small, .product-options .add-to-cart-wrapper .form-field label small {
      display: none; }
  .product-options [data-product-option-change] .form-field select, .product-options .add-to-cart-wrapper .form-field select {
    background: #308ca3;
    border: 0;
    color: #FFFFFF; }

.product-options .productView-options .form-field {
  margin-bottom: 0.5rem; }

.product-options [data-product-attribute="set-select"] {
  position: relative; }
  .product-options [data-product-attribute="set-select"]::after {
    content: "▼";
    padding: 12px 8px;
    position: absolute;
    right: 10px;
    top: -3px;
    z-index: 1;
    text-align: center;
    pointer-events: none;
    color: #FFF;
    display: inline-block;
    font-size: 14px; }
  .product-options [data-product-attribute="set-select"] select {
    max-width: 100%; }

.product-options .form .add-to-cart-wrapper {
  display: flex;
  justify-content: space-between; }
  .product-options .form .add-to-cart-wrapper .form-field--increments .form-label {
    margin-right: 15px; }
  .product-options .form .add-to-cart-wrapper .form-field--increments .button--icon {
    border-color: #FFFFFF; }
    .product-options .form .add-to-cart-wrapper .form-field--increments .button--icon svg {
      fill: #FFFFFF; }
  .product-options .form .add-to-cart-wrapper .form-field {
    margin: 0px;
    width: 40%; }
    .product-options .form .add-to-cart-wrapper .form-field .form-increment {
      width: 100%; }
  .product-options .form .add-to-cart-wrapper .form-action {
    width: 55%;
    margin: 0;
    padding: 0 !important; }
    .product-options .form .add-to-cart-wrapper .form-action #form-action-addToCart {
      margin: 0;
      background: #d94941;
      border: 0;
      font-weight: 600;
      text-transform: uppercase;
      border-radius: 0;
      width: 100%; }
  @media (max-width: 1200px) and (min-width: 801px), (max-width: 480px) {
    .product-options .form .add-to-cart-wrapper {
      display: block; }
      .product-options .form .add-to-cart-wrapper .form-field--increments {
        margin-bottom: 0.5rem; }
      .product-options .form .add-to-cart-wrapper .form-field {
        width: 100%; }
      .product-options .form .add-to-cart-wrapper .form-action {
        width: 100%; }
        .product-options .form .add-to-cart-wrapper .form-action #form-action-addToCart {
          width: 100%; } }

.product-options .form.form-wishlist.form-action {
  display: flex;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0 !important; }
  .product-options .form.form-wishlist.form-action a {
    width: 100%;
    margin: 0;
    background: #308ca3;
    color: #FFF;
    border: 0;
    border-radius: 0; }
    .product-options .form.form-wishlist.form-action a .icon {
      display: none; }
      .product-options .form.form-wishlist.form-action a .icon svg {
        fill: #FFFFFF; }
    .product-options .form.form-wishlist.form-action a::after {
      content: "▼";
      padding: 12px 8px;
      position: absolute;
      right: 10px;
      top: -3px;
      z-index: 1;
      text-align: center;
      pointer-events: none;
      color: #FFF;
      display: inline-block;
      font-size: 14px; }

.productView._coffee .productView-description {
  float: none;
  margin-bottom: 2.5rem; }

.productView._coffee .productView-datacontent {
  clear: both;
  margin-bottom: 2rem; }

.productView._coffee .datacontent-container {
  text-align: center;
  font-size: 24px;
  padding: 5rem 0 6rem;
  background-color: #328ea5;
  background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
  background-repeat: repeat;
  position: relative;
  background-color: #328ea5; }
  .productView._coffee .datacontent-container::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat;
    height: 20px;
    background-size: 40px 40px;
    background-image: radial-gradient(circle at 20px -10px, transparent 24px, #fff 26px); }
  .productView._coffee .datacontent-container::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat;
    height: 30px;
    background-size: 80px 40px;
    background-image: radial-gradient(circle at 20px 30px, #fff 24px, transparent 26px); }
  .productView._coffee .datacontent-container .customField-datacontent {
    max-width: 94%;
    margin: auto; }
  .productView._coffee .datacontent-container .tasting-note-data {
    margin: 25px auto;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
    list-style: none;
    text-transform: uppercase; }
    .productView._coffee .datacontent-container .tasting-note-data li {
      padding: 0 10px; }
    .productView._coffee .datacontent-container .tasting-note-data li::after {
      content: '\2022';
      color: #d94941;
      padding-left: 10px; }
    .productView._coffee .datacontent-container .tasting-note-data li:last-child::after {
      content: ''; }
  .productView._coffee .datacontent-container .barline-info {
    margin: 25px auto; }
    .productView._coffee .datacontent-container .barline-info .bar-data {
      color: #FFFFFF; }
      .productView._coffee .datacontent-container .barline-info .bar-data strong {
        text-transform: uppercase;
        padding-right: 15px; }
    .productView._coffee .datacontent-container .barline-info .bar-divider {
      color: #FFFFFF;
      padding: 0px 20px; }
  .productView._coffee .datacontent-container .roast_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    margin: 25px auto; }
    .productView._coffee .datacontent-container .roast_container .bar-data {
      text-transform: uppercase;
      padding-right: 15px; }
    .productView._coffee .datacontent-container .roast_container ul.roast-scale {
      display: flex;
      justify-content: center;
      align-items: center;
      list-style: none;
      margin: 0;
      padding: 0px 15px; }
      .productView._coffee .datacontent-container .roast_container ul.roast-scale li {
        border: 1px solid #FFFFFF;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        margin: 0px 5px; }
        .productView._coffee .datacontent-container .roast_container ul.roast-scale li._fill {
          background: #FFFFFF; }
    @media (max-width: 550px) {
      .productView._coffee .datacontent-container .roast_container .bar-data {
        display: block;
        padding-right: 0;
        width: 100%; }
      .productView._coffee .datacontent-container .roast_container ul.roast-scale li {
        border: 1px solid #FFFFFF;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        margin: 0px 2px; } }

#related-product-section h2 {
  margin: 0 0 1rem;
  text-align: center;
  color: #224269;
  font-size: 56px;
  font-family: Neuton;
  font-weight: 300;
  letter-spacing: 0; }

.saving_message {
  color: #308ca3;
  font-size: .6em; }

.title_sub {
  font-size: 16px;
  line-height: 1;
  font-weight: bold; }
  @media (max-width: 550px) {
    .title_sub {
      margin-top: 0rem; } }

.price--rrp {
  color: #d94941; }

@media (min-width: 1720px) {
  .page-content--centered {
    width: 80%; } }

.template-content p {
  font-size: 16px;
  line-height: 32px; }
  @media (min-width: 1720px) {
    .template-content p {
      font-size: 16px;
      line-height: 40px; } }
  @media (max-width: 800px) {
    .template-content p {
      font-size: 12px;
      line-height: 32px; } }

.container-full-width {
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  padding-bottom: 95px; }

.flex-photos {
  display: flex;
  padding: 50px 0;
  list-style: none;
  margin: 0;
  column-gap: 1.5rem; }
  .flex-photos .flex-photos-item {
    width: 100%; }
  .flex-photos img {
    display: block;
    width: 100%; }

.moving-section {
  width: 100%;
  overflow: hidden; }

.moving-item {
  width: 100%; }

.static-photo {
  display: flex;
  column-gap: 1.5rem;
  width: 200%; }

.moving-photos {
  display: flex;
  column-gap: 1.5rem;
  width: 200%;
  animation: bannermove 20s linear infinite; }
  @media (max-width: 800px) {
    .moving-photos {
      width: 300%; } }
  @media (min-width: 1650px) {
    .moving-photos {
      width: 189%; } }

@keyframes bannermove {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }

.moving-photos:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.url-key_about-us .template-content
> p {
  padding: 50px 0; }
  @media (max-width: 800px) {
    .url-key_about-us .template-content
> p {
      padding: 20px 0; } }

.url-key_about-us .page-content.page-content--centered {
  width: 100%; }

.sub-text-heading {
  width: 74%;
  text-align: justify;
  text-align-last: center;
  margin: auto; }
  @media (max-width: 800px) {
    .sub-text-heading {
      width: 100%; } }

.flex-box {
  padding-top: 50px;
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center; }
  .flex-box p {
    width: 60%; }
  .flex-box img {
    max-width: 250px; }
  @media (max-width: 800px), (min-width: 801px) and (max-width: 991px) {
    .flex-box {
      padding: 20px 0;
      display: block; }
      .flex-box p {
        width: 100%; }
      .flex-box img {
        margin: auto;
        display: block; } }

.divider-wave {
  padding: 70px 0px;
  width: 100%; }
  @media (max-width: 800px) {
    .divider-wave {
      padding: 30px 0; } }

.flexlist-item {
  padding: 30px 0; }
  .flexlist-item .flexlist-item-content .item-title {
    color: #308ca3;
    font-weight: 500;
    padding-top: 15%;
    font-size: 50px; }
    @media (min-width: 1720px) {
      .flexlist-item .flexlist-item-content .item-title {
        font-size: 65px; } }
    @media (min-width: 1201px) {
      .flexlist-item .flexlist-item-content .item-title {
        display: inline-block; } }
    .flexlist-item .flexlist-item-content .item-title.no-image {
      padding-top: 0; }
  .flexlist-item:nth-child(odd) .flexlist-item-content {
    margin-right: 10%; }
    .flexlist-item:nth-child(odd) .flexlist-item-content img {
      margin: 15px 15px 0 0;
      float: left; }
  .flexlist-item:nth-child(even) .flexlist-item-content {
    margin-left: 10%; }
    .flexlist-item:nth-child(even) .flexlist-item-content img {
      margin: 15px 0 0 15px;
      float: right; }
  @media (max-width: 800px), (min-width: 801px) and (max-width: 991px) {
    .flexlist-item .flexlist-item-content {
      margin-left: 0 !important;
      margin-right: 0 !important; } }
  @media (max-width: 550px), (min-width: 801px) and (max-width: 991px) {
    .flexlist-item .flexlist-item-content img {
      float: none !important;
      display: block !important;
      margin: auto !important; }
    .flexlist-item .flexlist-item-content .item-title {
      padding-top: 15px;
      font-size: 36px;
      display: block;
      margin: auto;
      width: 100%;
      text-align: center; } }
  .flexlist-item .read-more {
    font-weight: bold;
    color: #308ca3;
    padding: 10px 20px;
    border: black solid 2px;
    border-radius: 15px; }
  .flexlist-item ._active-read {
    border: 2px solid black;
    border-radius: 20px;
    padding: 10px; }

.action-container {
  text-align: center;
  margin: 0;
  padding: 50px 0 0; }
  .action-container .view-all-btn {
    display: inline-block;
    margin: auto;
    background: #308ca3;
    color: white;
    text-decoration: none;
    padding: 25px;
    width: 70%;
    border-radius: 60px;
    font-size: 20px; }

.container--with-green-bg {
  background: #328EA5;
  border-radius: 20px;
  padding: 30px;
  gap: 5%; }
  .container--with-green-bg div {
    width: 20%; }
    .container--with-green-bg div img {
      display: block; }
    .container--with-green-bg div label {
      color: #FFF;
      font-size: 26px;
      text-align: center; }
  .container--with-green-bg p {
    font-size: 18px !important;
    line-height: 1.2;
    color: white;
    margin: 0;
    width: 75%; }
  @media (max-width: 800px) {
    .container--with-green-bg {
      flex-direction: column !important; }
      .container--with-green-bg div, .container--with-green-bg p {
        width: 100%; } }

.content--flex-col {
  display: flex;
  flex-direction: row;
  justify-content: center; }

.content--flex-row {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.page-section-heading {
  font-size: 48px;
  font-weight: bold;
  color: #1C1C1C;
  text-align: center; }

.flexlist-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px; }

.flexlist-item {
  width: 48%;
  margin: 0;
  padding: 0; }
  @media (max-width: 800px) {
    .flexlist-item {
      width: 100%; } }
  .flexlist-item .content-bg-container {
    border-radius: 30px;
    background: #308CA3; }
  .flexlist-item .flexlist-item-content {
    display: flex;
    align-items: center;
    margin: 0 !important; }
    .flexlist-item .flexlist-item-content img {
      margin: 0 15px 0 0 !important;
      float: none !important;
      max-width: 50%; }
    .flexlist-item .flexlist-item-content div {
      text-align: left; }
      .flexlist-item .flexlist-item-content div p, .flexlist-item .flexlist-item-content div span, .flexlist-item .flexlist-item-content div label {
        color: #FFF;
        line-height: 1.2;
        text-align: left; }
      .flexlist-item .flexlist-item-content div label {
        display: inline-block; }
      .flexlist-item .flexlist-item-content div p {
        width: 80%;
        margin-bottom: 1.5rem; }
        @media (max-width: 550px), (min-width: 801px) and (max-width: 1200) {
          .flexlist-item .flexlist-item-content div p {
            margin-bottom: 1rem; } }
        @media (max-width: 400px) {
          .flexlist-item .flexlist-item-content div p {
            margin-bottom: 0.5rem; } }
    .flexlist-item .flexlist-item-content .item-title {
      display: block;
      color: #FFF !important;
      line-height: 1.2;
      padding: 0;
      margin-bottom: 1.5rem;
      font-size: 46px;
      text-align: left; }
      @media (max-width: 1300px) {
        .flexlist-item .flexlist-item-content .item-title {
          font-size: 36px; } }
      @media (max-width: 550px), (min-width: 801px) and (max-width: 1200) {
        .flexlist-item .flexlist-item-content .item-title {
          font-size: 26px;
          margin-bottom: 1rem; } }
      @media (max-width: 400px) {
        .flexlist-item .flexlist-item-content .item-title {
          font-size: 20px;
          margin-bottom: 0.5rem; } }
  .flexlist-item .read-more {
    font-weight: bold;
    color: #FFF;
    background: #000; }
    @media (max-width: 550px) {
      .flexlist-item .read-more {
        padding: 5px 10px;
        font-size: 13px; } }
  .flexlist-item ._active-read {
    border: 0 !important; }

@media screen and (min-width: 801px) {
  .url-key_subscriptions .page-heading-container .page-heading-content, .url-key_collections-subscriptions .page-heading-container .page-heading-content {
    transform: translate(-50%, -50%); } }

.url-key_subscriptions .page-heading-container .page-heading, .url-key_collections-subscriptions .page-heading-container .page-heading {
  color: #fff; }
  @media screen and (max-width: 550px) {
    .url-key_subscriptions .page-heading-container .page-heading, .url-key_collections-subscriptions .page-heading-container .page-heading {
      color: #2c2c2c; } }

.url-key_subscriptions .first-blurb, .url-key_collections-subscriptions .first-blurb {
  max-width: 80%;
  margin: 0 auto; }

.url-key_subscriptions .page-content .first-blurb p, .url-key_subscriptions .page-content ul, .url-key_subscriptions .page-content li, .url-key_collections-subscriptions .page-content .first-blurb p, .url-key_collections-subscriptions .page-content ul, .url-key_collections-subscriptions .page-content li {
  line-height: 2;
  text-align: center;
  text-align-last: center;
  color: #224269;
  font-size: 20px;
  font-weight: 500; }

.url-key_subscriptions .first-blurb p span, .url-key_collections-subscriptions .first-blurb p span {
  color: #d94941;
  font-weight: bold;
  font-style: italic; }

.url-key_subscriptions .circle-steps, .url-key_collections-subscriptions .circle-steps {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  margin-bottom: 2rem; }

.url-key_subscriptions .circle, .url-key_collections-subscriptions .circle {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  /* the magic */
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  color: #333333;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 auto 40px;
  display: flex;
  background-color: #edc038; }

.url-key_subscriptions .circle p, .url-key_collections-subscriptions .circle p {
  margin: auto;
  /* margin-top: 2.5rem; */
  font-size: 24px;
  text-transform: capitalize;
  letter-spacing: 1px; }

.url-key_subscriptions .three-easy-step h2, .url-key_collections-subscriptions .three-easy-step h2 {
  font-family: 'Neuton';
  font-size: 46px;
  text-align: center;
  margin: 0 0 2.5rem;
  color: #2c2c2c; }

.url-key_subscriptions .circle.step2, .url-key_collections-subscriptions .circle.step2 {
  position: relative; }

@media (max-width: 800px) {
  .url-key_subscriptions .arrow-go, .url-key_collections-subscriptions .arrow-go {
    display: none; } }

.url-key_subscriptions .plan-section img, .url-key_collections-subscriptions .plan-section img {
  width: 100%; }

.url-key_subscriptions .plan-section .first-blurb, .url-key_collections-subscriptions .plan-section .first-blurb {
  width: 55.6666666667%;
  padding: 0 0.75rem;
  margin: 3.5rem auto 5rem;
  float: none; }
  @media screen and (max-width: 800px) {
    .url-key_subscriptions .plan-section .first-blurb, .url-key_collections-subscriptions .plan-section .first-blurb {
      width: 75%; } }

.url-key_subscriptions .plan-section .first-blurb p#first, .url-key_collections-subscriptions .plan-section .first-blurb p#first {
  margin: 0 0 2.5rem; }

.url-key_subscriptions .plan-section .first-blurb p#last, .url-key_collections-subscriptions .plan-section .first-blurb p#last {
  margin: 0 0 4rem; }

.url-key_subscriptions .plan-section a, .url-key_collections-subscriptions .plan-section a {
  display: block;
  padding: 2rem;
  text-align: center;
  border-radius: 45px;
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 2px;
  text-decoration: none; }
  @media screen and (max-width: 800px) {
    .url-key_subscriptions .plan-section a, .url-key_collections-subscriptions .plan-section a {
      padding: 1rem;
      font-size: 18px;
      letter-spacing: 1px;
      text-decoration: none;
      word-wrap: break-word;
      white-space: normal; } }

.url-key_subscriptions .plan-section a.subscribe, .url-key_collections-subscriptions .plan-section a.subscribe {
  background: #308ca3; }

.url-key_subscriptions .collapse-row, .url-key_collections-subscriptions .collapse-row {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  row-gap: 0.8rem;
  margin: 0 0 2rem; }

.url-key_subscriptions .collapse-row .column, .url-key_collections-subscriptions .collapse-row .column {
  width: 49.2%; }
  @media screen and (max-width: 1023px) {
    .url-key_subscriptions .collapse-row .column, .url-key_collections-subscriptions .collapse-row .column {
      width: 100%; } }

.url-key_subscriptions .collapse-row .column .content p, .url-key_collections-subscriptions .collapse-row .column .content p {
  text-align: left;
  width: 100%;
  padding: 0;
  margin: 0;
  line-height: normal;
  text-align-last: unset;
  font-size: 16px;
  color: #333; }

.url-key_subscriptions .collapsible, .url-key_collections-subscriptions .collapsible {
  background: #308ca3;
  color: white;
  cursor: pointer;
  padding: 8px 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.url-key_subscriptions .collapsible:active, .url-key_subscriptions .collapsible:focus, .url-key_collections-subscriptions .collapsible:active, .url-key_collections-subscriptions .collapsible:focus {
  outline: none !important; }

.url-key_subscriptions .content, .url-key_collections-subscriptions .content {
  padding: 12px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1; }

.url-key_subscriptions .collapsible.active .fa.fa-caret-down, .url-key_collections-subscriptions .collapsible.active .fa.fa-caret-down {
  transform: rotate(180deg); }

.url-key_subscriptions .section-heading, .url-key_collections-subscriptions .section-heading {
  text-align: center;
  color: #2ea0a8;
  font-size: 49px;
  font-weight: bold;
  padding-top: 5rem;
  margin-bottom: 2rem;
  text-transform: uppercase; }
  @media (max-width: 550px) {
    .url-key_subscriptions .section-heading, .url-key_collections-subscriptions .section-heading {
      font-size: 39px; } }

.url-key_subscriptions .first-blurb, .url-key_collections-subscriptions .first-blurb {
  margin-bottom: 5rem; }

.url-key_subscriptions .container-plan, .url-key_collections-subscriptions .container-plan {
  background: #2f5892; }
  .url-key_subscriptions .container-plan.gift-cert-section, .url-key_collections-subscriptions .container-plan.gift-cert-section {
    padding: 5rem 0;
    background: #308ca3; }
  .url-key_subscriptions .container-plan .section-heading, .url-key_collections-subscriptions .container-plan .section-heading {
    text-align: center;
    color: #FFF;
    font-size: 49px;
    font-weight: bold;
    padding-top: 5rem;
    margin-bottom: 5rem; }
    @media (max-width: 550px) {
      .url-key_subscriptions .container-plan .section-heading, .url-key_collections-subscriptions .container-plan .section-heading {
        font-size: 39px; } }
  .url-key_subscriptions .container-plan .productGrid, .url-key_collections-subscriptions .container-plan .productGrid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .url-key_subscriptions .container-plan .productGrid .product, .url-key_collections-subscriptions .container-plan .productGrid .product {
      width: 40%; }
      @media (max-width: 550px) {
        .url-key_subscriptions .container-plan .productGrid .product, .url-key_collections-subscriptions .container-plan .productGrid .product {
          width: 90%; } }
      .url-key_subscriptions .container-plan .productGrid .product .card-figure, .url-key_collections-subscriptions .container-plan .productGrid .product .card-figure {
        background-color: transparent;
        margin-bottom: 2rem; }
      .url-key_subscriptions .container-plan .productGrid .product .card-title a, .url-key_collections-subscriptions .container-plan .productGrid .product .card-title a {
        font-weight: bold;
        color: #FFF;
        font-size: 36px;
        padding: 0; }
      .url-key_subscriptions .container-plan .productGrid .product .card-text, .url-key_subscriptions .container-plan .productGrid .product .item-blurb, .url-key_collections-subscriptions .container-plan .productGrid .product .card-text, .url-key_collections-subscriptions .container-plan .productGrid .product .item-blurb {
        font-weight: 600;
        color: #FFF; }

.url-key_subscriptions .product-listing, .url-key_collections-subscriptions .product-listing {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2%; }
  .url-key_subscriptions .product-listing .card-item, .url-key_collections-subscriptions .product-listing .card-item {
    width: 48%; }
    .url-key_subscriptions .product-listing .card-item .content-image, .url-key_collections-subscriptions .product-listing .card-item .content-image {
      max-width: 100%;
      max-width: 360px;
      margin: auto;
      margin-bottom: 25px; }
      .url-key_subscriptions .product-listing .card-item .content-image img, .url-key_collections-subscriptions .product-listing .card-item .content-image img {
        max-width: 100%; }
    .url-key_subscriptions .product-listing .card-item .content-text, .url-key_collections-subscriptions .product-listing .card-item .content-text {
      color: white;
      text-align: center; }
      .url-key_subscriptions .product-listing .card-item .content-text .item-title, .url-key_collections-subscriptions .product-listing .card-item .content-text .item-title {
        font-weight: bold;
        font-size: 20px; }
      .url-key_subscriptions .product-listing .card-item .content-text [data-test-info-type="price"], .url-key_collections-subscriptions .product-listing .card-item .content-text [data-test-info-type="price"] {
        display: block; }
      .url-key_subscriptions .product-listing .card-item .content-text .item-blurb, .url-key_collections-subscriptions .product-listing .card-item .content-text .item-blurb {
        margin-top: 25px; }

._subscriptions-landing--page .menu-section {
  margin-bottom: 1rem; }
  ._subscriptions-landing--page .menu-section .section-heading {
    color: #d94941;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 6px;
    margin-bottom: 2rem; }

._subscriptions-landing--page .menu-action {
  display: flex;
  justify-content: space-between;
  column-gap: 2rem;
  row-gap: 2rem;
  width: 80%;
  margin: auto; }
  ._subscriptions-landing--page .menu-action .action-btn {
    width: 50%;
    padding: 2rem;
    text-align: center;
    font-size: 54px;
    font-weight: bold;
    border-radius: 25px;
    letter-spacing: -4px;
    cursor: pointer;
    text-decoration: none; }
  @media (max-width: 550px) {
    ._subscriptions-landing--page .menu-action {
      display: block; }
      ._subscriptions-landing--page .menu-action .action-btn, ._subscriptions-landing--page .menu-action .dummy {
        width: 100%;
        margin-bottom: 1rem; } }
  ._subscriptions-landing--page .menu-action .dummy {
    display: none; }
  ._subscriptions-landing--page .menu-action .pay-as-you-go-btn {
    color: #d6dcd4;
    background: #008ea2; }
  ._subscriptions-landing--page .menu-action .prepay-btn {
    background: #e6e1d8;
    color: #008ea3; }

._subscriptions-landing--page #pay-as-you-go-content {
  background: #388ca0; }
  ._subscriptions-landing--page #pay-as-you-go-content .section-heading {
    color: #d6dcd4; }
  ._subscriptions-landing--page #pay-as-you-go-content .card-body .card-title a, ._subscriptions-landing--page #pay-as-you-go-content .card-body p {
    color: #d6dcd4; }

._subscriptions-landing--page #prepay-content {
  background: #e6e2d9; }
  ._subscriptions-landing--page #prepay-content .section-heading {
    color: #388ca0; }
  ._subscriptions-landing--page #prepay-content .card-body .card-title, ._subscriptions-landing--page #prepay-content .card-body .card-title a, ._subscriptions-landing--page #prepay-content .card-body p {
    color: #388ca0; }

._subscriptions-landing--page .section-heading {
  font-size: 54px;
  margin-bottom: 4rem; }
  ._subscriptions-landing--page .section-heading .sub-heading {
    font-size: 24px;
    text-transform: lowercase;
    letter-spacing: 4px; }

._subscriptions-landing--page .productGrid .product {
  width: 46%;
  cursor: pointer; }
  @media (min-width: 551px) {
    ._subscriptions-landing--page .productGrid .product {
      width: 20%;
      margin: 2%; } }
  @media (max-width: 550px) {
    ._subscriptions-landing--page .productGrid .product .card-body p {
      display: none; } }

._subscriptions-landing--page .subscriptionGrid {
  column-gap: 2rem;
  list-style: none;
  display: flex;
  justify-content: center; }

._subscriptions-landing--page .card-figure {
  background-color: transparent; }

._subscriptions-landing--page .card-img-container {
  max-width: 360px; }
  ._subscriptions-landing--page .card-img-container .checked-item {
    position: absolute;
    max-width: 260px; }

._subscriptions-landing--page .card-body .card-title, ._subscriptions-landing--page .card-body .card-title a {
  font-size: 36px;
  text-transform: uppercase;
  line-height: 1;
  margin: 1.5rem auto; }

._subscriptions-landing--page .card-body p {
  font-size: 20px; }

._subscriptions-landing--page .subscription-frequency-section ._1-x-month {
  padding-bottom: 5rem; }
  ._subscriptions-landing--page .subscription-frequency-section ._1-x-month .section-heading {
    background: #388ca0; }

._subscriptions-landing--page .subscription-frequency-section ._2-x-month {
  padding-bottom: 5rem; }
  ._subscriptions-landing--page .subscription-frequency-section ._2-x-month .section-heading {
    background: #325890; }

._subscriptions-landing--page .subscription-frequency-section .section-heading {
  font-size: 20px;
  text-transform: none;
  color: #FFF !important;
  width: 100%;
  display: block;
  padding: 5px; }

@media (max-width: 550px) {
  ._subscriptions-landing--page .subscription-frequency-section ._1-x-month, ._subscriptions-landing--page .subscription-frequency-section ._2-x-month {
    padding-bottom: 2rem; } }

._subscriptions-landing--page ._period-section {
  padding-top: 3rem; }

._subscriptions-landing--page .period-grid {
  display: flex;
  list-style: none;
  justify-content: center;
  column-gap: 1rem;
  row-gap: 1rem; }

._subscriptions-landing--page .period-btn {
  display: flex;
  column-gap: 2rem;
  justify-content: center;
  padding-bottom: 5rem; }
  ._subscriptions-landing--page .period-btn .product-link {
    background: #e6e2d9;
    color: #388ca0;
    display: inline-block;
    font-weight: bold;
    padding: 15px;
    border-radius: 10px;
    font-size: 28px;
    text-decoration: none;
    width: 40%;
    text-align: center;
    text-transform: uppercase; }
  @media (max-width: 550px) {
    ._subscriptions-landing--page .period-btn {
      row-gap: 2rem;
      flex-wrap: wrap; }
      ._subscriptions-landing--page .period-btn .product-link {
        width: auto; } }

._subscriptions-landing--page .divider {
  padding-top: 5rem; }
  ._subscriptions-landing--page .divider hr {
    border: 2px solid #151515; }

@media (max-width: 1200px) {
  ._subscriptions-landing--page .menu-action .action-btn {
    font-size: 36px;
    letter-spacing: -3px;
    line-height: 1; } }

@media (max-width: 800px) {
  ._subscriptions-landing--page .menu-section .section-heading {
    font-size: 18px; }
  ._subscriptions-landing--page .menu-action .action-btn {
    font-size: 24px;
    letter-spacing: -3px;
    line-height: 1; }
  ._subscriptions-landing--page .section-heading {
    font-size: 42px; }
  ._subscriptions-landing--page .card-body .card-title, ._subscriptions-landing--page .card-body .card-title a {
    font-size: 28px;
    text-transform: uppercase; }
  ._subscriptions-landing--page .card-body p {
    font-size: 16px; }
  ._subscriptions-landing--page .subscription-frequency-section .section-heading {
    font-size: 16x; } }

.period-grid .frequency-link img {
  opacity: 0.8; }
  .period-grid .frequency-link img:hover {
    opacity: 1;
    outline: solid #2ea0a8 2px;
    border-radius: 40px; }

.about_bio_image {
  max-height: 295px;
  max-width: 295px;
  border-radius: 25px; }

.cafe_cta {
  text-align: center;
  background-color: #308ca3;
  border-radius: 25px;
  padding: 1rem 3rem;
  margin-bottom: 1.5rem; }
  .cafe_cta p {
    font-size: 18px;
    font-weight: 500; }
  .cafe_cta .cta_form {
    margin: auto; }

.gift-certificate-form, .giftcertificates-balance, .giftcertificates-redeem {
  margin-bottom: 200px; }

.bcs-page {
  display: flex;
  flex-wrap: wrap;
  background-color: #2c2c2c; }
  .bcs-page h1 {
    margin-top: 0px;
    font-size: 3.5rem;
    letter-spacing: .05rem;
    line-height: 2.7rem;
    margin-bottom: 0px;
    font-weight: 600; }
    @media (max-width: 800px) {
      .bcs-page h1 {
        font-size: 2.5rem; } }
  .bcs-page h2 {
    font-size: 4em; }
  .bcs-page h3 {
    font-weight: 600; }
  .bcs-page p, .bcs-page h3, .bcs-page h2, .bcs-page h1 {
    color: #e7e8e2; }
  .bcs-page p, .bcs-page h3 {
    font-family: "sofia-pro", sans-serif;
    font-style: normal; }
    .bcs-page p span, .bcs-page h3 span {
      color: #bc3b2f;
      font-style: normal;
      font-weight: 600; }
  .bcs-page h1, .bcs-page h2 {
    font-family: Perfectly Nineties; }
  .bcs-page p {
    font-size: 1.5em; }

.bcs-header {
  display: flex;
  background-image: url("../png/tornheaderimage360a.png?t=1720720534");
  background-size: cover;
  width: 100%;
  height: 67vh;
  background-position: bottom center; }
  .bcs-header img {
    width: 50%;
    margin: auto; }
    @media (max-width: 800px) {
      .bcs-header img {
        width: 90%; } }
  @media (max-width: 800px) {
    .bcs-header {
      height: 30vh; } }

.bcs-intro, .bcs-outro {
  text-align: center;
  display: flex;
  margin: auto;
  width: 100%;
  flex-direction: column; }
  .bcs-intro img, .bcs-outro img {
    width: 50%;
    margin: auto; }
    @media (max-width: 800px) {
      .bcs-intro img, .bcs-outro img {
        width: 100%; } }

@media (max-width: 800px) {
  .bcs-intro {
    flex-direction: column-reverse; } }

.bcs-outro {
  background-color: white; }
  .bcs-outro .bcs-title {
    margin-top: 80px; }
    @media (max-width: 800px) {
      .bcs-outro .bcs-title {
        margin-top: 10rem; } }
  .bcs-outro h1, .bcs-outro h3, .bcs-outro h2 {
    color: #333333; }
  .bcs-outro .bcs-btn-bl a span {
    color: #333333; }
  .bcs-outro .bcs-btn-bl :hover {
    background-color: #bc3b2f; }
    .bcs-outro .bcs-btn-bl :hover span {
      color: #fff; }

.bcs-title {
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 25px; }

.bcs-des {
  max-width: 800px;
  margin: auto; }

.bcs-btn-bl {
  display: flex; }
  @media (min-width: 801px) {
    .bcs-btn-bl {
      width: 70%;
      margin: auto; } }
  @media (max-width: 800px) {
    .bcs-btn-bl {
      flex-direction: column;
      margin-bottom: 2.5rem;
      width: 100%; } }
  .bcs-btn-bl a {
    width: 40%;
    height: 7rem;
    border: solid #bc3b2f 5px;
    border-radius: 25px;
    display: flex;
    text-decoration: none;
    margin: 2rem auto 5rem auto; }
    @media (max-width: 800px) {
      .bcs-btn-bl a {
        width: 90%;
        margin: 5px auto; } }
    .bcs-btn-bl a span {
      color: #fff;
      font-family: "sofia-pro", sans-serif;
      font-size: 1.5em;
      font-weight: 600;
      text-transform: uppercase;
      margin: auto; }

.bcs-btn-bl :hover {
  background-color: #bc3b2f; }

.bcs-fwi {
  width: 100%;
  display: flex;
  background-size: cover;
  background-position: center; }
  .bcs-fwi #fellow-collab {
    margin: 5rem auto;
    max-width: 900px; }
  .bcs-fwi .overlay-img {
    margin: auto;
    max-height: 500px;
    padding: 35px; }
  .bcs-fwi .full-image {
    margin-top: 2em;
    margin-bottom: 2em;
    width: 100%; }

.bcs-txt-info {
  margin: 5rem auto;
  text-align: center; }
  @media (min-width: 800px) {
    .bcs-txt-info {
      max-width: 800px; } }
  .bcs-txt-info p {
    margin-top: 25px; }

.bcs-item {
  display: block;
  width: 100%;
  text-align: left; }
  .bcs-item img {
    width: 100%;
    margin-bottom: 3rem;
    margin-top: 3rem; }
    @media (max-width: 800px) {
      .bcs-item img {
        margin-top: 1rem; } }
  @media (max-width: 800px) {
    .bcs-item {
      text-align: center;
      display: none; }
      .bcs-item.active {
        display: block; } }

.bcs-tgl-btn-anc {
  display: none; }
  @media (max-width: 800px) {
    .bcs-tgl-btn-anc {
      width: 100%;
      margin: 5px auto;
      height: 45px;
      border: solid #bc3b2f 2.4px;
      display: flex; }
      .bcs-tgl-btn-anc .bcs-tgl-btn {
        margin: auto;
        color: #bc3b2f;
        font-family: "sofia-pro", sans-serif;
        font-size: 1.5em;
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: none; } }

.bcs-two-block, .bcs-three-block {
  display: flex;
  width: 100%; }
  .bcs-two-block h2, .bcs-three-block h2 {
    margin: 25px auto 10px 2rem; }
    @media (max-width: 800px) {
      .bcs-two-block h2, .bcs-three-block h2 {
        margin: auto; } }
  .bcs-two-block p, .bcs-three-block p {
    padding: 0px 15px 10px 2rem; }
    @media (max-width: 800px) {
      .bcs-two-block p, .bcs-three-block p {
        padding: 0px; } }

.bcs-two-block .bcs-item {
  width: 50%; }

.bcs-three-block .bcs-item {
  width: 33.33333%; }

.tgl_section {
  display: none; }
  @media (max-width: 800px) {
    .tgl_section {
      display: block;
      padding: 0px;
      width: 100%; } }

.bcs-staff {
  display: flex;
  width: 100%;
  margin-bottom: 25px; }
  @media (max-width: 800px) {
    .bcs-staff {
      flex-wrap: wrap;
      display: flex; } }
  @media (min-width: 800px) {
    .bcs-staff .bcs-slft img {
      width: 70%;
      margin: auto 0px auto auto; }
    .bcs-staff .bcs-srgt img {
      width: 70%;
      margin: auto auto auto 0px; } }
  .bcs-staff .bcs-slft, .bcs-staff .bcs-srgt {
    width: 50%;
    display: flex;
    margin: auto; }
    @media (max-width: 800px) {
      .bcs-staff .bcs-slft, .bcs-staff .bcs-srgt {
        width: 100%;
        margin-top: 2.5rem; } }
  .bcs-staff .bcs-slft-txt {
    margin: auto 25px auto auto;
    text-align: right; }
  .bcs-staff .bcs-srgt-txt {
    margin: auto auto auto 25px;
    text-align: left; }
  .bcs-staff .bcs-srgt-txt, .bcs-staff .bcs-slft-txt {
    max-width: 600px; }
    @media (max-width: 800px) {
      .bcs-staff .bcs-srgt-txt, .bcs-staff .bcs-slft-txt {
        text-align: center;
        margin: auto; } }

.bcs-imagecarousel {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 480px; }
  @media (min-width: 800px) {
    .bcs-imagecarousel {
      display: none; } }

.bcs-imagecarousel img {
  width: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0; }

.bcs-imagecarousel img:first-child {
  display: block; }

@media (max-width: 800px) {
  #bcs_maritza {
    flex-direction: column-reverse; } }

#bcs-extra-info {
  background-image: url("../png/cuppingphoto3228.png?t=1724767363");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  padding: 4rem 0px; }
  @media (min-width: 800px) {
    #bcs-extra-info {
      min-height: 900px;
      width: 100%; } }
  @media (max-width: 800px) {
    #bcs-extra-info {
      margin-top: 5rem; } }
  #bcs-extra-info .bcs-txt-info {
    background: #33333340;
    margin: 0px;
    border-radius: 15px;
    padding: 0px 3rem; }
    @media (min-width: 800px) {
      #bcs-extra-info .bcs-txt-info {
        margin: auto;
        padding: 5px 0px;
        margin-top: 4rem; } }

@media (min-width: 800px) {
  .desk-hide {
    display: none; } }

@media (max-width: 800px) {
  .mobile-hide {
    display: none; } }

#bcs-ct-vid {
  background-image: url("../png/videobarc823.png?t=1724767309");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat; }

.yt-video-wrapper {
  position: relative;
  padding-bottom: calc(56.25% * 0.75);
  /* 16:9 */
  width: 75%;
  height: 0;
  margin: auto; }
  @media (max-width: 800px) {
    .yt-video-wrapper {
      width: 90%; } }
  .yt-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.bcs-staff-title {
  background: url("../svg/scribble.svg");
  background-repeat: no-repeat;
  background-size: contain; }
  .bcs-staff-title h3 {
    margin-top: 0.8rem; }
  @media (max-width: 800px) {
    .bcs-staff-title {
      text-align: center; } }

.bcs-srgt-txt .bcs-staff-title {
  background-position: center left; }

.bcs-slft-txt .bcs-staff-title {
  background-position: center right; }

@media (max-width: 800px) {
  .bcs-srgt-txt .bcs-staff-title, .bcs-slft-txt .bcs-staff-title {
    background-position: center center; } }

.navPages-list .rca-manage-subscriptions {
  display: none !important; }

._option_subscribe-save,
._option_subscribe-save {
  display: none !important; }

@media (min-width: 551px) {
  ._product-subscription--page .page-heading-container .page-heading-content {
    transform: translate(-50%, -20%); } }

@media (min-width: 801px) {
  ._product-subscription--page .page-heading-container .page-heading-content {
    transform: translate(-50%, 30%); } }

@media (min-width: 1201px) {
  ._product-subscription--page .page-heading-container .page-heading-content {
    transform: translate(-50%, -30%); } }

._subscriptionView {
  padding-top: 0; }
  ._subscriptionView .container-full-width {
    position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    background: #2f5892;
    padding-bottom: 4rem; }
  ._subscriptionView .product-description {
    width: 100%;
    color: #FFF;
    position: relative;
    padding: 5rem 0px 12rem; }
    @media (max-width: 680px) {
      ._subscriptionView .product-description {
        padding: 5rem 0px 25rem; } }
  ._subscriptionView .productView-details.product-options {
    width: 100%; }
    ._subscriptionView .productView-details.product-options .productView-options [data-product-option-change] {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-end; }
    ._subscriptionView .productView-details.product-options .productView-options .form-field {
      width: 33%;
      background: none;
      color: #1d1d1d;
      display: block;
      margin-bottom: 5px; }
      @media (max-width: 680px) {
        ._subscriptionView .productView-details.product-options .productView-options .form-field {
          width: 100%; } }
      ._subscriptionView .productView-details.product-options .productView-options .form-field .form-label {
        color: #FFF;
        font-size: 24px; }
      ._subscriptionView .productView-details.product-options .productView-options .form-field .form-select {
        background: #FFF;
        color: #2c2c2c;
        position: relative;
        font-weight: bold; }
      ._subscriptionView .productView-details.product-options .productView-options .form-field::after {
        right: 25px;
        top: auto;
        padding: 0;
        margin-top: 5px;
        color: #2c2c2c; }
      ._subscriptionView .productView-details.product-options .productView-options .form-field.form-field--increments::after {
        bottom: 8px; }
    ._subscriptionView .productView-details.product-options .productView-options .form-field._card-grid {
      order: 5;
      display: block;
      background: transparent;
      width: 100%;
      margin-top: 5rem;
      padding-bottom: 4rem; }
      ._subscriptionView .productView-details.product-options .productView-options .form-field._card-grid .form-label {
        color: #1d1d1d;
        margin-bottom: 1.5rem; }
      ._subscriptionView .productView-details.product-options .productView-options .form-field._card-grid .card {
        width: 100%;
        border: 0;
        margin-bottom: 1rem;
        padding: 10px; }
        ._subscriptionView .productView-details.product-options .productView-options .form-field._card-grid .card .card-figcaption-body {
          pointer-events: none;
          text-transform: none; }
          ._subscriptionView .productView-details.product-options .productView-options .form-field._card-grid .card .card-figcaption-body label {
            text-transform: none; }
        ._subscriptionView .productView-details.product-options .productView-options .form-field._card-grid .card [data-test-info-type="customField_Origin"] {
          font-size: 14px; }
      ._subscriptionView .productView-details.product-options .productView-options .form-field._card-grid .card-figure:hover .checked-item {
        z-index: 1;
        opacity: .3; }
      ._subscriptionView .productView-details.product-options .productView-options .form-field._card-grid .form-radio:checked + .form-option {
        box-shadow: none !important;
        border: 0 !important; }
      ._subscriptionView .productView-details.product-options .productView-options .form-field._card-grid .checked-item {
        position: absolute;
        max-width: 200px;
        width: 100%;
        display: none;
        right: 0;
        top: 0; }
      ._subscriptionView .productView-details.product-options .productView-options .form-field._card-grid .form-radio:checked + .form-option .checked-item {
        display: inline-block !important; }
    ._subscriptionView .productView-details.product-options .add-to-cart-wrapper {
      display: flex !important;
      align-items: center;
      column-gap: 2rem;
      padding-bottom: 10px;
      padding: 0 1rem 10px; }
      ._subscriptionView .productView-details.product-options .add-to-cart-wrapper > * {
        width: 33% !important; }
      ._subscriptionView .productView-details.product-options .add-to-cart-wrapper .productView-price {
        text-align: right;
        display: flex;
        flex-direction: column-reverse; }
        ._subscriptionView .productView-details.product-options .add-to-cart-wrapper .productView-price .non-sale-price--withoutTax, ._subscriptionView .productView-details.product-options .add-to-cart-wrapper .productView-price .non-sale-price--withTax {
          font-size: 16px; }
      ._subscriptionView .productView-details.product-options .add-to-cart-wrapper .form-action #form-action-addToCart {
        padding: 25px; }
      @media (max-width: 550px) {
        ._subscriptionView .productView-details.product-options .add-to-cart-wrapper {
          display: block !important;
          padding-left: 0;
          padding-right: 0; }
          ._subscriptionView .productView-details.product-options .add-to-cart-wrapper .form-field--increments {
            width: 100% !important;
            margin-bottom: 1rem; }
          ._subscriptionView .productView-details.product-options .add-to-cart-wrapper .productView-price {
            width: 100% !important;
            text-align: center;
            margin-bottom: 1rem; }
            ._subscriptionView .productView-details.product-options .add-to-cart-wrapper .productView-price .non-sale-price--withoutTax, ._subscriptionView .productView-details.product-options .add-to-cart-wrapper .productView-price .non-sale-price--withTax {
              font-size: 13px; }
          ._subscriptionView .productView-details.product-options .add-to-cart-wrapper .form-action {
            width: 100% !important; }
            ._subscriptionView .productView-details.product-options .add-to-cart-wrapper .form-action #form-action-addToCart {
              padding: 15px;
              max-width: 94%; } }
  @media (min-width: 551px) {
    ._subscriptionView .sticky-addtocart {
      position: fixed;
      bottom: 0;
      z-index: 999;
      background: #2c2c2c;
      width: 100%;
      left: 0;
      color: #FFF; } }
  @media (max-width: 550px) {
    ._subscriptionView .sticky-addtocart {
      padding: 1rem; }
      ._subscriptionView .sticky-addtocart .container {
        padding: 0; } }
  ._subscriptionView .productView-description {
    display: none; }
  ._subscriptionView .view-another-section {
    margin-top: 4rem;
    text-align: center; }
    ._subscriptionView .view-another-section .action-btn {
      color: #d6dcd4;
      background: #008ea2;
      width: 50%;
      padding: 2rem;
      text-align: center;
      font-size: 30px;
      font-weight: bold;
      border-radius: 25px;
      letter-spacing: 3px;
      cursor: pointer;
      text-decoration: none; }

.productView-options .form {
  display: flex;
  flex-direction: column;
  margin: 0; }
  .productView-options .form .add-to-cart-wrapper {
    order: 2; }

[dom-overwrite="true"] .rca-subscription-widget {
  padding-bottom: 0; }

[dom-overwrite="true"] .rc_popup {
  display: none !important; }

[dom-overwrite="true"] .rca-subscription-form {
  display: flex;
  align-items: center;
  background: #308ca3;
  color: #fff;
  padding: 3px 15px;
  width: 100%;
  position: relative;
  margin-bottom: 0.5rem; }
  [dom-overwrite="true"] .rca-subscription-form::after {
    content: "▼";
    padding: 12px 8px;
    position: absolute;
    right: 10px;
    top: -3px;
    z-index: 1;
    text-align: center;
    pointer-events: none;
    color: #fff;
    display: inline-block;
    font-size: 14px; }

[dom-overwrite="true"] .rca-subscription-form__frequency {
  display: flex;
  align-items: center;
  background: #308ca3;
  color: #fff;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0; }

[dom-overwrite="true"] select.rca-subscription-form__frequency-selector {
  max-width: 100%;
  width: auto;
  color: #FFF;
  border: 0 !important;
  font-weight: normal;
  background: #308ca3;
  appearance: none;
  flex: 1;
  padding-right: 2rem;
  padding-left: 10px; }

[dom-overwrite="true"] .rca-subscription-form__frequency-selector:focus {
  box-shadow: none !important;
  outline: none !important; }

.rca-prepaid-detail-title {
  display: none !important; }

.rca-prepaid-details {
  background: #308ca3;
  padding: 3px 15px;
  color: #FFF;
  margin-bottom: 0.5rem; }

._subscriptionView .productView-options .form {
  display: inline;
  margin: 0; }

._subscriptionView [dom-overwrite="true"] {
  width: 33%;
  background: 0 0;
  color: #1d1d1d;
  display: block;
  margin-bottom: 5px; }
  @media (max-width: 680px) {
    ._subscriptionView [dom-overwrite="true"] {
      width: 100%; } }
  ._subscriptionView [dom-overwrite="true"] .rca-subscription-widget {
    padding-bottom: 0; }
  ._subscriptionView [dom-overwrite="true"] .rc_popup {
    display: none !important; }
  ._subscriptionView [dom-overwrite="true"] .rca-subscription-form {
    display: block;
    margin-bottom: 0; }
    ._subscriptionView [dom-overwrite="true"] .rca-subscription-form::after {
      font-size: 14px;
      right: 25px;
      top: auto;
      bottom: 10px;
      padding: 0;
      margin-top: 5px;
      color: #2c2c2c; }
  ._subscriptionView [dom-overwrite="true"] .rca-subscription-form__frequency {
    color: #fff;
    font-size: 24px;
    display: block; }
  ._subscriptionView [dom-overwrite="true"] select.rca-subscription-form__frequency-selector {
    background: #fff;
    color: #2c2c2c;
    position: relative;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
    border-radius: 4px; }
  ._subscriptionView [dom-overwrite="true"] .rca-subscription-form__frequency-selector:focus {
    box-shadow: none !important;
    outline: none !important; }

.rca-subscription-form__buttons-type {
  display: none !important; }

@media (min-width: 551px) {
  .subscription-page .page-heading-container .page-heading-content {
    transform: translate(-50%, -20%) !important; } }

.subscription-page .subscription-text-p {
  color: #224269;
  display: block;
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  font-family: "Sofia Pro";
  line-height: 1;
  max-width: 90%;
  margin: auto; }
  .subscription-page .subscription-text-p span {
    color: #d94941;
    font-weight: bold;
    font-style: italic; }
  @media (max-width: 800px) {
    .subscription-page .subscription-text-p {
      font-size: 20px; } }
  @media (max-width: 550px) {
    .subscription-page .subscription-text-p {
      font-size: 14px; } }

.subscription-page .subscription-steps-container {
  display: flex;
  justify-content: space-evenly;
  column-gap: 20px;
  row-gap: 20px;
  padding: 2.5rem 0;
  margin-bottom: 3rem; }
  @media (max-width: 800px) {
    .subscription-page .subscription-steps-container {
      flex-wrap: nowrap;
      column-gap: 0; } }
  .subscription-page .subscription-steps-container .subscription-step {
    text-align: center;
    position: relative; }
    @media (max-width: 991px) {
      .subscription-page .subscription-steps-container .subscription-step {
        flex: 1;
        width: 20%; } }
    @media (max-width: 800px) {
      .subscription-page .subscription-steps-container .subscription-step {
        flex: none;
        width: 25%; } }
    .subscription-page .subscription-steps-container .subscription-step:after {
      content: '';
      background: url(../png/icon-arrow.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      top: 35%;
      right: 0;
      transform: translate(100%, 0%);
      height: 15px;
      width: 100px; }
      @media (max-width: 1200px) {
        .subscription-page .subscription-steps-container .subscription-step:after {
          width: 30%; } }
      @media (max-width: 991px) {
        .subscription-page .subscription-steps-container .subscription-step:after {
          width: 20%; } }
      @media (max-width: 800px) {
        .subscription-page .subscription-steps-container .subscription-step:after {
          display: none; } }
    .subscription-page .subscription-steps-container .subscription-step:last-child:after {
      display: none; }
    .subscription-page .subscription-steps-container .subscription-step .step-image {
      display: inline-block;
      max-width: 200px;
      width: 80%; }
    .subscription-page .subscription-steps-container .subscription-step .step-content {
      text-align: center; }
      .subscription-page .subscription-steps-container .subscription-step .step-content .step-count {
        text-align: center;
        background: #308ca3;
        color: #FFF;
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%; }
      .subscription-page .subscription-steps-container .subscription-step .step-content .step-label {
        color: #224269;
        display: block;
        font-size: 26px;
        font-weight: 500;
        font-family: "Sofia Pro";
        line-height: 1; }
        @media (max-width: 800px) {
          .subscription-page .subscription-steps-container .subscription-step .step-content .step-label {
            font-size: 20px; } }
        @media (max-width: 550px) {
          .subscription-page .subscription-steps-container .subscription-step .step-content .step-label {
            font-size: 14px; } }

.subscription-page .heading-tabs {
  display: flex;
  justify-content: space-around; }
  .subscription-page .heading-tabs .item-tab .item-tab-title {
    font-family: 'Sofia Pro' , sans-serif;
    color: #2c2c2c;
    font-size: 36px;
    line-height: 1;
    padding: 25px 45px 20px;
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #2f5892;
    border-radius: 50px 50px 0 0;
    border: 5px solid #2f5892;
    border-bottom: none;
    margin-bottom: -5px; }
    .subscription-page .heading-tabs .item-tab .item-tab-title:before, .subscription-page .heading-tabs .item-tab .item-tab-title:after {
      position: absolute;
      bottom: -1px;
      width: 50px;
      height: 50px;
      content: " ";
      background: none; }
    .subscription-page .heading-tabs .item-tab .item-tab-title:before {
      left: -55px;
      border-bottom-right-radius: 50%;
      box-shadow: 5px 20px #2f5892;
      border: 1px; }
    .subscription-page .heading-tabs .item-tab .item-tab-title:after {
      right: -55px;
      border-bottom-left-radius: 50%;
      box-shadow: -5px 20px #2f5892;
      border: 1px; }
    @media (max-width: 550px) {
      .subscription-page .heading-tabs .item-tab .item-tab-title {
        font-size: 26px; } }
  .subscription-page .heading-tabs .item-tab:hover .item-tab-title {
    color: #d44d47; }
  .subscription-page .heading-tabs .item-tab.is-active .item-tab-title {
    background: #2f5892;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 25px 45px 20px;
    border-radius: 50px 50px 0 0;
    border: 5px solid #2f5892; }
  @media (max-width: 800px) {
    .subscription-page .heading-tabs {
      flex-direction: column; }
      .subscription-page .heading-tabs .item-tab {
        order: 1; }
        .subscription-page .heading-tabs .item-tab.is-active {
          order: 2; } }

.subscription-page .content-container {
  background: #2f5892;
  padding-top: 3rem;
  padding-bottom: 3rem; }

@media (min-width: 551px) {
  .subscription-page .productGrid .product {
    width: 29%;
    margin: 1.5%; } }

@media (min-width: 991px) {
  .subscription-page .productGrid .product {
    width: 30%;
    margin: 1.5%; }
  .subscription-page #prepay-content .productGrid .product {
    width: 21%;
    margin: 1.5%; } }

.subscription-page .product-coffee-selection #rectangle-group-label {
  display: none; }

.subscription-page .coffee-heading-divider {
  color: #FFF;
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center; }
  .subscription-page .coffee-heading-divider span {
    text-decoration: underline; }

.subscription-page .productGrid .product a {
  text-decoration: none; }

.subscription-page .productGrid .product .card-figure {
  background: transparent; }

.subscription-page .productGrid .product .card-title {
  color: #FFF;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.2; }

.subscription-page .productGrid .product .card-body p, .subscription-page .productGrid .product .card-body a {
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none; }

.subscription-page .product-option-selection {
  background: #308ca3;
  padding: 0; }
  .subscription-page .product-option-selection .container {
    display: flex;
    align-items: flex-end; }
    @media (max-width: 680px) {
      .subscription-page .product-option-selection .container {
        flex-direction: column; } }
  .subscription-page .product-option-selection .form-field .form-select {
    border-radius: 0; }

.subscription-page .product-option-addtocart {
  background: #308ca3;
  padding: 0;
  position: relative; }
  .subscription-page .product-option-addtocart::before {
    content: '';
    background: url(../png/pdp-wave-bg-inverted.png) repeat-x center top;
    width: 100%;
    position: absolute;
    top: 0%;
    display: block;
    height: 50px;
    margin-top: -45px; }
  @media (max-width: 550px) {
    .subscription-page .product-option-addtocart {
      padding-bottom: 8rem;
      margin-bottom: 0rem;
      margin-top: -1rem;
      padding-top: 3rem; } }
  .subscription-page .product-option-addtocart .add-to-cart-wrapper {
    justify-content: flex-end; }
  @media (min-width: 1260px) {
    .subscription-page .product-option-addtocart .form-field.form-field--increments {
      padding-left: 0;
      padding-right: 0; } }
  .subscription-page .product-option-addtocart .price-section {
    color: #FFF; }
  .subscription-page .product-option-addtocart #savingMessage {
    margin: 0; }

.subscription-page .section-heading {
  text-align: center;
  color: #2ea0a8;
  font-size: 54px;
  font-weight: bold;
  padding-top: 5rem;
  margin-bottom: 3rem;
  text-transform: uppercase; }

.subscription-page .FYI-section p {
  line-height: 2;
  text-align: center;
  -moz-text-align-last: center;
  text-align-last: center;
  color: #224269;
  font-size: 20px;
  font-weight: 500; }

._product-subscription--page .body {
  margin-bottom: 0; }

._product-subscription--page footer.footer {
  margin-top: -95px; }

._product-subscription--page #go-to-addtocart {
  display: none;
  font-size: 20px;
  color: #FFF;
  position: fixed;
  bottom: 0;
  background: #308ca3;
  padding: 1rem 3rem;
  left: 0;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold; }
  @media (max-width: 550px) {
    ._product-subscription--page #go-to-addtocart.is-active {
      display: block; } }

@media (max-width: 800px) {
  ._product-subscription--page [data-test-info-type="tasting-note"] {
    display: block;
    font-size: 1rem;
    color: #FFF !important;
    text-transform: none; } }

._product-subscription--page #consent-manager-update-banner {
  z-index: 2;
  position: relative; }

.css-type_blog-post, .css-type_blog {
  background-color: #2c2c2c; }

.blog-posts.container__blog-post {
  margin: 7rem 0 0; }

.container__blog-post .blog-post-figure {
  width: 100%; }

.container__blog-post .blog-thumbnail {
  max-width: 100%; }

.container__blog-pagination .pagination-list li a, .container__blog-pagination .pagination-list li button {
  color: #fff;
  padding: 0.4rem;
  text-transform: uppercase; }

.container__blog-pagination .pagination-item.number {
  border-color: #e5e5e5;
  border-radius: 100%;
  margin: 0 0.3571428571rem 0 0.7857142857rem;
  background: #fff; }

.container__blog-pagination .pagination-item.pagination-item--current a {
  padding: 0.7rem; }

.container__blog-pagination #prev-page, .container__blog-pagination #next-page {
  padding: 0 0.5rem 0 0.5rem; }

.container__blog-pagination .pagination-item.pagination-item--previous.no-more a, .container__blog-pagination .pagination-link.no-more {
  opacity: 0.4;
  pointer-events: none;
  cursor: default; }

@media screen and (max-width: 355px) {
  .pagination-item--previous.no-more, .pagination-link.no-more {
    display: none; } }

.page-heading.blog {
  padding: 1px 0 50px; }
  @media (min-width: 801px) {
    .page-heading.blog {
      letter-spacing: -6px;
      font-size: 80px;
      line-height: 1.2; } }
  @media (min-width: 1201px) {
    .page-heading.blog {
      letter-spacing: -15px;
      font-size: 160px;
      line-height: 1.2; } }
  .page-heading.blog span {
    letter-spacing: 0; }
  .page-heading.blog span.store-title {
    font-size: 25px !important;
    font-weight: normal;
    text-transform: uppercase; }

.body.blog, .body.blog-post {
  background-color: #2c2c2c;
  margin-top: 0;
  margin-bottom: 0; }

.body.blog-post .blog-post-figure {
  display: none !important; }

.body.blog-post .blog-post-body {
  margin-top: 2rem; }

.blog .socialLinks {
  display: none; }

.page-heading.blog-head {
  color: #fff;
  background-color: #328ea5;
  background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
  background-repeat: repeat;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  text-align: center;
  padding: 0;
  width: 100vw;
  font-size: 100px;
  font-weight: 900;
  padding: 50px 0; }

.page-heading.blog-head span {
  font-size: 18px;
  display: block;
  max-width: 780px;
  width: 90%;
  margin: 30px auto 0 auto; }

.blog-title {
  margin: 0 0 20px 0;
  text-align: left; }

.blog-title a, .blog-date, .blog-author, .blog-post, .blog-post a {
  color: #fff;
  text-align: left; }

.body.blog-post .blog-date {
  display: none;
  margin-top: 10px; }

.blog-posts {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: flex-start; }

.body.blog article.blog {
  flex: 0 1 100%;
  max-width: 49%;
  margin: 10px 0; }

.body.blog .blog-post-body {
  width: 100%; }

.body.blog .blog + .blog {
  border-top: none;
  padding: 0;
  vertical-align: top;
  margin: 10px 0; }

.shg-box.shg-c {
  background-color: unset !important; }

@media screen and (max-width: 700px) {
  .body.blog article.blog {
    max-width: 100%; } }

.video-blog .video-wide-box > div {
  padding-bottom: 56.25%;
  height: 0; }
  .video-blog .video-wide-box > div > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.video-blog .blog-title {
  text-align: center; }

.url-key_collections-blue-label-no:not(.has-activeNavPages) #changeLogo {
  filter: invert(90%); }

.url-key_collections-blue-label-no .page-heading-container .page-heading-background {
  display: block !important;
  width: 100%; }

.url-key_collections-blue-label-no main.body {
  background: #2c2c2c;
  margin-bottom: 0; }

.url-key_collections-blue-label-no .footer-copyright > .powered-by {
  color: #FFF; }

.url-key_collections-blue-label-no .footer-copyright a {
  color: #fff; }

.url-key_collections-blue-label-no .header.is-open span.navUser-item-cartLabel img {
  filter: unset; }

.url-key_collections-blue-label-no .view-all-section .action-btn a {
  background: #ca5d56;
  padding: 1.5rem 0;
  display: inline-block;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
  width: 45%;
  margin: 0 auto;
  font-weight: 600;
  font-size: 16px; }

.url-key_collections-blue-label-no .view-all-section .action-btn {
  display: block;
  text-align: center;
  padding: 6rem 0 6rem;
  background: #2c2c2c; }

.url-key_collections-blue-label-no .past-coffees-section {
  padding: 7rem 0 0;
  background: #2c2c2c; }

.url-key_collections-blue-label-no .grid4-container {
  background: #2c2c2c; }

.url-key_collections-blue-label-no .grid4-container h2 {
  margin: 0 0 1rem;
  text-align: center;
  color: #fff;
  font-size: 56px;
  font-family: "Neuton";
  font-weight: 300;
  letter-spacing: 0; }

.url-key_collections-blue-label-no .grid4-container .current-flex {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 2.5rem; }

.url-key_collections-blue-label-no .grid4-container .current-flex div {
  width: 24%; }

.url-key_collections-blue-label-no .grid4-container .current-flex div a {
  text-decoration: none; }

.url-key_collections-blue-label-no .grid4-container .current-flex div a img {
  width: 100%; }

.url-key_collections-blue-label-no .grid4-container .current-flex p {
  color: #fff;
  margin: 0.5rem 0 0;
  font-size: 12px; }

.url-key_collections-blue-label-no .grid4-container .current-flex h5 {
  color: #fff;
  margin: 0;
  text-transform: capitalize;
  font-weight: 600; }

.url-key_collections-blue-label-no #BlueLabel-Categ .text-container {
  padding: 2.5rem 0;
  background: #2c2c2c;
  text-align: center; }

.url-key_collections-blue-label-no #BlueLabel-Categ .text-container .p-section {
  width: 45%;
  margin: 3rem auto 0;
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
  color: #fff;
  letter-spacing: 1px;
  line-height: 2; }

.url-key_collections-blue-label-no .wave-container {
  width: 60%;
  margin: 5rem auto 2rem; }

.url-key_collections-blue-label-no .imgcenter-container {
  padding: 1rem 0 0;
  background: #2c2c2c; }

.url-key_collections-blue-label-no .imgcenter-container img {
  width: 100%; }

.url-key_collections-blue-label-no .return_coffee-container {
  display: flex;
  justify-content: center;
  margin: 3rem 0 0; }

.url-key_collections-blue-label-no .return-to-coffe {
  display: flex;
  width: 70%; }

.url-key_collections-blue-label-no .return-to-coffe div:first-child {
  width: 25%;
  text-align: center; }

.url-key_collections-blue-label-no .return-to-coffe div:first-child a {
  color: #fff;
  letter-spacing: 1px;
  text-decoration: none; }

.url-key_collections-blue-label-no .return-to-coffe div:last-child {
  text-align: center;
  width: 75%; }

.url-key_collections-blue-label-no .return-to-coffe p {
  width: 75%;
  line-height: 2;
  color: #fff;
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
  margin-top: -4px; }

.url-key_collections-blue-label-no span.navUser-item-cartLabel img {
  filter: invert(1); }

.url-key_collections-blue-label-no .css-type_category .page-heading-container .page-heading-background {
  display: block !important;
  width: 100%; }

.url-key_collections-blue-label-no .page-heading-container .page-heading-content {
  left: 18%;
  top: 15%;
  z-index: 999;
  display: none; }

.url-key_collections-blue-label-no .page-heading-container .page-heading-content .page-heading {
  color: #fff; }

.url-key_collections-blue-label-no .page-heading-content a {
  font-size: 18px;
  color: #fff;
  text-decoration: none; }

.url-key_collections-blue-label-no .page-heading-container {
  background: #2c2c2c; }

.url-key_collections-blue-label-no .d-none {
  display: none; }

.url-key_collections-blue-label-no .header.is-open {
  background-color: #328ea5;
  background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
  background-repeat: repeat; }

@media screen and (max-width: 1260px) {
  .url-key_collections-blue-label-no .flex-container {
    width: 85%; } }

@media screen and (max-width: 992px) {
  .url-key_collections-blue-label-no .page-heading-container .page-heading-content {
    top: 10%; } }

@media screen and (min-width: 801px) {
  .url-key_collections-blue-label-no .header {
    background: #e7e2d8; }
  .url-key_collections-blue-label-no .css-type_category .page-heading-container {
    margin-bottom: 0;
    margin-top: 5%;
    background: #2c2c2c; } }

@media screen and (max-width: 800px) {
  .url-key_collections-blue-label-no .page-heading-container .page-heading-content {
    top: 10%; }
  .url-key_collections-blue-label-no .grid4-container .current-flex div {
    width: 49%; }
  .url-key_collections-blue-label-no .css-type_category .page-heading-container {
    background: #2c2c2c;
    margin-bottom: 0; }
  .url-key_collections-blue-label-no .header {
    background: #e7e2d8; }
  .url-key_collections-blue-label-no #BlueLabel-Categ .text-container .p-section {
    width: 60%; }
  .url-key_collections-blue-label-no .return-to-coffe {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem; }
  .url-key_collections-blue-label-no .return-to-coffe div {
    width: 100% !important; }
  .url-key_collections-blue-label-no .return-to-coffe div p {
    width: 85%;
    margin: 0 auto; } }

@media screen and (max-width: 414px) {
  .url-key_collections-blue-label-no .grid4-container .current-flex div {
    width: 100%; } }

.url-key_farms._css-farms .page-heading-container {
  background: #2c2c2c; }
  .url-key_farms._css-farms .page-heading-container .page-heading-background {
    display: block !important;
    width: 100%; }

@media screen and (min-width: 801px) {
  .url-key_farms._css-farms .header {
    position: absolute; }
    .url-key_farms._css-farms .header:not(.is-open) {
      background: transparent;
      top: 0; }
  .url-key_farms._css-farms .page-heading-container {
    margin-bottom: 0;
    background: #2c2c2c; }
  .url-key_farms._css-farms .page-heading-content {
    transform: translate(-50%, -50%);
    width: 90%; }
    .url-key_farms._css-farms .page-heading-content img {
      display: block;
      margin: auto;
      margin-bottom: 1.5rem; }
    .url-key_farms._css-farms .page-heading-content .container-title-blurb {
      padding-bottom: 0 !important; } }

@media screen and (max-width: 1560px) {
  .url-key_farms._css-farms .page-heading-content {
    transform: translate(-50%, -25%);
    width: 90%; } }

@media screen and (max-width: 1260px) {
  .url-key_farms._css-farms .page-heading-content {
    transform: translate(-50%, -50%);
    width: 90%;
    position: relative; }
    .url-key_farms._css-farms .page-heading-content img {
      display: block;
      margin: auto;
      margin-bottom: 1.5rem; }
    .url-key_farms._css-farms .page-heading-content .container-title-blurb {
      padding-bottom: 0 !important; } }

@media screen and (max-width: 991px) {
  .url-key_farms._css-farms .page-heading-content {
    transform: translate(-50%, -35%);
    width: 90%;
    position: relative;
    left: 50%; } }

.url-key_farms._css-farms .container-place .place-info a {
  color: #EAB92C !important; }
  .url-key_farms._css-farms .container-place .place-info a:hover {
    text-decoration: underline; }

@media (max-width: 800px) {
  .url-key_farms._css-farms .container-place .col-place {
    flex: 0 0 100%; } }

.url-key_farms._css-farms .f-txt-over-img {
  position: relative; }
  .url-key_farms._css-farms .f-txt-over-img img {
    display: block;
    filter: brightness(80%);
    border-radius: 25px; }
  .url-key_farms._css-farms .f-txt-over-img label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #f5f3ef;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 4vw;
    line-height: 1;
    text-align: center; }
    @media (min-width: 1560px) {
      .url-key_farms._css-farms .f-txt-over-img label {
        font-size: 54px; } }
    @media (max-width: 800px) {
      .url-key_farms._css-farms .f-txt-over-img label {
        font-size: 9vw; } }

.url-key_farms._css-farms .container-farm-tabs .body-tab {
  background-color: #328ea5;
  background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
  background-repeat: repeat; }

@media (max-width: 800px) {
  .header-tab .title-tab {
    overflow-wrap: break-word;
    padding: 0px 40px 0px 30px; } }

@media (max-width: 550px) {
  .header-tab .title-tab {
    text-align: left !important;
    width: 100% !important; }
  .cursor-tab {
    margin-right: 20px !important; } }

@media (max-width: 480px) {
  .header-tab .title-tab {
    font-size: 16px; } }

.url-key_farms-la-providencia,
.url-key_farms-auromar-estate,
.url-key_la-providencia,
.url-key_auromar-estate,
._css-farms:not(.url-key_farms) {
  background: #2c2c2c; }
  @media screen and (min-width: 801px) {
    .url-key_farms-la-providencia:not(.has-activeNavPages) #changeLogo,
    .url-key_farms-auromar-estate:not(.has-activeNavPages) #changeLogo,
    .url-key_la-providencia:not(.has-activeNavPages) #changeLogo,
    .url-key_auromar-estate:not(.has-activeNavPages) #changeLogo,
    ._css-farms:not(.url-key_farms):not(.has-activeNavPages) #changeLogo {
      filter: invert(90%); } }
  .url-key_farms-la-providencia .header.is-open,
  .url-key_farms-auromar-estate .header.is-open,
  .url-key_la-providencia .header.is-open,
  .url-key_auromar-estate .header.is-open,
  ._css-farms:not(.url-key_farms) .header.is-open {
    background-color: #328ea5;
    background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
    background-repeat: repeat; }
  .url-key_farms-la-providencia .container-full-width.abs-con,
  .url-key_farms-auromar-estate .container-full-width.abs-con,
  .url-key_la-providencia .container-full-width.abs-con,
  .url-key_auromar-estate .container-full-width.abs-con,
  ._css-farms:not(.url-key_farms) .container-full-width.abs-con {
    margin-top: -17vw; }
  .url-key_farms-la-providencia .blogsection,
  .url-key_farms-auromar-estate .blogsection,
  .url-key_la-providencia .blogsection,
  .url-key_auromar-estate .blogsection,
  ._css-farms:not(.url-key_farms) .blogsection {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto; }
  .url-key_farms-la-providencia .blogsection div,
  .url-key_farms-auromar-estate .blogsection div,
  .url-key_la-providencia .blogsection div,
  .url-key_auromar-estate .blogsection div,
  ._css-farms:not(.url-key_farms) .blogsection div {
    width: 49.5%; }
  .url-key_farms-la-providencia .blogsection div img,
  .url-key_farms-auromar-estate .blogsection div img,
  .url-key_la-providencia .blogsection div img,
  .url-key_auromar-estate .blogsection div img,
  ._css-farms:not(.url-key_farms) .blogsection div img {
    width: 100%; }
  .url-key_farms-la-providencia .blogsection div p,
  .url-key_farms-auromar-estate .blogsection div p,
  .url-key_la-providencia .blogsection div p,
  .url-key_auromar-estate .blogsection div p,
  ._css-farms:not(.url-key_farms) .blogsection div p {
    margin: 0.8rem 0 0;
    color: #fff; }
  .url-key_farms-la-providencia .grid4-container.mt-5,
  .url-key_farms-auromar-estate .grid4-container.mt-5,
  .url-key_la-providencia .grid4-container.mt-5,
  .url-key_auromar-estate .grid4-container.mt-5,
  ._css-farms:not(.url-key_farms) .grid4-container.mt-5 {
    padding: 3rem 0 0; }
  .url-key_farms-la-providencia .grid4-container,
  .url-key_farms-auromar-estate .grid4-container,
  .url-key_la-providencia .grid4-container,
  .url-key_auromar-estate .grid4-container,
  ._css-farms:not(.url-key_farms) .grid4-container {
    background: #2c2c2c; }
  .url-key_farms-la-providencia .grid4-container h2,
  .url-key_farms-auromar-estate .grid4-container h2,
  .url-key_la-providencia .grid4-container h2,
  .url-key_auromar-estate .grid4-container h2,
  ._css-farms:not(.url-key_farms) .grid4-container h2 {
    margin: 0 0 1rem;
    text-align: center;
    color: #fff;
    font-size: 56px;
    font-family: "Neuton";
    font-weight: 300;
    letter-spacing: 0; }
  .url-key_farms-la-providencia .grid4-container .current-flex,
  .url-key_farms-auromar-estate .grid4-container .current-flex,
  .url-key_la-providencia .grid4-container .current-flex,
  .url-key_auromar-estate .grid4-container .current-flex,
  ._css-farms:not(.url-key_farms) .grid4-container .current-flex {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 2.5rem; }
  .url-key_farms-la-providencia .grid4-container .current-flex div,
  .url-key_farms-auromar-estate .grid4-container .current-flex div,
  .url-key_la-providencia .grid4-container .current-flex div,
  .url-key_auromar-estate .grid4-container .current-flex div,
  ._css-farms:not(.url-key_farms) .grid4-container .current-flex div {
    width: 24%; }
  .url-key_farms-la-providencia .grid4-container .current-flex div a,
  .url-key_farms-auromar-estate .grid4-container .current-flex div a,
  .url-key_la-providencia .grid4-container .current-flex div a,
  .url-key_auromar-estate .grid4-container .current-flex div a,
  ._css-farms:not(.url-key_farms) .grid4-container .current-flex div a {
    text-decoration: none; }
  .url-key_farms-la-providencia .grid4-container .current-flex div a img,
  .url-key_farms-auromar-estate .grid4-container .current-flex div a img,
  .url-key_la-providencia .grid4-container .current-flex div a img,
  .url-key_auromar-estate .grid4-container .current-flex div a img,
  ._css-farms:not(.url-key_farms) .grid4-container .current-flex div a img {
    width: 100%; }
  .url-key_farms-la-providencia .grid4-container .current-flex p,
  .url-key_farms-auromar-estate .grid4-container .current-flex p,
  .url-key_la-providencia .grid4-container .current-flex p,
  .url-key_auromar-estate .grid4-container .current-flex p,
  ._css-farms:not(.url-key_farms) .grid4-container .current-flex p {
    color: #fff;
    margin: 0.5rem 0 0;
    font-size: 12px; }
  .url-key_farms-la-providencia .grid4-container .current-flex h5,
  .url-key_farms-auromar-estate .grid4-container .current-flex h5,
  .url-key_la-providencia .grid4-container .current-flex h5,
  .url-key_auromar-estate .grid4-container .current-flex h5,
  ._css-farms:not(.url-key_farms) .grid4-container .current-flex h5 {
    color: #fff;
    margin: 0;
    text-transform: capitalize;
    font-weight: 600; }
  .url-key_farms-la-providencia .wave-container,
  .url-key_farms-auromar-estate .wave-container,
  .url-key_la-providencia .wave-container,
  .url-key_auromar-estate .wave-container,
  ._css-farms:not(.url-key_farms) .wave-container {
    width: 90%;
    margin: 3rem auto 5rem; }
  .url-key_farms-la-providencia .container-full-width #clear,
  .url-key_farms-auromar-estate .container-full-width #clear,
  .url-key_la-providencia .container-full-width #clear,
  .url-key_auromar-estate .container-full-width #clear,
  ._css-farms:not(.url-key_farms) .container-full-width #clear {
    clear: both;
    width: 81%;
    margin: 0;
    padding: 0;
    text-align: justify; }
  .url-key_farms-la-providencia .container-full-width #clear p,
  .url-key_farms-auromar-estate .container-full-width #clear p,
  .url-key_la-providencia .container-full-width #clear p,
  .url-key_auromar-estate .container-full-width #clear p,
  ._css-farms:not(.url-key_farms) .container-full-width #clear p {
    margin: 0.2rem 0 0 auto;
    width: 75%; }
  .url-key_farms-la-providencia .pic-with-text img,
  .url-key_farms-auromar-estate .pic-with-text img,
  .url-key_la-providencia .pic-with-text img,
  .url-key_auromar-estate .pic-with-text img,
  ._css-farms:not(.url-key_farms) .pic-with-text img {
    position: relative;
    float: left;
    width: 100%; }
  .url-key_farms-la-providencia .text-section,
  .url-key_farms-auromar-estate .text-section,
  .url-key_la-providencia .text-section,
  .url-key_auromar-estate .text-section,
  ._css-farms:not(.url-key_farms) .text-section {
    width: 70%;
    margin: 0 auto; }
  .url-key_farms-la-providencia .text-section p,
  .url-key_farms-auromar-estate .text-section p,
  .url-key_la-providencia .text-section p,
  .url-key_auromar-estate .text-section p,
  ._css-farms:not(.url-key_farms) .text-section p {
    color: #fff;
    text-align: justify; }
  .url-key_farms-la-providencia .text-section.absolute p, .url-key_farms-la-providencia .text-section.absolute,
  .url-key_farms-auromar-estate .text-section.absolute p,
  .url-key_farms-auromar-estate .text-section.absolute,
  .url-key_la-providencia .text-section.absolute p,
  .url-key_la-providencia .text-section.absolute,
  .url-key_auromar-estate .text-section.absolute p,
  .url-key_auromar-estate .text-section.absolute,
  ._css-farms:not(.url-key_farms) .text-section.absolute p,
  ._css-farms:not(.url-key_farms) .text-section.absolute {
    margin: 0;
    text-align: justify; }
  .url-key_farms-la-providencia .pic-with-text,
  .url-key_farms-auromar-estate .pic-with-text,
  .url-key_la-providencia .pic-with-text,
  .url-key_auromar-estate .pic-with-text,
  ._css-farms:not(.url-key_farms) .pic-with-text {
    position: relative;
    width: 50%;
    display: flex;
    align-items: flex-end; }
  .url-key_farms-la-providencia .text-section.absolute,
  .url-key_farms-auromar-estate .text-section.absolute,
  .url-key_la-providencia .text-section.absolute,
  .url-key_auromar-estate .text-section.absolute,
  ._css-farms:not(.url-key_farms) .text-section.absolute {
    position: absolute;
    width: 90%;
    left: 72%;
    margin-top: auto;
    /* bottom: 0; */ }
  .url-key_farms-la-providencia .farm-info,
  .url-key_farms-auromar-estate .farm-info,
  .url-key_la-providencia .farm-info,
  .url-key_auromar-estate .farm-info,
  ._css-farms:not(.url-key_farms) .farm-info {
    padding: 4rem 0; }
  .url-key_farms-la-providencia .text-section p,
  .url-key_farms-auromar-estate .text-section p,
  .url-key_la-providencia .text-section p,
  .url-key_auromar-estate .text-section p,
  ._css-farms:not(.url-key_farms) .text-section p {
    font-size: 16px; }
    @media (max-width: 800px) {
      .url-key_farms-la-providencia .text-section p,
      .url-key_farms-auromar-estate .text-section p,
      .url-key_la-providencia .text-section p,
      .url-key_auromar-estate .text-section p,
      ._css-farms:not(.url-key_farms) .text-section p {
        font-size: 14px; } }
    .url-key_farms-la-providencia .text-section p label,
    .url-key_farms-auromar-estate .text-section p label,
    .url-key_la-providencia .text-section p label,
    .url-key_auromar-estate .text-section p label,
    ._css-farms:not(.url-key_farms) .text-section p label {
      color: #fff; }
  .url-key_farms-la-providencia .page-heading-container,
  .url-key_farms-auromar-estate .page-heading-container,
  .url-key_la-providencia .page-heading-container,
  .url-key_auromar-estate .page-heading-container,
  ._css-farms:not(.url-key_farms) .page-heading-container {
    background: #2c2c2c; }
  .url-key_farms-la-providencia .page-heading-container .page-heading-background,
  .url-key_farms-auromar-estate .page-heading-container .page-heading-background,
  .url-key_la-providencia .page-heading-container .page-heading-background,
  .url-key_auromar-estate .page-heading-container .page-heading-background,
  ._css-farms:not(.url-key_farms) .page-heading-container .page-heading-background {
    display: block !important;
    width: 100%; }
  .url-key_farms-la-providencia .page-heading-container .page-heading-content,
  .url-key_farms-auromar-estate .page-heading-container .page-heading-content,
  .url-key_la-providencia .page-heading-container .page-heading-content,
  .url-key_auromar-estate .page-heading-container .page-heading-content,
  ._css-farms:not(.url-key_farms) .page-heading-container .page-heading-content {
    left: 15%;
    top: 20%;
    z-index: 10;
    position: absolute;
    transform: translate(-25%, -50%);
    width: auto; }
    @media screen and (max-width: 800px) {
      .url-key_farms-la-providencia .page-heading-container .page-heading-content,
      .url-key_farms-auromar-estate .page-heading-container .page-heading-content,
      .url-key_la-providencia .page-heading-container .page-heading-content,
      .url-key_auromar-estate .page-heading-container .page-heading-content,
      ._css-farms:not(.url-key_farms) .page-heading-container .page-heading-content {
        position: relative;
        margin: 1rem 0 1rem 2rem;
        z-index: 1;
        top: 0 !important;
        left: unset;
        display: block;
        transform: unset; } }
  .url-key_farms-la-providencia .page-heading-container .page-heading-content .page-heading,
  .url-key_farms-auromar-estate .page-heading-container .page-heading-content .page-heading,
  .url-key_la-providencia .page-heading-container .page-heading-content .page-heading,
  .url-key_auromar-estate .page-heading-container .page-heading-content .page-heading,
  ._css-farms:not(.url-key_farms) .page-heading-container .page-heading-content .page-heading {
    color: #fff; }
  .url-key_farms-la-providencia .page-heading-content a,
  .url-key_farms-auromar-estate .page-heading-content a,
  .url-key_la-providencia .page-heading-content a,
  .url-key_auromar-estate .page-heading-content a,
  ._css-farms:not(.url-key_farms) .page-heading-content a {
    font-size: 18px;
    color: #fff;
    text-decoration: none; }
  .url-key_farms-la-providencia .d-none,
  .url-key_farms-auromar-estate .d-none,
  .url-key_la-providencia .d-none,
  .url-key_auromar-estate .d-none,
  ._css-farms:not(.url-key_farms) .d-none {
    display: none; }
  @media screen and (max-width: 1260px) {
    .url-key_farms-la-providencia .flex-container,
    .url-key_farms-auromar-estate .flex-container,
    .url-key_la-providencia .flex-container,
    .url-key_auromar-estate .flex-container,
    ._css-farms:not(.url-key_farms) .flex-container {
      width: 85%; } }
  @media screen and (max-width: 992px) {
    .url-key_farms-la-providencia .page-heading-container .page-heading-content,
    .url-key_farms-auromar-estate .page-heading-container .page-heading-content,
    .url-key_la-providencia .page-heading-container .page-heading-content,
    .url-key_auromar-estate .page-heading-container .page-heading-content,
    ._css-farms:not(.url-key_farms) .page-heading-container .page-heading-content {
      top: 10%; }
    .url-key_farms-la-providencia .container-full-width.abs-con,
    .url-key_farms-auromar-estate .container-full-width.abs-con,
    .url-key_la-providencia .container-full-width.abs-con,
    .url-key_auromar-estate .container-full-width.abs-con,
    ._css-farms:not(.url-key_farms) .container-full-width.abs-con {
      margin-top: 0; } }
  @media screen and (min-width: 801px) {
    .url-key_farms-la-providencia .header,
    .url-key_farms-auromar-estate .header,
    .url-key_la-providencia .header,
    .url-key_auromar-estate .header,
    ._css-farms:not(.url-key_farms) .header {
      position: absolute;
      background: transparent; }
    .url-key_farms-la-providencia .page-heading-container,
    .url-key_farms-auromar-estate .page-heading-container,
    .url-key_la-providencia .page-heading-container,
    .url-key_auromar-estate .page-heading-container,
    ._css-farms:not(.url-key_farms) .page-heading-container {
      margin-bottom: 0;
      padding-bottom: 0; } }
  @media screen and (max-width: 800px) {
    .url-key_farms-la-providencia .page-heading-container .page-heading-content,
    .url-key_farms-auromar-estate .page-heading-container .page-heading-content,
    .url-key_la-providencia .page-heading-container .page-heading-content,
    .url-key_auromar-estate .page-heading-container .page-heading-content,
    ._css-farms:not(.url-key_farms) .page-heading-container .page-heading-content {
      top: 10%; }
    .url-key_farms-la-providencia .page-heading-container,
    .url-key_farms-auromar-estate .page-heading-container,
    .url-key_la-providencia .page-heading-container,
    .url-key_auromar-estate .page-heading-container,
    ._css-farms:not(.url-key_farms) .page-heading-container {
      margin-bottom: 0 !important; }
    .url-key_farms-la-providencia .flex-container,
    .url-key_farms-auromar-estate .flex-container,
    .url-key_la-providencia .flex-container,
    .url-key_auromar-estate .flex-container,
    ._css-farms:not(.url-key_farms) .flex-container {
      padding-bottom: 3rem; }
    .url-key_farms-la-providencia .pic-with-text,
    .url-key_farms-auromar-estate .pic-with-text,
    .url-key_la-providencia .pic-with-text,
    .url-key_auromar-estate .pic-with-text,
    ._css-farms:not(.url-key_farms) .pic-with-text {
      display: unset;
      align-items: unset; }
    .url-key_farms-la-providencia .text-section.absolute,
    .url-key_farms-auromar-estate .text-section.absolute,
    .url-key_la-providencia .text-section.absolute,
    .url-key_auromar-estate .text-section.absolute,
    ._css-farms:not(.url-key_farms) .text-section.absolute {
      position: unset;
      width: 75%;
      left: 0;
      margin: 0 auto;
      padding: 0; }
    .url-key_farms-la-providencia .container-full-width #clear,
    .url-key_farms-auromar-estate .container-full-width #clear,
    .url-key_la-providencia .container-full-width #clear,
    .url-key_auromar-estate .container-full-width #clear,
    ._css-farms:not(.url-key_farms) .container-full-width #clear {
      clear: both;
      width: 75%;
      margin: 0 auto;
      padding: 0;
      text-align: justify; }
    .url-key_farms-la-providencia .container-full-width #clear p,
    .url-key_farms-auromar-estate .container-full-width #clear p,
    .url-key_la-providencia .container-full-width #clear p,
    .url-key_auromar-estate .container-full-width #clear p,
    ._css-farms:not(.url-key_farms) .container-full-width #clear p {
      width: 100%; }
    .url-key_farms-la-providencia .text-section,
    .url-key_farms-auromar-estate .text-section,
    .url-key_la-providencia .text-section,
    .url-key_auromar-estate .text-section,
    ._css-farms:not(.url-key_farms) .text-section {
      width: 75%;
      margin: 0 auto 3.5rem;
      padding: 0; } }
  @media screen and (max-width: 768px) {
    .url-key_farms-la-providencia .flex-container,
    .url-key_farms-auromar-estate .flex-container,
    .url-key_la-providencia .flex-container,
    .url-key_auromar-estate .flex-container,
    ._css-farms:not(.url-key_farms) .flex-container {
      flex-wrap: wrap;
      justify-content: center;
      row-gap: 2.5rem; } }
  @media screen and (max-width: 678px) {
    .url-key_farms-la-providencia .info-section div,
    .url-key_farms-auromar-estate .info-section div,
    .url-key_la-providencia .info-section div,
    .url-key_auromar-estate .info-section div,
    ._css-farms:not(.url-key_farms) .info-section div {
      width: 70%;
      margin: 0 auto; }
    .url-key_farms-la-providencia .info-section .hours-section h4,
    .url-key_farms-auromar-estate .info-section .hours-section h4,
    .url-key_la-providencia .info-section .hours-section h4,
    .url-key_auromar-estate .info-section .hours-section h4,
    ._css-farms:not(.url-key_farms) .info-section .hours-section h4 {
      width: auto; } }
  @media screen and (max-width: 515px) {
    .url-key_farms-la-providencia span.left-m, .url-key_farms-la-providencia span.left-m1,
    .url-key_farms-auromar-estate span.left-m,
    .url-key_farms-auromar-estate span.left-m1,
    .url-key_la-providencia span.left-m,
    .url-key_la-providencia span.left-m1,
    .url-key_auromar-estate span.left-m,
    .url-key_auromar-estate span.left-m1,
    ._css-farms:not(.url-key_farms) span.left-m,
    ._css-farms:not(.url-key_farms) span.left-m1 {
      display: block;
      margin: 0; } }

@media screen and (min-width: 801px) {
  .url-key_farms-santa-ana:not(.has-activeNavPages) #changeLogo {
    filter: none; } }

div#productListing--section .actionBar {
  display: none; }

#productListing--section .card-body .card-text[data-test-info-type="brandName"] {
  font-size: 12px;
  margin: 0; }

#productListing--section .card-body .card-text {
  color: #fff; }

#productListing--section .card-title > a {
  color: #fff; }

#productListing--section h2 {
  margin: 0 0 1rem;
  text-align: center;
  color: #fff;
  font-size: 56px;
  font-family: "Neuton";
  font-weight: 300;
  letter-spacing: 0; }

#productListing--section .actionBar {
  width: 81%;
  margin: 0 auto; }

#productListing--section .productGrid {
  width: 82%;
  margin: 0 auto; }

#productListing--section .productGrid li {
  padding: 0 0.35rem; }

#productListing--section .slick-next, #productListing--section .slick-prev {
  background: transparent;
  border: 0; }

@media screen and (max-width: 1260px) {
  #productListing--section .slick-next {
    right: -3.3571428571rem; } }

@media screen and (max-width: 1260px) {
  #productListing--section .slick-prev {
    left: -3.3571428571rem; } }

body.css-type_page.url-key_videos {
  padding-top: 0;
  background: #2c2c2c; }
  body.css-type_page.url-key_videos .container {
    max-width: 80%; }
  body.css-type_page.url-key_videos .page-content--centered {
    width: 100%; }
  body.css-type_page.url-key_videos .header {
    position: relative;
    background-color: #328ea5;
    border-bottom: 1px solid #328ea5;
    background-color: #328ea5;
    background-image: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/img/global/gggrain.svg");
    background-repeat: repeat; }
  body.css-type_page.url-key_videos .videos-grid {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    row-gap: 2.5rem;
    margin-bottom: 4rem; }
  body.css-type_page.url-key_videos .videos-grid .content {
    width: 49%; }
  body.css-type_page.url-key_videos .videos-grid .content .video-con {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 50.25%; }
  body.css-type_page.url-key_videos .videos-grid .content .video-con iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; }
  body.css-type_page.url-key_videos .videos-grid .content a {
    color: #fff;
    margin: 1rem 0 0;
    display: block;
    text-decoration: none; }
  body.css-type_page.url-key_videos .footer {
    background: url(../png/footer-bg-inverted-vids.png) repeat-x center top;
    background-color: #454545; }
  @media screen and (min-width: 801px) {
    body.css-type_page.url-key_videos .url-key_cafes .page-heading-container .page-heading-background {
      height: 300px; }
    body.css-type_page.url-key_videos .page-heading-container .page-heading-content {
      top: 40%; } }
  @media screen and (max-width: 800px) {
    body.css-type_page.url-key_videos .videos-grid .content {
      width: 100%; }
    body.css-type_page.url-key_videos .videos-grid .content .video-con {
      padding-top: 54.25%; } }
  body.css-type_page.url-key_videos .simple-pagination ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    text-align: center; }
  body.css-type_page.url-key_videos .simple-pagination li {
    display: inline-block;
    margin: 0 10px; }
  body.css-type_page.url-key_videos .simple-pagination li a,
  body.css-type_page.url-key_videos .simple-pagination li span {
    color: #666;
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid #EEE;
    background-color: #FFF;
    box-shadow: 0px 0px 10px 0px #EEE; }
  body.css-type_page.url-key_videos .simple-pagination .current {
    color: #FFF;
    background-color: #fff;
    border-color: #fff;
    border-radius: 100%;
    box-shadow: unset;
    padding: 4px 8px;
    font-size: 12px;
    margin: 0 8px; }
  body.css-type_page.url-key_videos .simple-pagination li:not(.acive) .page-link {
    padding: 0px 4px;
    font-size: 6px; }
  body.css-type_page.url-key_videos div#pagination-container, body.css-type_page.url-key_videos div#pagination-container ul {
    position: relative; }
  body.css-type_page.url-key_videos .simple-pagination .current.prev, body.css-type_page.url-key_videos .simple-pagination .current.next, body.css-type_page.url-key_videos a.page-link.next, body.css-type_page.url-key_videos a.page-link.prev {
    position: absolute;
    top: 0;
    color: #fff !important;
    content: "Previous";
    background: transparent;
    border: 0 !important;
    box-shadow: unset !important;
    text-transform: uppercase;
    letter-spacing: 2px; }
    @media screen and (max-width: 550px) {
      body.css-type_page.url-key_videos .simple-pagination .current.prev, body.css-type_page.url-key_videos .simple-pagination .current.next, body.css-type_page.url-key_videos a.page-link.next, body.css-type_page.url-key_videos a.page-link.prev {
        position: relative; } }
  body.css-type_page.url-key_videos a.page-link.next, body.css-type_page.url-key_videos .simple-pagination .current.next {
    right: 0; }
  body.css-type_page.url-key_videos .simple-pagination .current.prev, body.css-type_page.url-key_videos a.page-link.prev {
    left: 0; }
  body.css-type_page.url-key_videos .simple-pagination li:not(.active) a.page-link {
    background: #fff;
    color: #fff !important;
    padding: 2px 6px !important;
    border-radius: 100%;
    box-shadow: unset !important; }
  body.css-type_page.url-key_videos .simple-pagination li.active .current {
    padding: 0px 10px;
    font-size: 14px;
    margin: 0; }
  body.css-type_page.url-key_videos span.current.prev, body.css-type_page.url-key_videos span.current.next {
    opacity: 0.4; }
    @media screen and (max-width: 550px) {
      body.css-type_page.url-key_videos span.current.prev, body.css-type_page.url-key_videos span.current.next {
        display: none; } }

.url-key_video-sample .body {
  margin-bottom: 0; }

.video-container {
  position: relative;
  left: 50%;
  margin-left: -50vw;
  text-align: center;
  background: #000;
  margin-top: -2.5rem;
  padding: 0;
  height: 1000px;
  width: 100vw; }

.video-container iframe {
  width: 100%;
  max-width: 1700px;
  height: 100%; }

.video-main {
  position: relative;
  left: 50%;
  margin-left: -50vw;
  background: #2c2c2c;
  width: 100vw;
  margin-top: -2.5rem;
  padding: 50px 0; }

.video-content {
  width: 90%;
  max-width: 1521px;
  margin: 0 auto; }

.video-title, .video-desc, .video-date, .reference-sectitle, .reference-categ, .reference-title {
  color: #fff; }

.video-title {
  font-size: 30px;
  font-weight: 700; }

.video-desc {
  font-size: 18px;
  margin-top: 20px; }

.video-date {
  font-size: 13px; }

.container.product-reference {
  text-align: Center; }

.reference-sectitle {
  font-size: 60px;
  margin-bottom: 20px; }

.reference-products {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: flex-start;
  text-align: left; }

.reference-product {
  flex: 0 1 100%;
  max-width: 23%; }

.reference-product img {
  width: 100%;
  margin-bottom: 10px; }

.reference-categ {
  font-size: 13px; }

.reference-title {
  font-size: 18px;
  font-weight: 700; }

@media screen and (max-width: 1620px) {
  .video-container {
    height: 50vw; } }

@media screen and (max-width: 1024px) {
  .reference-sectitle {
    font-size: 42px; } }

@media screen and (max-width: 768px) {
  .reference-sectitle {
    font-size: 36px; }
  .reference-product {
    flex: 0 1 100%;
    max-width: 48%; } }

@media screen and (max-width: 476px) {
  .reference-sectitle {
    font-size: 32px; } }

@media screen and (max-width: 414px) {
  .reference-sectitle {
    font-size: 28; }
  .reference-product {
    flex: 0 1 100%;
    max-width: 100%; } }

/* mr-dafoe-regular - latin */
@font-face {
  font-family: 'MrDafoe';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/mr-dafoe-v14-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/mr-dafoe-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/mr-dafoe-v14-latin-regular.woff2") format("woff2"), url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/mr-dafoe-v14-latin-regular.woff") format("woff"), url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/mr-dafoe-v14-latin-regular.ttf") format("truetype"), url("https://cdn11.bigcommerce.com/s-6kmna89w1k/stencil/fd854c80-2af4-013d-c4d2-6a62f367df14/e/6d145830-1e01-013e-9e4d-2a20c318f36c/fonts/mr-dafoe-v14-latin-regular.svg#MrDafoe") format("svg");
  /* Legacy iOS */ }

/*
.bressi-banner{
	position: relative;
    left: 50%;
    margin-left: -50vw;
	text-align:center;
	padding:0;
    width:100vw;
}
.css-type_category.url-key_cafes-bressi-ranch .header .container{
	max-width:80vw;
}
.cafe-below-banner{
		position: relative;
		left: 50%;
		margin-left: -50vw;
		text-align:center;
		padding:0;
		width:100vw;
		background:url(https://cdn11.bigcommerce.com/s-6kmna89w1k/images/stencil/original/image-manager/below-banner-bg.png);
		background-size:cover;
		background-repeat:no-repeat;
		padding:50px 0;
	}
.cafe-below-banner-content{
	justify-content:space-between;
	display:flex;
	flex-flow:row wrap;
	align-items:flex-start;
}
.cafe-store-details{
	justify-content:space-between;
	display:flex;
	flex-flow:row wrap;
	align-items:flex-start;
	width:40%;
}
.store-detail{
	text-align:left;
	color:#fff;
	flex:0 1 100%;
	max-width:45%;
}

.store-detail ul{
	list-style:none;
	padding-left:0;
	margin-left:0;
}
.store-detail h4{
	color:#fff;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:10px;
	width:100%;
	padding-bottom:10px;
	border-bottom:2px solid #fff;
	font-size:24px;
	margin-top:0;
}
.store-detail p{
	color:#fff;
	font-size:18px;
	padding:0;
	margin:0;
}
.cafe-store-btns{
	width:fit-content
}
.store-btn{
	color:#308ca3;
	padding:15px 30px;
	text-transform:uppercase;
	background:#fff;
	border:1px solid #fff;
	border-radius:30px;
	display:block;
	font-size:18px;
	text-decoration:none;
	font-weight:600;
	letter-spacing:8px;
}
.store-btn:first-child{
	margin-bottom:20px;
}
.container.bressiracnh-blurb{
	margin:30px 0 80px 0;
}
.bressiracnh-blurb-title{
	font-family:MrDafoe;
	color:#308ca3;
	font-size:60px;
}
.bressiracnh-blurb-desc{
	font-size:21px;
	font-weight:600;
	text-align:justify;
}
.container.store-main-menu{
	justify-content:space-between;
	display:flex;
	flex-flow:row wrap;
	align-items:flex-start;
	margin:50px 0;
}

.store-menu{
	flex:0 1 100%;
	max-width:49%;
	justify-content:space-between;
	display:flex;
	flex-flow:row wrap;
	align-items:flex-start;
	margin:10px 0;
}
.menu-img{
	flex:0 1 100%;
	max-width:49%;
}
.menu-details{
	flex:0 1 100%;
	max-width:49%;
}
.store-menu.no-img .menu-img{
	flex:0 1 100%;
	max-width:90%;
}	
.store-menu.no-img .menu-details{
	flex:0 1 100%;
	max-width:10%;
	width:fit-content;
}
.menu-details h3,.menu-img h3{
	margin-top:0;
	margin-bottom:5px;
	letter-spacing:5px;
	font-weight:700;
	text-transform:uppercase;
	font-size:18px;
	color:#2c2c2c;
}
.menu-subname{
	color:#2f5892;
	font-size:14px;
	font-weight:600;
}
.menu-price{
	color:#2f5892;
	font-size:16px;
	font-weight:700;
	color:#2c2c2c;
	margin:10px 0;
}

.menu-price span{
	font-size:12px;
	text-decoration:underline;
	position:absolute;
}
.menu-price span.price-special{
	font-family:MrDafoe;
	position:inherit;
	text-decoration:none;
	font-size:16px;
}
@media screen and (max-width:1260px){
	.css-type_category.url-key_cafes-bressi-ranch .header .container{
		max-width:90vw;
	}
}
@media screen and (max-width:900px){
	.cafe-store-details{
		width: 60%;
	}
}
@media screen and (max-width:800px){
	
		.menu-img{
			max-width:100%;
			margin-bottom:10px;
		}
		.menu-details{
			max-width:100%;
		}
		
	.store-menu.no-img{
			max-width:100%;
	}
	.cafe-store-details {
		width: 100%;
		margin-bottom:20px;
	}
	.cafe-below-banner-content{
		justify-content:center;
	}
}
@media screen and (max-width:611px){	

	.store-menu{
			max-width:100%;
	}
}

@media screen and (max-width:600px){	
	.store-menu.no-img .menu-img,.store-menu.no-img .menu-details{
			max-width: 100%;
	}
	.css-type_category.url-key_cafes-bressi-ranch main{
		margin-bottom:0;
	}
}
*/
.welcome-heading {
  font-size: 32px;
  text-align: center;
  font-weight: bold;
  font-family: Poppins,sans-serif; }
  @media (min-width: 801px) {
    .welcome-heading {
      font-size: 42px; } }

.cart-list {
  border-top: 1px solid #000; }
  .cart-list .cart-item {
    border-bottom: 1px solid #000; }

.cart-remove {
  background-color: #FFF;
  margin-top: -3px;
  padding: 0; }

.button--primary {
  background-color: #d94941;
  border-color: #d94941;
  color: white;
  text-transform: uppercase;
  font-weight: 500; }

.cart-actions .button--primary {
  border-radius: 15px; }

@media (min-width: 801px) {
  .css-type_cart .cart-item {
    border: 1px solid; }
  .css-type_cart .cart-remove {
    margin-right: 5px; } }

@media (min-width: 551px) {
  .css-type_page.url-key_gift-cards .page-heading-container .page-heading-content .page-heading {
    color: #FFFFFF; } }

.css-type_page.url-key_gift-cards .flex-box .action-button {
  margin: 15px; }
  .css-type_page.url-key_gift-cards .flex-box .action-button img {
    max-width: 100%; }

.getnewpassword {
  margin-bottom: 200px; }

@media (max-width: 480px) {
  .subscription-page .section-heading {
    font-size: 40px; } }

@media (max-width: 480px) {
  .subscription-page .section-heading {
    font-size: 36px; } }

.url-key_login-php footer.footer, .url-key_subscribe-php footer.footer, .url-key_cart-php footer.footer {
  margin-top: 0px; }