/* Variables generated by the `map-variables.js` script so that SASS variable values are accessible via CSS (e.g. for usage by the banner-builder) */
:root {
  --theme-brand-default: var(--theme-colour-orange, #ed7c00);
  --theme-brand-secondary: var(--theme-colour-black, #000);
  --theme-btn-border-radius: 10px;
  --theme-btn-font-size: 1em;
  --theme-btn-padding: 10px 16px;
  --theme-btn-primary-bg: var(--theme-brand-default, var(--theme-colour-orange, #ed7c00));
  --theme-btn-primary-border: 1px solid var(--theme-brand-default, var(--theme-colour-orange, #ed7c00));
  --theme-btn-primary-color: var(--theme-colour-white, #fff);
  --theme-btn-primary-hover-bg: var(--theme-brand-secondary, var(--theme-colour-black, #000));
  --theme-btn-primary-hover-border: 1px solid var(--theme-brand-secondary, var(--theme-colour-black, #000));
  --theme-btn-primary-hover-color: var(--theme-colour-white, #fff);
  --theme-btn-secondary-bg: var(--theme-colour-white, #fff);
  --theme-btn-secondary-border: 1px solid var(--theme-brand-default, var(--theme-colour-orange, #ed7c00));
  --theme-btn-secondary-color: var(--theme-brand-default, var(--theme-colour-orange, #ed7c00));
  --theme-btn-secondary-hover-bg: var(--theme-brand-secondary, var(--theme-colour-black, #000));
  --theme-btn-secondary-hover-border: 1px solid var(--theme-brand-secondary, var(--theme-colour-black, #000));
  --theme-btn-secondary-hover-color: var(--theme-colour-white, #fff);
  --theme-colour-black: #000;
  --theme-colour-lightgrey: #f5f5f5;
  --theme-colour-white: #fff;
}


@media (hover: none) {
  .lh1 > a {
    pointer-events: none;
  }
}
/* Fixes a custom design issue with the cart button showing cut out in the PDP for live inventory v2 */
.ex-product .catalog-single .product-shopping-actions .product-shopping-actions-addtocart .live-inventory-v2-add-to-cart-wrapper button {
  width: 100%;
}
.ex-product .catalog-single .product-shopping-actions .product-shopping-actions-addtocart .live-inventory-v2-add-to-cart-wrapper {
  max-width: none;
}


/* Removes border from filters wrapper */

.shop-filters {
 border: 0 !important;
}

.banner-hero-redesign img {
    width: 100%;
  }