/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/* Styling for the Collectors labels section on the About page */
.collectors-labels .slider-2 {
  position: relative;
}

.collectors-labels .slick-arrow {
  position: absolute;
  z-index: 20;
  top: 40%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.collectors-labels .slick-prev {
  left: 18%;
}

.collectors-labels .slick-next {
  right: 18%;
}

@media (min-width: 768px) {
  .collectors-labels .slick-prev {
    left: 35%;
  }

  .collectors-labels .slick-next {
    right: 35%;
  }
}

.collectors-labels .slide, .slider-2 {
  padding: 3rem 3rem;
  text-align: center;
  outline: none;
}

.collectors-labels .slide .image {
  width: 100%;
  display: block;
  margin-bottom: 2rem;
  opacity: .2;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}

.collectors-labels .slide p {
  font-size: 14px;
  padding: 0 1rem;
  line-height: 1.5em;
  color: #000;
  opacity: 0;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}

.collectors-labels .slide.slick-active .image {
  opacity: 1;
}

.collectors-labels .slide.slick-active p {
  opacity: 1;
}