/*
Theme Name: LABROAST
Theme URI: https://steves-cool-themes.com
Description: This is a child theme for Shopkeeper.
Author: Stephan Zweers
Author URI: https://labroast.com
Template: shopkeeper
Version: 1.5
GitHub Theme URI: https://github.com/timvandevelde/labroast
*/
/* BREAKPOINTS
---------------------------------------------------*/
@media only screen and (min-width: 48em) {
  .mobile-only {
    display: none; } }

@media only screen and (max-width: 47.9375em) {
  .desktop-only {
    display: none; } }

/* THEME COLORS
---------------------------------------------------*/
/* THEME LAYOUT
---------------------------------------------------*/
/* THEME TYPOGRAPHY
---------------------------------------------------*/
html body {
  color: #383028; }

@media only screen and (min-width: 48em) {
  h1, .h1, html body.archive .page-title {
    font-size: 80px;
    line-height: 1.05; } }

h3, .h3, body.product-template-default .product_layout_classic .product > .row .product_summary_middle .product_title,
body.product-template-default .product_layout_2 .product > .row .product_summary_middle .product_title {
  margin-bottom: 20px;
  font-family: "Alata", -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Helvetica Neue", Verdana, sans-serif;
  font-size: 32px !important;
  line-height: 40px !important;
  font-weight: normal !important; }

/* BODY
---------------------------------------------------*/
body,
.st-content,
.categories_grid .category_name,
.cd-top,
.product_socials_wrapper .product_socials_wrapper_inner a,
.product_navigation #nav-below .product-nav-next a,
.product_navigation #nav-below .product-nav-previous a {
  background: #fcfcf5; }

/* PAGE-WIDTH
---------------------------------------------------*/
.page-width {
  margin: 0 auto;
  padding: 0 30px;
  max-width: 1800px; }
  @media only screen and (min-width: 48em) {
    .page-width {
      padding: 0 60px; } }

/* HEADER
---------------------------------------------------*/
.site-header {
  background: #fcfcf5; }
  #page_wrapper.transparent_header .top-headers-wrapper.sticky .site-header, .top-headers-wrapper.sticky .site-header, .site-header.sticky {
    background: #fcfcf5; }

/* MAIN-NAVIGATION
---------------------------------------------------*/
html .main-navigation ul li.menu-item-has-children:after {
  top: 4px; }
html .main-navigation ul li a {
  text-transform: capitalize;
  font-weight: 400;
  font-size: 16px; }

/* FOOTER
---------------------------------------------------*/
#site-footer {
  padding: 0;
  background: #0ba66c;
  color: #ffffff; }
  #site-footer a,
  #site-footer h3.widget-title,
  #site-footer p {
    color: #ffffff; }
  #site-footer a {
    font-weight: 500; }
  #site-footer .site-footer-widget-area {
    padding: 30px 0; }
    #site-footer .site-footer-widget-area > .row {
      border: 0; }
    #site-footer .site-footer-widget-area .widget {
      margin: 0; }
    #site-footer .site-footer-widget-area .widget-title {
      font-size: 20px !important;
      text-transform: unset; }
  #site-footer .site-footer-copyright-area {
    padding: 30px 0;
    background: #098e5c; }
    #site-footer .site-footer-copyright-area .footer_socials_wrapper {
      margin: 0; }
      #site-footer .site-footer-copyright-area .footer_socials_wrapper .sk_social_icons_list {
        margin: 0; }
    #site-footer .site-footer-copyright-area .copyright_text {
      margin: 0; }

