// =============================================================================
// Stencil Checkout  - Customize the checkout experience
// =============================================================================
//
// This file is for checkout customizations for Default one-page checkout.
//
// -----------------------------------------------------------------------------


.brands-wrap {
  padding-top: 10%; 
  max-width: 960px;
  margin: 0 auto;
}
.carousel {
  background: transparent;
}
.gallery-cell {
  width: 100%; /* half-width */
  height: auto;
  padding: 0 15px; 
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  @media (min-width: 548px) {
    width: 33.3%;
  }
  &.is-selected {
    img {
      transform: scale(1);
      -webkit-filter: grayscale(0) blur(0); 
      filter: grayscale(0) blur(0); 
    }
  }
  img {
    transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
    max-width: 150px;
    display: inline-block; 
    transform: scale(0.7);
    -webkit-filter: grayscale(100%) blur(2px); 
    filter: grayscale(100%) blur(2px); 
  }
}
.flickity-prev-next-button.previous {
  left: -40px;
 
}
.flickity-prev-next-button.next {
  right: -40px;
}

.brand-carousel {
 margin: 0 60px; /* space for prev/next buttons */
}
.flickity-prev-next-button .arrow {
  fill: white;
  box-shadow: 0 0 5px black; 
}
.flickity-prev-next-button.no-svg {
  color: white;
}
.flickity-prev-next-button {
  background: transparent;
  &:hover {
    background: transparent; 
  }
}