#main-blog {

  display:flex;
  article {
    border-radius: 30px;
    border: 1px solid var(--ast-global-color-1);
  }

  #left-blog {
    article {
      background: #fff;
      display: flex;
      flex-direction: column;
    }

    & > div {
      height: 100%;
    }

    h4,
    .uagb-post__text:not(.wp-block-button) {
      padding-right: 30px;
      padding-left: 30px;
    }

    .wp-block-button {
      margin-top: auto;
      width: 100%;
      text-align: end;

      a {
        padding-top: 14px;
        padding-bottom: 14px;
        display: inline-flex;
        gap: 20px;
        align-items: center;

        &:after {
          height: 33px;
          content: url('data:image/svg+xml,<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.5 16.5C32.5 7.66344 25.3366 0.5 16.5 0.5C7.66344 0.5 0.5 7.66344 0.5 16.5C0.5 25.3366 7.66344 32.5 16.5 32.5V33C7.3873 33 0 25.6127 0 16.5C0 7.3873 7.3873 0 16.5 0C25.6127 0 33 7.3873 33 16.5C33 25.6127 25.6127 33 16.5 33V32.5C25.3366 32.5 32.5 25.3366 32.5 16.5Z" fill="white"/><g clip-path="url(%23clip0_98_1019)"><path d="M19.808 16.3053L13.5782 10.0755C13.4698 9.97261 13.2992 9.97531 13.1963 10.0809C13.096 10.1866 13.096 10.3518 13.1963 10.4574L19.2337 16.4949L13.1963 22.5351C13.0879 22.638 13.0852 22.8114 13.1909 22.917C13.2938 23.0254 13.4671 23.0281 13.5728 22.9224C13.5755 22.9197 13.5782 22.917 13.5782 22.917L19.808 16.6873C19.9136 16.5816 19.9136 16.4109 19.808 16.3053Z" fill="white"/></g><defs><clipPath id="clip0_98_1019"><rect width="13" height="13" fill="white" transform="translate(10 10)"/></clipPath></defs></svg>');
        }

        border-radius: 30px 0 0 0;
      }
    }
  }

  #right-blog {
    & > div {
      height: 100%;
    }

    .wp-block-button {
      text-align: start;

      a {
        &:after {
          position: absolute;
          top: 50%;
          margin-left: 20px;
          transform: translateY(-50%);
          content: url('data:image/svg+xml,<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.5 16.5C32.5 7.66344 25.3366 0.5 16.5 0.5C7.66344 0.5 0.5 7.66344 0.5 16.5C0.5 25.3366 7.66344 32.5 16.5 32.5V33C7.3873 33 0 25.6127 0 16.5C0 7.3873 7.3873 0 16.5 0C25.6127 0 33 7.3873 33 16.5C33 25.6127 25.6127 33 16.5 33V32.5C25.3366 32.5 32.5 25.3366 32.5 16.5Z" fill="%23001060"/><g clip-path="url(%23clip0_98_1001)"><path d="M19.808 16.3053L13.5782 10.0755C13.4698 9.97261 13.2992 9.97531 13.1963 10.0809C13.096 10.1866 13.096 10.3518 13.1963 10.4574L19.2337 16.4949L13.1963 22.5351C13.0879 22.638 13.0852 22.8114 13.1909 22.917C13.2938 23.0254 13.4671 23.0281 13.5728 22.9224C13.5755 22.9197 13.5782 22.917 13.5782 22.917L19.808 16.6873C19.9136 16.5816 19.9136 16.4109 19.808 16.3053Z" fill="%23001060"/></g><defs><clipPath id="clip0_98_1001"><rect width="13" height="13" fill="white" transform="translate(10 10)"/></clipPath></defs></svg>');
        }

        background: transparent;
        color: var(--ast-global-color-0);
        padding: 10px 0;
      }
    }

    .uagb-post__image:before {
      display: none;
    }

    img {
      display: none;
    }

    article {
      flex-grow: 1;
      background: none !important;
    }
  }
}

