// Overrides of the main flickity scss file (in vendors folder)

.flickity-prev-next-button {
  width: 25px;
  height: 25px;
  transition: background .3s;
  border-radius: 0;
  background: $red;
  display: none;
  .arrow {
    fill: #fff;
  }
  @media screen and (min-width: $bp-laptop) {
    display: block;
  }
}

.flickity-prev-next-button.previous { 
  top: 30px;
  right: 60px;
  left: auto;
  // left: em(-30); 
  // border: solid 1px #b5b5b5;
  // border-right: 0;
}
.flickity-prev-next-button.next { 
  top: 30px;
  right: 20px;
  // right: em(-30); 
  // border: solid 1px #b5b5b5;
  // border-left: 0;
}

// .flickity-rtl .flickity-prev-next-button.previous {
//   right: em(-35);
// }
// .flickity-rtl .flickity-prev-next-button.next {
//   left: em(-35);
// }

.flickity-page-dots {
  display: none;
}

.flickity-prev-next-button:hover { background: $red; }