@randstad-design/orbit-multitheme/dist/assets/theme-spherion/components/carousels/photo.css

multitheme Front-end code based on Randstad Human Forward components

@media (min-width: 941px) {
  .gradient-overlay::before {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
  .gradient-overlay--dark-from-left::before {
    background: -webkit-linear-gradient(left, rgba(15, 25, 65, 0.5), rgba(15, 25, 65, 0) 60%);
    background: linear-gradient(to right, rgba(15, 25, 65, 0.5), rgba(15, 25, 65, 0) 60%); }
  .gradient-overlay--dark-from-right::before {
    background: -webkit-linear-gradient(right, rgba(15, 25, 65, 0.5), rgba(15, 25, 65, 0) 80%);
    background: linear-gradient(to left, rgba(15, 25, 65, 0.5), rgba(15, 25, 65, 0) 80%); }
  .gradient-overlay--light-from-left::before {
    background: -webkit-linear-gradient(left, rgba(247, 245, 240, 0.7), rgba(247, 245, 240, 0) 60%);
    background: linear-gradient(to right, rgba(247, 245, 240, 0.7), rgba(247, 245, 240, 0) 60%); }
  .gradient-overlay--light-from-right::before {
    background: -webkit-linear-gradient(right, rgba(247, 245, 240, 0.7), rgba(247, 245, 240, 0) 80%);
    background: linear-gradient(to left, rgba(247, 245, 240, 0.7), rgba(247, 245, 240, 0) 80%); } }

.carousel--photo .banner__slide,
.carousel--photo .slick-slide {
  position: relative; }

.carousel__dots--photo {
  height: 50px;
  position: absolute;
  top: 150px;
  width: 100%;
  z-index: 1; }
  .carousel__dots--photo .slick-dots {
    bottom: 10px !important; }
    @media (min-width: 941px) {
      .carousel__dots--photo .slick-dots {
        bottom: 30px !important; } }
  .carousel__dots--photo .slick-dots.dark button::before {
    border-color: rgba(0, 0, 0, 0.7); }
  .carousel__dots--photo .slick-dots.dark button:hover::before {
    border-color: #2e2e2e; }
  .carousel__dots--photo .slick-dots.dark .slick-active button::before {
    background: #2e2e2e; }

@media (min-width: 941px) {
  .carousel--photo {
    position: relative; }
    .carousel--photo .slick-track {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; }
    .carousel--photo .slick-slide {
      height: auto !important; }
      .carousel--photo .slick-slide > div {
        height: 100%; }
    .carousel--photo .banner__slide,
    .carousel--photo .banner__wrapper {
      height: 100%; }
  .carousel__dots--photo {
    bottom: 0;
    top: auto !important; } }

/*# sourceMappingURL=photo.css.map */