/*
$custom-select-padding-y:           $input-btn-padding-y;
$custom-select-padding-x:           $input-btn-padding-x;
$custom-select-indicator-padding:   1rem; // Extra padding to account for the presence of the background-image based indicator
$custom-select-bg-size:             12px 7px; // In pixels because image dimensions
$custom-select-box-shadow:          none;
$custom-select-indicator-color:     $brand-blue;
$custom-select-indicator:           url("../icons/sprite.svg");
$custom-select-background:          escape-svg($custom-select-indicator) no-repeat $custom-select-padding-x center / $custom-select-bg-size; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
*/
.slick-carousel-product {
  margin-top: 3.125rem; }
  @media (min-width: 992px) {
    .slick-carousel-product {
      margin-top: 4.375rem; } }

.slick-carousel-item .product-tile .tile-body {
  padding-bottom: 0; }
  .slick-carousel-item .product-tile .tile-body .color-swatches .swatches {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

.slick-carousel-item .slick-list {
  padding: 0 10%;
  margin: 0 -0.234375rem;
  -webkit-transition: all ease-in-out 275ms;
  transition: all ease-in-out 275ms; }
  .slick-carousel-item .slick-list:not(.slickmiddle):not(.slicklast) {
    margin-left: -10%; }
  .slick-carousel-item .slick-list.slickmiddle {
    padding: 0 calc(5% + 2px); }
  .slick-carousel-item .slick-list.slicklast {
    margin-right: -10%; }

.slick-carousel-item .slick-slide {
  margin: 0 0.234375rem; }

.slick-carousel-item .slick-dots {
  margin-top: 1.5625rem; }
  @media (min-width: 992px) {
    .slick-carousel-item .slick-dots {
      margin-top: 2.1875rem; } }
  .slick-carousel-item .slick-dots li {
    cursor: pointer; }
  .slick-carousel-item .slick-dots button {
    margin: 0.9375rem 0.3125rem;
    height: 0.125rem;
    width: 2.1875rem;
    padding: 0; }
    @media (min-width: 992px) {
      .slick-carousel-item .slick-dots button {
        width: 3.125rem; } }
    .slick-carousel-item .slick-dots button::before {
      content: '';
      border-bottom: 2px solid #ccc;
      width: 100%;
      color: transparent; }
    .slick-carousel-item .slick-dots button:focus {
      outline: 0; }
  .slick-carousel-item .slick-dots .slick-active button::before {
    border-bottom: 2px solid #707070; }

.slick-carousel-item .slick-arrow {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 3.125rem;
  height: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  right: 0;
  left: auto; }
  @media (min-width: 768px) {
    .slick-carousel-item .slick-arrow {
      width: 4.375rem; } }
  @media (min-width: 992px) {
    .slick-carousel-item .slick-arrow {
      width: 5rem; } }
  .slick-carousel-item .slick-arrow.slick-disabled {
    display: none !important; }
  .slick-carousel-item .slick-arrow span {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    background-image: url("../../../../../images/peter-millar-svg-right-arrow.svg");
    background-size: 0.625rem;
    width: 2.5rem;
    height: 2.5rem;
    background-position: 50%;
    background-repeat: no-repeat;
    right: 0.9375rem;
    left: auto;
    position: absolute;
    top: 35%;
    cursor: pointer; }
    @media (min-width: 768px) {
      .slick-carousel-item .slick-arrow span {
        right: 1.25rem; } }
  .slick-carousel-item .slick-arrow.prev-arrow {
    left: 0;
    right: auto; }
    .slick-carousel-item .slick-arrow.prev-arrow span.svg-left-arrow {
      background-image: url("../../../../../images/peter-millar-svg-left-arrow.svg");
      left: 0.9375rem;
      right: auto; }
      @media (min-width: 768px) {
        .slick-carousel-item .slick-arrow.prev-arrow span.svg-left-arrow {
          left: 1.25rem; } }

.experience-commerce_layouts-customCarousel .slick-carousel-item {
  overflow: hidden; }
  @media (min-width: 768px) {
    .experience-commerce_layouts-customCarousel .slick-carousel-item {
      padding: 0 0.46875rem; } }
  @media (min-width: 992px) {
    .experience-commerce_layouts-customCarousel .slick-carousel-item {
      padding: 0; } }