/* Added fallbacks to help with CLS, feel free to remove if it doesn't help on your project */
/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
.woocommerce-message {
  margin-top: 27px;
  border: 2px solid #8fae1b;
  border-radius: 5px;
  background: #fdfff4;
  outline: 0; }
  .woocommerce-message .button {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    font-size: 16px;
    line-height: 1;
    font-family: "Poppins";
    background-color: #464646 !important;
    border: solid 1px #bababa !important;
    color: white !important;
    letter-spacing: 0.4px;
    border-radius: 0px !important;
    transition: all 0.3s;
    padding: 18px 36px;
    font-weight: 500;
    text-transform: uppercase; }
    .woocommerce-message .button:hover {
      color: #ffffff !important;
      border: solid 1px #ffffff !important;
      background-color: #0E5ECC !important; }

.woocommerce-error {
  border: 2px solid #b81c23;
  border-radius: 5px;
  margin-top: 25px;
  outline: 0; }

.woocommerce-info {
  border: none;
  background-color: #e9eef2;
  border-radius: 5px;
  padding: 25px 2rem; }
  .woocommerce-info a,
  .woocommerce-info a:visited {
    color: #0E5ECC;
    font-weight: 700; }
  .woocommerce-info::before {
    display: none; }

/* Product loop / single product banners (sale, best seller, etc.) */
.product {
  position: relative; }
  .product .banners {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 11px;
    left: 11px; }
    .product .banners li {
      margin-bottom: 2px;
      padding: 5.82px 0 5.82px 14px;
      width: 136px;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 14px;
      color: white;
      clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%); }
      @media screen and (min-width: 769px) {
        .product .banners li {
          padding: 8px 0 8px 14px; } }
      .product .banners li.best-seller {
        background: #0E5ECC; }
      .product .banners li.onsale {
        background: #e31818; }

/* Variation data on the cart+checkout pages */
dl.variation {
  margin-top: 9px;
  margin-bottom: 0 !important;
  font-size: 16px;
  font-weight: normal; }
  dl.variation p {
    display: inline; }