/*
  Use to delete all the global styles from specific uls.
 */
/*
  If slider should be swiped from edge to edge, but still needs to preserve
  a container's paddings while not scrolled.
 */
/*
  Hide scrollbars but keep functionality.
 */
.scroll-for-more {
  position: relative;
  padding-top: 10px;
  margin-top: 10px;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 300;
  gap: 15px;
}
@media (min-width: 1025px) {
  .scroll-for-more {
    display: none;
  }
}
.scroll-for-more .arrow {
  position: absolute;
  height: 15px;
  width: 140px;
  top: -10px;
}
.scroll-for-more .arrow:before {
  content: "";
  height: 1px;
  width: 130px;
  position: absolute;
  background: #000000;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.scroll-for-more .arrow:after {
  content: "";
  height: 13px;
  width: 15px;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(../../resources/icons/arrow-forward--black.svg);
}

.background-color--blue .scroll-for-more:before,
.background-color--light-blue .scroll-for-more:before,
.background-color--dark-blue .scroll-for-more:before {
  background: #ffffff;
}
.background-color--blue .scroll-for-more:after,
.background-color--light-blue .scroll-for-more:after,
.background-color--dark-blue .scroll-for-more:after {
  background-image: url(../../resources/icons/arrow-forward--white.svg);
}
/*# sourceMappingURL=scroll-for-more.css.map */