:root {
  /* Colors */
  --ec-primary-color-50: #e0f0ff;
  --ec-primary-color-100: #c7e4ff;
  --ec-primary-color-200: #8fc9ff;
  --ec-primary-color-300: #57aeff;
  --ec-primary-color-400: #1a90ff;
  --ec-primary-color-500: #0074e0;
  --ec-primary-color-600: #0057a8;
  --ec-primary-color-700: #003a70;
  --ec-primary-color-800: #00284d;
  --ec-primary-color-900: #001224;
  --ec-primary-color-950: #000b14;

  --ec-accent-color-50: #e9f4f0;
  --ec-accent-color-100: #d9eee6;
  --ec-accent-color-200: #b3dccf;
  --ec-accent-color-300: #85c3b1;
  --ec-accent-color-400: #5ca592;
  --ec-accent-color-500: #428a78;
  --ec-accent-color-600: #336e61;
  --ec-accent-color-700: #2c594f;
  --ec-accent-color-800: #274842;
  --ec-accent-color-900: #243d39;
  --ec-accent-color-950: #10231f;

  --ec-primary-color: var(--ec-primary-color-200);
  --ec-primary-color-hover: var(--ec-primary-color-300);
  --ec-accent-color: var(--ec-accent-color-50);
  --ec-accent-color-hover: var(--ec-accent-color-100);

  /* Fonts */
  --ec-heading-font: 'Burbank Big Condensed Bold', serif;
  --ec-body-font: 'Bariol Bold', sans-serif;
  --ec-body-font-regular: 'Bariol Regular', sans-serif;
  --ec-font-color: var(--ec-primary-color-700);
  --ec-line-height: 1.6em;
  --ec-font-weight: 400;
  --ec-font-size: 16px;

  /* Borders */
  --ec-border-color: rgba(0, 0, 0, 0.1);
  --ec-border-radius-xs: 4px;
  --ec-border-radius-sm: 8px;
  --ec-border-radius-md: 16px;
  --ec-border-radius-lg: 20px;
  --ec-border-radius-xl: 24px;
  --ec-border-radius-xxl: 30px;

  /* Spacing */
  --ec-spacing-xxs: 4px;
  --ec-spacing-xs: 8px;
  --ec-spacing-sm: 16px;
  --ec-spacing-md: 24px;
  --ec-spacing-lg: 32px;
  --ec-spacing-xl: 40px;
  --ec-spacing-xxl: 48px;

  /* Box shadows */
  --ec-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);

  /* Transitions */
  --ec-transition: all 0.3s ease-in-out;
  --ec-transition-fast: all 0.1s ease-in-out;
  --ec-transition-slow: all 0.5s ease-in-out;
  --ec-transition-cubic: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --ec-transition-cubic-fast: all 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
  --ec-transition-cubic-slow: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  --ec-transition-linear: all 0.3s linear;
  --ec-transition-linear-fast: all 0.1s linear;
  --ec-transition-linear-slow: all 0.5s linear;
  --ec-transition-ease-in: all 0.3s ease-in;
  --ec-transition-ease-in-fast: all 0.1s ease-in;
  --ec-transition-ease-in-slow: all 0.5s ease-in;
  --ec-transition-ease-out: all 0.3s ease-out;
  --ec-transition-ease-out-fast: all 0.1s ease-out;
  --ec-transition-ease-out-slow: all 0.5s ease-out;
  --ec-transition-ease-in-out: all 0.3s ease-in-out;
  --ec-transition-ease-in-out-fast: all 0.1s ease-in-out;
  --ec-transition-ease-in-out-slow: all 0.5s ease-in-out;
  --ec-transition-none: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ec-heading-font);
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

