/* Apply color scheme dynamically */
@import url(https://fonts.bunny.net/css?family=inter:300,400,500,600,700,800,900|urbanist:500,600,700,800,900);
:root {
  --primary_main_colour_1: {{ color_scheme.primary_main_colour_1 }};
  --primary_main_colour_2: {{ color_scheme.primary_main_colour_2 }};
  --primary_main_colour_3: {{ color_scheme.primary_main_colour_3 }};
  --primary_main_colour_4: {{ color_scheme.primary_main_colour_4 }};
  --primary_black: {{ color_scheme.primary_black }};
  --primary_white: {{ color_scheme.primary_white }};
  --primary_button_gray: {{ color_scheme.primary_button_gray }};
  --primary_button_white: {{ color_scheme.primary_button_white }};
  --primary_shadows_spreed: {{ color_scheme.primary_shadows_spreed }};
  --primary_site_danger: {{ color_scheme.primary_site_danger }};
  --primary_site_success: {{ color_scheme.primary_site_success }};
  --primary_site_background: {{ color_scheme.primary_site_background }};
  --primary_site_text: {{ color_scheme.primary_site_text }};
  --primary_grey: {{ color_scheme.primary_grey }};
  --primary_grey_light: {{ color_scheme.primary_grey_light }};
  --primary_grey_light_2: {{ color_scheme.primary_grey_light_2 }};
  --primary_grey_light_3: {{ color_scheme.primary_grey_light_3 }};
  --primary_grey_light_4: {{ color_scheme.primary_grey_light_4 }};
  --primary_grey_dark: {{ color_scheme.primary_grey_dark }};
  --primary_footer_bg: {{ color_scheme.primary_footer_bg }};
}

.slider-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.slider-wrapper .new_product_container {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-items: stretch;
}
.slider-wrapper .new_product_container .site_home_prod_card {
  border-radius: 2rem;
  background-color: var(--primary_main_colour_4);
  border: solid 1px color-mix(in srgb, var(--primary_site_background) 35%, var(--primary_main_colour_1));
  transition: all 1.3s ease-in-out;
}
.slider-wrapper .new_product_container .site_home_prod_card:hover {
  box-shadow: 0.1rem 0.1rem 0.2rem color-mix(in srgb, var(--primary_grey_light_3) 90%, var(--primary_site_background)), -0.1rem -0.1rem 0.2rem color-mix(in srgb, var(--primary_grey_light_4) 90%, var(--primary_site_background));
  border-radius: 2rem;
  background-color: var(--primary_main_colour_3);
  transition: all 1.3s ease-in-out;
}
.slider-wrapper .new_product_container .slick-slide, .slider-wrapper .new_product_container .slick-initialized .slick-slide {
  display: inline-block;
  margin: 20px 1rem;
  vertical-align: top;
  min-height: 280px;
  position: relative;
  transition: all 1.3s ease-in-out;
}
.slider-wrapper .new_product_container .slick-slide:hover, .slider-wrapper .new_product_container .slick-initialized .slick-slide:hover {
  transform: scale(1.03);
  transition: all 1.3s ease-in-out;
}
.slider-wrapper .new_product_container .slick-slide .product_label_box, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_label_box {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
}
.slider-wrapper .new_product_container .slick-slide .product_label_box .product_label, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_label_box .product_label {
  background-color: var(--primary_main_colour_1);
  box-shadow: 0.1rem 0.1rem 0.2rem color-mix(in srgb, var(--primary_grey_light_3) 90%, var(--primary_site_background)), -0.1rem -0.1rem 0.2rem color-mix(in srgb, var(--primary_grey_light_4) 90%, var(--primary_site_background));
  border-radius: 2rem;
  padding: 0.5rem;
  position: relative;
}
.slider-wrapper .new_product_container .slick-slide .product_image, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  position: relative;
}
.slider-wrapper .new_product_container .slick-slide .product_image .product_image_cta, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_image .product_image_cta {
  outline: none;
  border: none;
}
.slider-wrapper .new_product_container .slick-slide .product_image .product_image_cta img, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_image .product_image_cta img {
  border-radius: 2rem;
  background: var(--primary_main_colour_1);
  background: linear-gradient(to right, var(--primary_main_colour_1) 30%, var(--primary_main_colour_4) 30%, var(--primary_main_colour_4) 100%);
  border: solid 1px color-mix(in srgb, var(--primary_site_background) 35%, var(--primary_main_colour_1));
}
.slider-wrapper .new_product_container .slick-slide .product_info_box_holder, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_info_box_holder {
  padding: 1.5rem;
}
.slider-wrapper .new_product_container .slick-slide .product_info_box_holder .product_info_box .product_name, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_info_box_holder .product_info_box .product_name {
  padding: 1rem 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.slider-wrapper .new_product_container .slick-slide .product_info_box_holder .product_info_box .product_name h5, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_info_box_holder .product_info_box .product_name h5 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  text-align: left;
  font-weight: 400;
}
.slider-wrapper .new_product_container .slick-slide .product_info_box_holder .product_info_box .product_name h5 .product_title, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_info_box_holder .product_info_box .product_name h5 .product_title {
  color: var(--primary_site_text);
  font-weight: 400;
}
.slider-wrapper .new_product_container .slick-slide .product_info_box_holder .product_info_box .product_pricing, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_info_box_holder .product_info_box .product_pricing {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.slider-wrapper .new_product_container .slick-slide .product_info_box_holder .product_info_box .product_pricing .product_price, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_info_box_holder .product_info_box .product_pricing .product_price {
  width: 100%;
  color: var(--primary_site_text);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.slider-wrapper .new_product_container .slick-slide .product_info_box_holder .product_info_box .product_pricing .product_price .price, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_info_box_holder .product_info_box .product_pricing .product_price .price {
  font-weight: 700;
  font-size: clamp(1.125rem, 1.8vw, 1.35rem);
}
.slider-wrapper .new_product_container .slick-slide .product_info_box_holder .product_info_box .product_pricing .product_price .strike, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_info_box_holder .product_info_box .product_pricing .product_price .strike {
  color: var(--primary_main_colour_4);
  font-size: 0.85rem;
  text-decoration: line-through;
  font-weight: 400;
}
.slider-wrapper .new_product_container .slick-slide .product_info_box_holder .product_cta_box, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_info_box_holder .product_cta_box {
  max-width: 20%;
  line-height: 1rem;
}
.slider-wrapper .new_product_container .slick-slide .product_info_box_holder .product_cta_box .product_cta:link, .slider-wrapper .new_product_container .slick-slide .product_info_box_holder .product_cta_box .product_cta:active, .slider-wrapper .new_product_container .slick-slide .product_info_box_holder .product_cta_box .product_cta:visited, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_info_box_holder .product_cta_box .product_cta:link, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_info_box_holder .product_cta_box .product_cta:active, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_info_box_holder .product_cta_box .product_cta:visited {
  border: none;
  text-decoration: none;
  color: var(--primary_main_colour_2);
  transition: all 1.3s ease-in-out;
  outline: none;
  font-size: 2rem;
  cursor: pointer;
}
.slider-wrapper .new_product_container .slick-slide .product_info_box_holder .product_cta_box .product_cta:hover, .slider-wrapper .new_product_container .slick-initialized .slick-slide .product_info_box_holder .product_cta_box .product_cta:hover {
  color: var(--primary_main_colour_1);
  transition: all 1.3s ease-in-out;
}
.slider-wrapper .site_view_all {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 2rem;
  width: 100%;
}
.slider-wrapper .site_view_all .site_view_all_cta:link, .slider-wrapper .site_view_all .site_view_all_cta:active, .slider-wrapper .site_view_all .site_view_all_cta:visited {
  text-align: center;
  border: solid 1px color-mix(in srgb, var(--primary_main_colour_1) 85%, var(--primary_white));
  padding: 10px 40px;
  font-size: 1rem;
  border-radius: 2rem;
  text-decoration: none;
  background: color-mix(in srgb, var(--primary_main_colour_2) 100%, var(--primary_main_colour_4));
  background: linear-gradient(to right, color-mix(in srgb, var(--primary_main_colour_2) 100%, var(--primary_main_colour_4)) 0%, color-mix(in srgb, var(--primary_main_colour_1) 100%, var(--primary_main_colour_4)) 90%);
  color: var(--primary_white);
  text-transform: capitalize;
  letter-spacing: 0.045rem;
  font-weight: 700;
  transform: translateY(0);
  outline: none;
  box-sizing: border-box;
  transition: all 1.3s ease-in-out;
}
.slider-wrapper .site_view_all .site_view_all_cta:hover {
  color: var(--primary_white);
  background: color-mix(in srgb, var(--primary_main_colour_3) 45%, var(--primary_main_colour_4) 100%);
  transform: translateY(-2px);
  transition: all 1.3s ease-in-out;
}

.slick-list {
  overflow: hidden;
}

.slick-arrow {
  background-position: -320px -117px;
  display: block;
  height: 57px;
  position: absolute;
  text-indent: -9999px;
  top: 30%;
  /*   transform: translateY(-50%); */
  z-index: 99;
  width: 50px;
  background-image: url("https://staging.michaels.com/on/demandware.static/Sites-MichaelsUS-Site/-/default/v1499316484198/images/sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
  display: none !important;
}

.slick-prev,
.slick-prev:hover {
  left: 0;
  background-position: -320px -117px;
}

/*.slick-prev:hover {
  background-position: -320px -185px;
}*/
.slick-next,
.slick-next:hover {
  right: -2px;
  background-position: -388px -117px;
}

/*.slick-next:hover {
  background-position: -386px -185px;
}*/
.slick-dots {
  margin: 50px auto 0px;
}
.slick-dots li {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin: 0 4px;
  font-size: 2rem;
  line-height: 2rem;
}
.slick-dots li button {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 2rem;
  line-height: 2rem;
  color: transparent;
  border: none;
  border-radius: 50%;
  background: color-mix(in srgb, var(--primary_main_colour_4) 90%, var(--primary_site_background));
  border: solid 1px color-mix(in srgb, var(--primary_site_background) 35%, var(--primary_main_colour_1));
  cursor: pointer;
  outline: none;
}
.slick-dots li button:hover {
  background: color-mix(in srgb, var(--primary_main_colour_3) 95%, var(--primary_main_colour_2));
  border: none;
}
.slick-dots li.slick-active button {
  background-color: var(--primary_main_colour_1);
}

.slick-track {
  display: flex;
  align-items: stretch;
}

@media only screen and (max-width: 767px) {
  ul.slick-container {
    padding: 0;
  }
  li.slick-slide,
.slick-initialized li.slick-slide {
    padding: 5px;
  }
  .slick-arrow {
    opacity: 0.85;
  }
}

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