@randstad-design/orbit-multitheme/dist/assets/theme-randstad/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; } }

.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(15, 25, 65, 0.7); }
  .carousel__dots--photo .slick-dots.dark button:hover::before {
    border-color: #0f1941; }
  .carousel__dots--photo .slick-dots.dark .slick-active button::before {
    background: #0f1941; }

@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 */