html,
body {
  font-family: var(--ec-body-font);
  line-height: var(--ec-line-height);
  font-weight: var(--ec-font-weight);
  font-size: var(--ec-font-size);
  color: var(--ec-font-color);

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

.container {
  max-width: 1128px;
  margin: 0 auto;
}

:root {
  --button-background-color: #003a70;
  --button-background-color-hover: #003a70;
  --button-border-radius: 9999px;
  --button-color: #fff;
  --button-icon-color: #fff;
  --button-height: 40px;
  --button-font-family: var(--ec-body-font);

  --skeleton-loader-bg-grey: #ececec;
  --ec-lazy-load-transition: opacity 0.5s ease-in-out;

  /* Product list */
  --product-list-grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  --product-list-grid-gap: 16px;
  --product-list-item-padding: 0;
  --product-list-item-border: none;
  --product-list-item-border-radius: 0;
  --product-list-item-image-wrapper-background: url('https://wrooom.webien.cloud/eyJidWNrZXQiOiJ3ZWJpZW4taGVtZ2xhc3Muc2UiLCJrZXkiOiJoZW1nbGFzcy5zZS9hcHAvdXBsb2Fkcy8yMDIwLzExL2hnX3JhbmRpZ19iYWtncnVuZF90dXJrb3NlLmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsInBvc2l0aW9uIjoiYXR0ZW50aW9uIiwid2lkdGgiOiIzMDAiLCJoZWlnaHQiOiIzMDAiLCJmaXQiOiJjb3ZlciJ9fX0=');
  --product-list-item-gap: 20px;
  --product-item-brand-display: none;
  --product-item-name-font-family: var(--ec-heading-font);
  --product-item-name-font-size: 1.5rem;
  --product-item-name-line-height: 2rem;
  --product-item-price-font-size: 18px;
  --product-item-price-margin: 5px 0 16px 0;
  --product-list-grid-gap: 48px 24px;
  --product-item-price-wrapper-justify-content: center;
  --product-item-price-line-height: auto;
  --pagination-button-background-color: #003a70;

  /* Product list filter */
  --filter-trigger-button-open-background-color: #fff;
  --filter-trigger-button-open-norder-color: #003a70;
  --filters-margin: 0;
  --filter-trigger-button-background-color: #fff;
  --filter-trigger-button-color: #003a70;
  --filter-trigger-button-border: 1px solid #003a70;
  --filter-trigger-button-hover-background-color: #fff;
  --filter-trigger-button-border-radius: 20px;
  --filter-trigger-button-padding: 0 16px;
  --sort-trigger-button-background-color: #fff;
  --sort-trigger-button-color: #003a70;
  --sort-trigger-button-border: 1px solid #003a70;
  --sort-trigger-button-hover-background-color: #fff;
  --sort-trigger-button-border-radius: 20px;
  --sort-trigger-button-padding: 0 16px;

  --product-item-price-wrapper-margin: 0px 0px 12px 0px;

  /* slick slider */

  --slick-prev-top: 23%;
  --slick-next-top: 23%;
  --slick-next-right: -25px;

  /* Add to cart button */
  --add-to-cart-button-max-width: 152px;
  --add-to-cart-button-width: 100%;
  --add-to-cart-button-padding: 0 4px;
  --add-to-cart-button-height: 30px;
  --quantity-buttons-button-background: #fff;
  --quantity-buttons-button-hover-background: #fff;
  --quantity-buttons-button-icon-color: var(--button-background-color);
  --quantity-buttons-value-font-size: 20px;
  --quantity-buttons-unit-font-size: 14px;
  --quantity-buttons-button-border-radius: 50%;
  --quantity-buttons-wrapper-border: none;
  --add-to-cart-button-background-color: #003a70;
  --add-to-cart-button-background-color-hover: #003a70;
  --quantity-buttons-button-width: 24px;
  --quantity-buttons-button-height: 24px;
  --quantity-buttons-value-font-size: 12px;
  --quantity-button-current-value-color: #fff;
  --add-to-cart-button-border: none;
  --quantity-buttons-subtractButton-outline-border-radius-focused: var(
    --quantity-buttons-button-border-radius
  );
  --add-to-cart-button-border-radius: 15px;
  --add-to-cart-button-color: #fff;
  --quantity-buttons-addButton-outline-border-radius-focused: var(
    --quantity-buttons-button-border-radius
  );
  --quantity-buttons-button-outline-focus: #e8308a;
  --quantity-button-input-wrapper-outline-focus: #e8308a;

  /* Dropdowncart */
  --quantity-buttons-button-icon-color: #003a70;
  --dropdown-cart-button-background-hover: transparent;

  /* Carticon */
  --dropdown-cart-button-color: #fff;
  --dropdown-cart-button-background: transparent;
  --cart-counter-wrapper-background-color-rgb: rgb(22, 159, 219);

  /* OrderView */
  --order-view-button-color: #60605a;
  --order-view-status-bg-color: #d1e8f6;
  --order-view-heading-font-family: var(--ec-heading-font);

  /* Dialog */
  --dialog-content-border-radius: var(--ec-border-radius-xxl);

  /* Login modal */
  --login-dialog-width: 630px;
  --login-dialog-height: auto;
  --login-dialog-max-height: 85vh;
  --dialog-content-border-radius: var(--ec-border-radius-lg, 20px);
  --close-button-top: 16px;
  --close-button-right: 16px;

  /* Toast */
  --toast-root-border-radius: 4px, 0px, 0px, 4px;
  --toast-view-top: 88px;
  --toast-view-padding: 0;
  --toast-root-bg-color: #fbdabf;
  --toast-description-color: #003a70;
  --toast-title-color: #003a70;

  /* Login */
  --login-form-wrapper-font-family: var(--ec-body-font);
  --login-message-wrapper-font-family: var(--ec-body-font);

  /* Order view */
  --order-view-heading-font-size: 46px;
  --order-lines-item-content-price-padding: 0 0 0 8px;
  --order-lines-quantity-text-font-family: var(--ec-body-font);
  --order-lines-quantity-text-color: var(--ec-primary-color-700);

  /* Misc */
  --order-lines-item-content-package-size-font-size: 16px;
  --order-lines-item-content-cost-per-package-font-size: 16px;
  --order-lines-item-content-name-color: var(--ec-primary-color-700);
  --order-lines-item-content-name-font-family: var(--ec-heading-font);
  --order-lines-item-content-name-font-size: 30px;
  --order-lines-item-content-text-wrapper-gap: 0;
  --order-lines-item-content-price-font-family: var(--ec-heading-font);
  --add-to-cart-button-width: 116px;
  --add-to-cart-button-wrapper-margin: 0;
  --quantity-buttons-value-min-width: auto;
  --order-lines-quantity-wrapper-position: none;
  --order-lines-item-content-price-color: #003a70;
  --order-lines-remove-bottom: auto;
  --order-lines-remove-top: 0;
  --order-lines-item-content-price-position: absolute;
  --order-lines-item-content-price-top: 0;
  --order-lines-item-content-price-right: 0;
  --order-lines-remove-height: 24px;
  --order-lines-remove-width: 24px;
  --quantity-buttons-wrapper-padding: 0 3px;

  /* Login */
  --login-form-wrapper-font-family: var(--ec-body-font);
  --login-message-wrapper-font-family: var(--ec-body-font);

  /* Orderline */
  --order-lines-item-content-discount-price-font-family: var(--ec-body-font);
  --order-lines-item-content-price-font-size: 30px;
  --order-lines-item-content-package-size-info-flex-direction: row;
  --order-lines-item-content-package-size-info-gap: 3px;

  /* Active campagins */
  --active-campaign-wrapper-gap: 8px;
  --active-campaigns-price-font-family: var(--ec-body-font);
  --active-campaigns-price-font-size: 12px;
  --active-campaigns-price-color: #003a70;
  --active-campaigns-description-text-font-family: var(--ec-body-font);
  --active-campaigns-description-text-color: #003a70;
  --active-campaigns-description-text-font-size: 12px;
  --active-campaigns-description-text-font-weight: 700;

  /* Headericons */
  --account-button-icon-width: 38px;
  --account-button-icon-height: 38px;
  --logged-in-status-right: -1px;
  --logged-in-status-top: -1px;
  --logged-in-status-wrapper-width: 12px;
  --logged-in-status-wrapper-height: 12px;
  --cart-button-icon-width: 38px;
  --cart-button-icon-height: 38px;
  --cart-counter-right: -1px;
  --cart-counter-top: -1px;
  --cart-counter-wrapper-width: 12px;
  --cart-counter-wrapper-height: 12px;

  @media (max-width: 767px) {
    --product-list-grid-gap: 32px;
  }
}

/* Media queries */
:root {
}

#add-to-cart {
  background-color: #d1e8f6;
  border: 1px solid #d1e8f6;
  margin-top: 10px;
  margin-bottom: 0px;
  border-radius: 8px;
  padding: 16px;
  min-height: 163px;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 24px;
  margin: 0;
}

@media (max-width: 767px) {
  #add-to-cart {
    min-height: 129px;
  }
}

#ingredients-accordion {
  min-height: 180px;
}

.slick-track {
  margin-left: -15px;
  transform: translateZ(0) !important;
}

.pac-container {
  border-radius: 15px;
  padding: 5px 0;
  margin-top: 10px;
  z-index: 999999 !important;
  pointer-events: auto !important;

  &:after {
    background-image: none !important;
    height: 0px;
  }
}
.pac-item {
  border: 0;
  margin: 10px;
  cursor: pointer;
  & + .pac-item {
    border-top: 1px solid #eee;
  }
}
.pac-matched,
.pac-item-query,
.pac-item {
  color: #003a70;
}
.pac-icon {
  display: none;
}

.ec-orderlines-item:last-of-type {
  border-bottom: none;
}

/* This is fix for the sticky header issue where the sticky spacer renders widgets, but doesn't always get styles applied to it.  */
/* .elementor-sticky__spacer {
  .ecom-components-root {
    display: none;
  }
} */