/* SINGLE PRODUCT
---------------------------------------------------*/
body.product-template-default {
  /* SINGLE PRODUCT - LAYOUT
  ---------------------------------------------------*/
  /* SINGLE PRODUCT - SUPPLIERS
  ---------------------------------------------------*/
  /* SINGLE PRODUCT - VARIATIONS
  ---------------------------------------------------*/
  /* SINGLE PRODUCT - ADD TO CART
  ---------------------------------------------------*/
  /* SINGLE PRODUCT - META
  ---------------------------------------------------*/
  /* SINGLE PRODUCT - TABLE DISCOUNTS
  ---------------------------------------------------*/ }
  @media only screen and (min-width: 64em) {
    body.product-template-default .product_layout_2 {
      margin-top: 80px; } }
  @media only screen and (min-width: 64em) {
    body.product-template-default .product_layout_classic .product > .row.single-product__info,
    body.product-template-default .product_layout_2 .product > .row.single-product__info {
      padding-top: 100px;
      background-image: linear-gradient(90deg, #f4f3ed 0%, #f4f3ed 50%, transparent 50%, transparent 100%); } }
  body.product-template-default .product_layout_classic .product > .row .product_summary_top,
  body.product-template-default .product_layout_2 .product > .row .product_summary_top {
    margin-bottom: 15px !important; }
    body.product-template-default .product_layout_classic .product > .row .product_summary_top .woocommerce-breadcrumb span,
    body.product-template-default .product_layout_classic .product > .row .product_summary_top .woocommerce-breadcrumb a,
    body.product-template-default .product_layout_2 .product > .row .product_summary_top .woocommerce-breadcrumb span,
    body.product-template-default .product_layout_2 .product > .row .product_summary_top .woocommerce-breadcrumb a {
      color: #d5af87;
      font-size: 16px !important;
      font-weight: normal;
      text-transform: initial; }
  body.product-template-default .product_layout_classic .product > .row .product_summary_middle .product_title,
  body.product-template-default .product_layout_2 .product > .row .product_summary_middle .product_title {
    font-size: 32px !important; }
  body.product-template-default .product_layout_classic .product > .row .product_infos .yith-wcwl-add-button .single_add_to_wishlist:before,
  body.product-template-default .product_layout_2 .product > .row .product_infos .yith-wcwl-add-button .single_add_to_wishlist:before {
    top: 9px; }
  body.product-template-default .product_layout_classic .product > .row .product_infos .yith-wcwl-add-button .single_add_to_wishlist span,
  body.product-template-default .product_layout_2 .product > .row .product_infos .yith-wcwl-add-button .single_add_to_wishlist span {
    text-transform: initial;
    font-weight: normal;
    font-size: 18px; }
  body.product-template-default .suppliers {
    margin: 50px 0 30px; }
  body.product-template-default .supplier {
    margin: 10vh 0;
    padding: 5vh 0; }
    @media only screen and (min-width: 48em) {
      body.product-template-default .supplier {
        padding: 10vh 0; } }
    @media only screen and (min-width: 48em) {
      body.product-template-default .supplier .page-width {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center; } }
    body.product-template-default .supplier:nth-child(1) {
      background-image: linear-gradient(180deg, #fcfcf5 10rem, #e1eee3 10rem); }
      @media only screen and (min-width: 48em) {
        body.product-template-default .supplier:nth-child(1) {
          background-image: linear-gradient(90deg, #fcfcf5 30%, #e1eee3 30%); } }
    body.product-template-default .supplier:nth-child(even) {
      padding: 0; }
      body.product-template-default .supplier:nth-child(even) .supplier__image {
        order: 2; }
    body.product-template-default .supplier:nth-child(3) {
      background-image: linear-gradient(180deg, #fcfcf5 10rem, #f4f4ea 10rem); }
      @media only screen and (min-width: 48em) {
        body.product-template-default .supplier:nth-child(3) {
          background-image: linear-gradient(90deg, #fcfcf5 30%, #f4f4ea 30%); } }
    body.product-template-default .supplier__image {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 50px;
      min-height: 40vh;
      height: 100%; }
    body.product-template-default .supplier__logo {
      position: relative;
      z-index: 2;
      max-width: 250px; }
    body.product-template-default .supplier__background {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    body.product-template-default .supplier__about {
      margin: 0 0 10px;
      color: #0ba66c;
      font-family: "Alata", -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Helvetica Neue", Verdana, sans-serif; }
    body.product-template-default .supplier__description {
      padding: 30px; }
      @media only screen and (min-width: 48em) {
        body.product-template-default .supplier__description {
          padding: 0 calc(20px + 5vw); } }
  body.product-template-default .product-type-variable p.price {
    display: none; }
  body.product-template-default .product-type-variable .variations_form .variations td.label {
    font-family: "PT Sans", -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Helvetica Neue", Verdana, sans-serif;
    font-size: 16px !important;
    text-transform: capitalize !important; }
    body.product-template-default .product-type-variable .variations_form .variations td.label .swatchtitlelabel {
      font-weight: normal; }
  body.product-template-default .product-type-variable .variations_form .variations select#pa_size + .attribute-swatch .swatchinput label {
    padding-bottom: 10px;
    align-items: flex-end;
    font-size: 18px;
    font-weight: normal !important; }
  body.product-template-default .product-type-variable .variations_form .variations select#pa_size + .attribute-swatch .swatchinput .belowtext {
    bottom: 40px; }
  body.product-template-default .product-type-variable .variations_form .variations .attribute-swatch {
    display: flex;
    margin-bottom: 10px; }
    body.product-template-default .product-type-variable .variations_form .variations .attribute-swatch .swatchinput {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 0;
      margin-right: 15px;
      min-width: 100px;
      height: 70px; }
      body.product-template-default .product-type-variable .variations_form .variations .attribute-swatch .swatchinput label.wcva_image_label,
      body.product-template-default .product-type-variable .variations_form .variations .attribute-swatch .swatchinput label.wcvasquare {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
        width: 100% !important;
        height: 100% !important;
        background-size: 40px 40px !important;
        background-position: center 5px;
        transition: all 125ms ease-in-out;
        color: #000000 !important;
        border: 1px solid #e1eee3 !important;
        border-radius: 4px !important; }
        body.product-template-default .product-type-variable .variations_form .variations .attribute-swatch .swatchinput label.wcva_image_label:hover, body.product-template-default .product-type-variable .variations_form .variations .attribute-swatch .swatchinput label.wcva_image_label.selectedswatch,
        body.product-template-default .product-type-variable .variations_form .variations .attribute-swatch .swatchinput label.wcvasquare:hover,
        body.product-template-default .product-type-variable .variations_form .variations .attribute-swatch .swatchinput label.wcvasquare.selectedswatch {
          color: #000000;
          background-size: 40px 40px !important;
          background: #e1eee3;
          border: 1px solid #0ba66c !important;
          border-radius: 4px !important;
          background-repeat: no-repeat;
          background-position: center 5px;
          box-shadow: none;
          outline: 0 !important; }
      body.product-template-default .product-type-variable .variations_form .variations .attribute-swatch .swatchinput .belowtext {
        position: absolute;
        bottom: 10px;
        left: 0;
        padding: 0 10px;
        font-size: 14px;
        pointer-events: none;
        text-transform: capitalize; }
  body.product-template-default .product_infos form.cart:not(.variations_form),
  body.product-template-default .product_infos .woocommerce-variation-add-to-cart {
    display: flex;
    height: auto; }
    body.product-template-default .product_infos form.cart:not(.variations_form) .quantity,
    body.product-template-default .product_infos .woocommerce-variation-add-to-cart .quantity {
      padding: 5px 15px;
      height: 100% !important;
      background: #f4f4ea;
      border-radius: 4px; }
      body.product-template-default .product_infos form.cart:not(.variations_form) .quantity i,
      body.product-template-default .product_infos .woocommerce-variation-add-to-cart .quantity i {
        top: 0 !important; }
    body.product-template-default .product_infos form.cart:not(.variations_form) .button,
    body.product-template-default .product_infos .woocommerce-variation-add-to-cart .button {
      font-size: 20px !important;
      padding: 18px !important;
      flex-grow: 1; }
  body.product-template-default .product-meta {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    margin: 60px 0; }
    body.product-template-default .product-meta__label {
      padding: 10px 30px 10px 0;
      border-right: 1px solid #d5af87;
      font-weight: bold; }
    body.product-template-default .product-meta__values {
      padding: 10px 50px 10px 30px; }
  body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts {
    border: 0;
    border-collapse: collapse; }
    body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts tbody {
      overflow-x: auto;
      display: block;
      max-width: calc(100% - 40px - 1.25rem); }
      @media only screen and (min-width: 48em) {
        body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts tbody {
          max-width: none;
          overflow: unset; } }
    body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts tr.quantity_row,
    body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts tr.price_row,
    body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts th {
      border: 0; }
    body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts td {
      border: 1px solid #e1eee3; }
    body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts tr.quantity_row,
    body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts tr.price_row {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: 10px;
      align-items: stretch;
      min-width: 410px;
      width: 100%; }
    body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts th {
      display: none; }
    body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts td {
      font-size: 16px; }
    body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts td.qty-info {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      padding: 10px 5px 0;
      border-bottom: 0;
      font-weight: bold; }
      body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts td.qty-info.ywdpd_qty_active {
        border-color: #0ba66c;
        color: #0ba66c;
        background-color: #e1eee3; }
    body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts .qty-price-info {
      padding: 5px 5px 10px;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      border-top: 0;
      font-size: 13px; }
      body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts .qty-price-info.ywdpd_qty_active {
        border-color: #0ba66c;
        background-color: #e1eee3;
        color: #0ba66c; }
        body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts .qty-price-info.ywdpd_qty_active span {
          color: #0ba66c; }
      body.product-template-default .ywdpd-table-discounts-wrapper #ywdpd-table-discounts .qty-price-info span {
        padding: 0; }
  body.product-template-default .content-area {
    padding: 0; }
  body.product-template-default .woocommerce-tabs {
    margin-bottom: 80px; }
  body.product-template-default .product_meta {
    display: none; }

/* CATEGORY
---------------------------------------------------*/
html body.archive {
  /* SIDEBAR
  ---------------------------------------------------*/
  /* FILTER ABOVE PRODUCT IMAGES
  ---------------------------------------------------*/
  /* FILTER ABOVE PRODUCT SELECT
  ---------------------------------------------------*/
  /* FILTERS
  ---------------------------------------------------*/ }
  html body.archive .shop_sidebar .bapf_slidr_all .irs-line {
    top: 30px;
    height: 6px;
    background: #e2c8ad; }
  html body.archive .shop_sidebar .bapf_slidr_all .irs-from,
  html body.archive .shop_sidebar .bapf_slidr_all .irs-to,
  html body.archive .shop_sidebar .bapf_slidr_all .irs-single,
  html body.archive .shop_sidebar .bapf_slidr_all .irs-max {
    padding: 4px 8px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1; }
  html body.archive .shop_sidebar .bapf_slidr_all .irs-max {
    color: white;
    background: #e2c8ad; }
  html body.archive .shop_sidebar .bapf_slidr_all .irs-from,
  html body.archive .shop_sidebar .bapf_slidr_all .irs-to,
  html body.archive .shop_sidebar .bapf_slidr_all .irs-single {
    background: #0ba66c; }
    html body.archive .shop_sidebar .bapf_slidr_all .irs-from:before,
    html body.archive .shop_sidebar .bapf_slidr_all .irs-to:before,
    html body.archive .shop_sidebar .bapf_slidr_all .irs-single:before {
      bottom: -8px;
      margin-left: -4px;
      border: 4px solid transparent;
      border-top-color: #0ba66c; }
  html body.archive .shop_sidebar .bapf_slidr_all .irs-bar {
    top: 30px;
    height: 6px;
    background: #0ba66c; }
  html body.archive .shop_sidebar .bapf_slidr_all .irs-handle {
    width: 16px;
    height: 16px; }
    html body.archive .shop_sidebar .bapf_slidr_all .irs-handle > i:first-child {
      margin-left: -8px;
      background: white;
      border: 3px solid #0ba66c; }
  html body.archive .shop_sidebar .berocket_single_filter_widget .bapf_head h3 {
    margin: 30px 0 15px;
    font-size: 20px !important;
    line-height: 28px !important;
    hyphens: auto; }
  html body.archive .berocket_element_above_products .bapf_styleimage {
    margin: 0; }
    html body.archive .berocket_element_above_products .bapf_styleimage .bapf_head {
      margin-bottom: 20px; }
    html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul {
      display: flex;
      overflow-x: auto;
      margin: 0 -30px;
      padding: 10px 20px; }
      @media only screen and (min-width: 48em) {
        html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul {
          overflow: visible;
          flex-wrap: wrap;
          justify-content: center; } }
      html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul li {
        margin: 0 8px 5px !important; }
        @media only screen and (min-width: 48em) {
          html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul li {
            margin: 0 10px 10px !important; } }
        html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul li:last-child {
          padding-right: 20px !important; }
        html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul li.checked label {
          background: #0ba66c; }
          html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul li.checked label .bapf_clr_text {
            color: #ffffff; }
          html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul li.checked label .bapf_img_span {
            transform: none;
            filter: invert(1); }
        html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul li label {
          margin: 0;
          display: flex !important;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: 80px;
          height: 80px;
          border: 1px solid #e1eee3;
          border-radius: 50%;
          transition: background-color 150ms ease-in-out, transform 50ms ease-in-out; }
          @media only screen and (min-width: 48em) {
            html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul li label {
              width: 100px;
              height: 100px; }
              html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul li label:hover {
                background: #0ba66c;
                transform: scale(1.1); }
                html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul li label:hover .bapf_clr_text {
                  color: #ffffff; }
                html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul li label:hover .bapf_img_span {
                  transform: none;
                  filter: invert(1); } }
          html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul li label .bapf_clr_text {
            text-transform: capitalize;
            transition: color 125ms ease-in-out;
            font-size: 12px; }
            @media only screen and (min-width: 48em) {
              html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul li label .bapf_clr_text {
                font-size: 16px; } }
          html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul li label .bapf_img_span {
            margin: 0;
            width: 35px;
            height: 35px;
            transition: filter 125ms ease-in-out; }
            @media only screen and (min-width: 48em) {
              html body.archive .berocket_element_above_products .bapf_styleimage .bapf_body ul li label .bapf_img_span {
                width: 45px;
                height: 45px; } }
  html body.archive .berocket_element_above_products {
    margin-top: 10px; }
    @media only screen and (min-width: 48em) {
      html body.archive .berocket_element_above_products {
        margin-top: 30px; } }
    html body.archive .berocket_element_above_products:nth-child(3) {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
    html body.archive .berocket_element_above_products .berocket_element_above_products_is_hide_toggle {
      margin-bottom: 0 !important;
      padding-left: 10px;
      font-size: 14px; }
    html body.archive .berocket_element_above_products .berocket_inline_filters {
      padding-right: 4% !important; }
      html body.archive .berocket_element_above_products .berocket_inline_filters:hover .bapf_sfilter .bapf_head {
        border-bottom: 1px solid #0ba66c !important; }
        html body.archive .berocket_element_above_products .berocket_inline_filters:hover .bapf_sfilter .bapf_head h3 {
          color: #0ba66c !important; }
          html body.archive .berocket_element_above_products .berocket_inline_filters:hover .bapf_sfilter .bapf_head h3 i {
            display: none; }
      html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter {
        margin-bottom: 0; }
        html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter.bapf_ccolaps .bapf_body {
          right: auto !important; }
        html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter .bapf_head {
          padding: 10px 0 !important;
          background: transparent !important;
          border-radius: 0 !important;
          border: 0 !important;
          border-bottom: 1px solid #000000 !important; }
          html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter .bapf_head h3 {
            font-weight: normal;
            color: #000000 !important; }
            html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter .bapf_head h3 i {
              display: block;
              width: 13px;
              height: 8px;
              background: url("images/angle-down.svg") no-repeat center center;
              background-size: cover; }
              html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter .bapf_head h3 i:before {
                content: ""; }
        html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter .bapf_body {
          z-index: 99 !important;
          right: auto !important;
          padding: 8px 16px !important;
          width: max-content !important;
          min-width: 100%;
          border: 0 !important;
          background: #f4f4ea !important; }
  html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_head,
  html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_head {
    padding: 5px 20px 0 !important;
    border: 0 !important;
    background: #f4f4ea !important; }
    @media only screen and (min-width: 48em) {
      html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_head,
      html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_head {
        padding: 20px 20px 0 !important; } }
    html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_head h3,
    html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_head h3 {
      margin: 0 !important;
      padding: 0 !important;
      border: 0; }
      html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_head h3 i,
      html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_head h3 i {
        display: none; }
  html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body,
  html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body {
    position: relative !important;
    display: block !important;
    padding: 8px 16px !important;
    background: #f4f4ea !important; }
    html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_taxonomy span,
    html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_taxonomy span {
      font-size: 15px; }
    html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_taxonomy ul,
    html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_taxonomy ul {
      display: flex;
      flex-wrap: wrap;
      margin: 5px 0 7px; }
      html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_taxonomy ul li,
      html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_taxonomy ul li {
        margin: 0 !important; }
        html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_taxonomy ul li a.braapf_unselect,
        html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_taxonomy ul li a.braapf_unselect {
          background-color: #0ba66c;
          color: white !important; }
          html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_taxonomy ul li a.braapf_unselect .fa-times:before,
          html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_taxonomy ul li a.braapf_unselect .fa-times:after,
          html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_taxonomy ul li a.braapf_unselect .fa-times:before,
          html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_taxonomy ul li a.braapf_unselect .fa-times:after {
            border-color: white; }
    html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_unall,
    html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_unall {
      margin: 0; }
      html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_unall li,
      html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_unall li {
        margin: 0 !important; }
      html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_unall .braapf_unselect_all,
      html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_unall .braapf_unselect_all {
        background: none;
        color: #0ba66c !important; }
        html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_unall .braapf_unselect_all .fa-times:before,
        html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_unall .braapf_unselect_all .fa-times:after,
        html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_unall .braapf_unselect_all .fa-times:before,
        html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage).bapf_divi_sfa .bapf_body .bapf_sfa_unall .braapf_unselect_all .fa-times:after {
          border-color: #0ba66c; }
  html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li,
  html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin: 10px 0 !important; }
    html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li input[type="checkbox"],
    html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li input[type="checkbox"] {
      top: 0;
      height: 17px;
      margin: 0 10px 0 0;
      border: 1px solid #d5af87 !important;
      border-radius: 4px; }
      html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li input[type="checkbox"]:after,
      html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li input[type="checkbox"]:after {
        border: 0 !important; }
      html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li input[type="checkbox"]:checked:before,
      html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li input[type="checkbox"]:checked:before {
        z-index: 3;
        top: 1px;
        left: 4px; }
      html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li input[type="checkbox"]:checked:after,
      html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li input[type="checkbox"]:checked:after {
        display: block;
        position: absolute;
        z-index: 2;
        left: -2px;
        top: -2px;
        height: 17px;
        width: 17px;
        border-radius: 4px;
        border: 0 !important;
        background: #383028; }
    html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li label,
    html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li label {
      text-transform: capitalize;
      margin: 0 4px 0 0 !important;
      font-size: 14px;
      line-height: 18px;
      color: #000000 !important;
      font-weight: normal;
      font-family: "PT Sans", -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Helvetica Neue", Verdana, sans-serif; }
      html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li label:hover,
      html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li label:hover {
        color: #0ba66c !important; }
    html body.archive .berocket_element_above_products .berocket_inline_filters .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li .roundpcs,
    html body.archive .berocket_single_filter_widget .bapf_sfilter:not(.bapf_styleimage) .bapf_body ul li .roundpcs {
      color: #d5af87;
      font-size: 13px;
      line-height: 18px; }
  html body.archive .select2-container {
    z-index: 50 !important; }
  html body.archive .page-title {
    margin-bottom: 40px; }
  @media only screen and (max-width: 47.9375em) {
    html body.archive .tob_bar_shop {
      margin-bottom: 10px; } }
  html body.archive .tob_bar_shop #button_offcanvas_sidebar_left {
    display: none; }

/* ROASTER
---------------------------------------------------*/
html .shop_header.with_featured_img {
  padding-top: 200px;
  padding-bottom: 125px; }
html .roaster_header {
  margin-bottom: 0px !important; }
html .term-city {
  color: #fff;
  position: relative;
  text-align: center;
  margin-top: -30px;
  font-family: "NeueEinstellung";
  font-size: 20px; }
html .roasterpage-featured {
  padding-left: 20%;
  padding-right: 20%; }

/* ROASTERS
---------------------------------------------------*/
.roasters {
  margin: 5vh 0; }
  .roasters .page-width {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px; }
    @media only screen and (min-width: 27em) {
      .roasters .page-width {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (min-width: 48em) {
      .roasters .page-width {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (min-width: 80em) {
      .roasters .page-width {
        grid-template-columns: 1fr 1fr 1fr 1fr; } }
  .roasters__roaster {
    position: relative;
    padding: 30px;
    width: 100%;
    background: #f4f4ea;
    color: #383028; }
    @media only screen and (min-width: 48em) {
      .roasters__roaster {
        padding: 50px; } }
    .roasters__roaster:hover {
      color: #383028; }
      .roasters__roaster:hover .roasters__roaster-link {
        color: #0ba66c; }
  .roasters__roaster-logo {
    display: block;
    width: 100%;
    height: 20vh;
    object-fit: contain; }
    @media only screen and (min-width: 48em) {
      .roasters__roaster-logo {
        height: 10vw; } }
  .roasters__roaster-description {
    margin-top: 30px; }
  .roasters__roaster-link {
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #0ba66c; }
    .roasters__roaster-link svg {
      margin-left: 10px; }
      .roasters__roaster-link svg .fill {
        fill: #0ba66c; }

/* HOMEPAGE
---------------------------------------------------*/
body.home {
  /* HOMEPAGE HERO
  ---------------------------------------------------*/ }
  body.home .homepage-hero {
    display: flex;
    justify-content: center;
    padding: 60px 30px;
    background-image: linear-gradient(180deg, #0ba66c 70%, #e1eee3 70%); }
    @media only screen and (min-width: 48em) {
      body.home .homepage-hero {
        padding: 140px 30px 60px;
        background-image: linear-gradient(90deg, #0ba66c 60%, #e1eee3 60%); } }
    body.home .homepage-hero__container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      max-width: 960px; }
      @media only screen and (min-width: 48em) {
        body.home .homepage-hero__container {
          flex-direction: row; } }
    body.home .homepage-hero__content {
      margin: 0 0 5vh;
      max-width: 400px; }
      @media only screen and (min-width: 48em) {
        body.home .homepage-hero__content {
          margin: 0 5vw 0 0; } }
    body.home .homepage-hero__title, body.home .homepage-hero__text {
      color: #fcfcf5; }
    body.home .homepage-hero__title {
      margin-bottom: 25px;
      font-family: "PT Sans", -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Helvetica Neue", Verdana, sans-serif;
      font-size: calc(29px + 4vmax);
      line-height: calc(32px + 4vmax);
      font-weight: normal; }
    body.home .homepage-hero__text {
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 30px; }
    @media only screen and (min-width: 48em) {
      body.home .homepage-hero__image {
        max-height: 70vh;
        max-width: 30vw; } }

/* BUTTON
---------------------------------------------------*/
html .button {
  display: inline-flex;
  padding: 18px 25px !important;
  border-radius: 4px !important;
  font-size: 20px !important;
  line-height: 20px !important;
  font-family: "Alata", -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Helvetica Neue", Verdana, sans-serif;
  text-transform: unset;
  font-weight: normal !important;
  transition: all 125ms ease-in-out;
  background: #0ba66c;
  color: white; }
  html .button.button--bordered {
    border: 1px solid #fcfcf5 !important;
    background: transparent !important; }
    html .button.button--bordered:hover {
      opacity: 1;
      background: #383028 !important;
      border-color: #383028 !important; }
  html .button--icon {
    position: relative;
    padding-right: 60px !important; }
    html .button--icon:after {
      content: "";
      display: block;
      position: absolute;
      right: 25px;
      width: 18px;
      height: 18px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 125ms ease-in-out 50ms; }
    html .button--icon:hover:after {
      transform: translateX(5px); }
  html .button--icon-arrow-right:after {
    background-image: url("images/arrow-right.svg"); }

/* PRODUCT THUMBNAIL
---------------------------------------------------*/
ul.products li.product:hover .product_thumbnail:before {
  opacity: 1; }
ul.products li.product .product_thumbnail {
  position: relative;
  padding: 10% 15%;
  background: #f4f3ed;
  background-size: cover; }
  ul.products li.product .product_thumbnail:before {
    content: "";
    position: absolute;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: opacity 200ms ease-in-out;
    background: url("images/pattern.png") no-repeat center;
    background-size: cover; }
  ul.products li.product .product_thumbnail .attachment-woocommerce_thumbnail {
    position: relative;
    z-index: 1; }
ul.products li.product .add_to_cart_button {
  color: #0ba66c !important;
  transition: background 125ms ease-in-out;
  opacity: 1; }
  ul.products li.product .add_to_cart_button:hover {
    color: #51f8b0 !important;
    opacity: 1; }
ul.products li.product .microtastes {
  color: #0ba66c;
  font-size: 14px; }
  ul.products li.product .microtastes__label {
    font-weight: bold;
    color: #383028; }

/* USPBAR
---------------------------------------------------*/
.uspbar {
  position: relative;
  padding: 50px; }
  .uspbar--homepage {
    margin-bottom: 60px;
    background: #f4f4ea; }
    .uspbar--homepage:after {
      content: "";
      position: absolute;
      right: 5vw;
      bottom: -42px;
      display: block;
      height: 84px;
      width: 21px;
      background: url("images/heat.svg") no-repeat center;
      background-size: cover; }
  .uspbar__container {
    display: grid;
    gap: 5vw;
    margin: 0 auto;
    max-width: 960px; }
    @media only screen and (min-width: 48em) {
      .uspbar__container {
        grid-template-columns: 1fr 1fr 1fr; } }
  .uspbar__usp {
    padding-left: 60px;
    background-repeat: no-repeat;
    background-size: 35px 30px;
    background-position: 0 5px; }
    .uspbar__usp--icon-coffee {
      background-image: url("images/icons/coffee.svg"); }
    .uspbar__usp--icon-truck {
      background-image: url("images/icons/truck.svg"); }
    .uspbar__usp--icon-user {
      background-image: url("images/icons/user.svg"); }
  .uspbar__title {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 1.2;
    font-family: "Alata", -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Helvetica Neue", Verdana, sans-serif; }
  .uspbar__text {
    font-size: 14px; }

/*# sourceMappingURL=style.css.map */