/** NEWEST **/

.home {
.products li:has(.archive-event-ongoing-message),
.products li:has(.archive-event-over-message) {
    display: none !important;
}
}

#newest {
  .archive-event-over-message{
      filter: grayscale(1);
    }
    .archive-event-ongoing-message{
      color:var(--ast-global-color-1) !important;
      background:#fff !important;
      border:1px solid var(--ast-global-color-1)
    }
  & > div > ul {
    padding: 0 !important;
  }
  ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  h2,
  div[data-block-name="woocommerce/product-price"],
  div[data-block-name="woocommerce/product-button"] {
    padding: 0 30px;
  }

  div[data-block-name="woocommerce/product-price"] {
    margin-top: auto;

    & > div {
      text-align: start;
      font-weight: 700;
      font-size: 18px;
      line-height: 24px;
    }
  }

  div[data-block-name="woocommerce/product-button"],
  .wp-block-post-title {
    margin-bottom: 30px;
    text-align: start;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
  }

  img {
    object-fit: cover;
    max-height: 100%;
    aspect-ratio: 2/1;
  }

  button {
    padding: 10px 0;
    background: var(--ast-global-color-0);
    width: 100%;
  }

  li {
    gap: 20px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--ast-global-color-1);
  }
  
  li:hover {
    
        span,
            div:not(.archive-event),
            h2{
                color: #fff !important;

            }
        .jmj-product-meta-wrap {
            background: #334080;

            
        }
        .add_to_cart_button,.product_type_variable,.button {
          background: #FFF !important;
          color:var(--ast-global-color-0) !important;
        }
        background:var(--ast-global-color-0);
    }
}

/** HERO **/
#hero-inner {
  max-width: 1640px !important;
  justify-content: start;
  position: relative;
  min-height: 100%;
  padding: 0 20px;
}
#hero {
  align-items: stretch !important;
}

#hero-main {
  max-width: 800px;
}
#cta>div,#about>div{
  max-width: 1640px !important;
  padding-right: 20px;
  padding-left:20px;
}

#newest,#blog{
  max-width: 1640px !important;
  padding-right: 20px;
  padding-left:20px;
}
#hero-cta {
  p,
  h4 {
    text-align: start;
  }
  &>div{
    padding:50px;
    border-radius: 30px;
    background-color: var(--ast-global-color-1);
  }
  background:transparent;
  padding:inherit !important;
  transform: translateY(50%);
  position: absolute;
  max-width: 750px;
  right: 0;
  bottom: 0;
}

.products > li {
  transition: .2s ease all;
  img {
    margin-bottom: 0 !important;
  }
  min-height: 350px;
  h2 {
    padding: 0 !important;
    color: #000;
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
  }

  .astra-shop-summary-wrap {
    & > a {
      padding-bottom: 40px !important;
      margin-bottom: auto;
    }
    padding: 0px 30px 20px 30px !important;
    

    .price {
      font-weight: 700;
      font-size: 18px;
      line-height: 24px;

      margin-bottom: 20px !important;
    }

    .button {
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      width: 100%;
      padding: 10px 20px !important;
      text-align: center;
      margin: 0 !important;
      background-color: var(--ast-global-color-0);
    }

    justify-content: flex-end;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }


  
  .astra-shop-thumbnail-wrap {
    margin-bottom: 40px;

    .ast-woo-product-category {
      color: var(--ast-global-color-0) !important;
      font-weight: 500 !important;
      opacity: 1 !important;
      margin: 0 !important;
    }
  }

  .archive-event{
    position: absolute;
    padding: 3px 10px;
    border-radius: 20px;
    width: max-content;
    background: var(--ast-global-color-1);
    color: #fff;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%, 50%);
  }

  border: 1px solid #246df5;
  border-radius: 20px;
}