/* css/style.css */

.probu-link-slider {
  margin: 60px -15px 0 -15px;
}
.probu-link-slider .slick-track {
  padding-top: 60px !important;
}
.probu-link-slider .slide-item {
  margin: 15px 15px;
  padding: 15px 25px;
  background-color: #f4f3f2;
  text-align: center;
}
.probu-link-slider.bg-none .slide-item {
  background-color: transparent;
}
.slide-img-container {
  margin: -60px -0 0 -0;
  height: 0;
  padding-bottom: 75%;
  background-size: cover;
  background-position: center center;
}

.probu-link-slider .slide-btn {
  background-color: #035f7f;
  color: #fff;
  padding: 2px 20px;
  text-transform: uppercase;
  font-size: 0.9rem;
  margin: 30px 10px 30px 10px;
  display: inline-block;
  border: 1px solid #035f7f;
}
.probu-link-slider .slide-btn:hover {
  background-color: #fff;
  color: #035f7f;
  border: 1px solid #035f7f;
}

.probu-link-slider button,
.probu-link-slider .button {
  background-color: transparent !important;
  border: 0 !important;
}

.probu-link-slider .slick-next {
  right: -5px;
}
.probu-link-slider .slick-prev,
.probu-link-slider .slick-next {
  background-color: transparent !important;
}
.probu-link-slider .slick-prev:before,
.probu-link-slider .slick-next:before {
  color: rgba(0, 0, 0, 0.1);
}
.probu-link-slider.fullwidth {
  position: relative;
  width: 100vw;
  left: calc(50% + 15px);
  transform: translateX(-50%);
}

.probu-link-slider .slide-text {
  padding: 30px 0 0 0;
}
.probu-link-slider .slide-text h2 {
  min-height: 4rem;
  font-size: 1.6rem !important;
}

.probu-link-slider.gutter-small .slide-item {
  padding: 0;
}
.probu-link-slider .slick-prev:before,
.probu-link-slider .slick-next:before {
  display: none;
}
.probu-link-slider .slick-prev,
.probu-link-slider .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  font-size: 1.9rem;
  color: rgba(0, 0, 0, 0.2) !important;
  color: #dbdbdb !important;
  z-index: 10;
  cursor: pointer;
  font-weight: 100 !important;
}

.probu-link-slider .slick-prev:hover i,
.probu-link-slider .slick-next:hover i {
  color: #000;
}

.probu-link-slider .slick-prev i,
.probu-link-slider .slick-next i {
  display: block;
  font-weight: 100 !important;
}
.probu-link-slider .slick-prev {
  left: -1.5rem;
}
.probu-link-slider .slick-next {
  right: -0.5rem;
}

.probu-link-slider {
  padding: 0 15px;
}
@media (min-width: 800px) {
  .probu-link-slider {
    padding: 0px;
  }
  .probu-link-slider .slick-prev {
    left: -3.5rem;
  }
  .probu-link-slider .slick-next {
    right: -2.5rem;
  }
}
@media (min-width: 1200px) {
  .probu-link-slider .slick-prev {
    left: -1.5rem;
  }
  .probu-link-slider .slick-next {
    right: -0.5rem;
  }
}
@media (min-width: 1300px) {
  .probu-link-slider .slick-prev {
    left: -3.5rem;
  }
  .probu-link-slider .slick-next {
    right: -2.5rem;
  }
}
/* alleen fullwidth mét arrows */
.probu-link-slider.fullwidth.arrows-on {
  width: calc(100vw - 80px);
  left: calc(50% + 15px);
  transform: translateX(-50%);
}
.probu-link-slider.fullwidth.arrows-on .slick-prev {
  left: -2.5rem;
}
.probu-link-slider.fullwidth.arrows-on .slick-next {
  right: -1.5rem;
}