/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

    This file contains rules for
    IMAGE CAROUSEL
    that implement the UU design system specifically for Sitevision

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Fix max-width collapsing image carousel */
ul.sv-carousel__stage {
  max-width: initial;
}

/* Move text below pictures */
div.sv-imgslideshow-item__description-wrapper {
  position: relative;
  text-align: start;
  top: unset;
  padding-top: 1rem;
}

div.sv-imgslideshow-item__description {
  background-color: unset;
  color: unset;
  padding: unset;
  line-height: initial;
  border-radius: unset;
}

/* Let dots be below images and text */
div.sv-carousel__dots {
  position: static;
}

/* Style buttons */
div.sv-carousel__navbtn-next,
div.sv-carousel__navbtn-prev {
  color: white;
  background-color: white;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  border-radius: 20px;
  border: 3px solid black;
}

div.sv-carousel__navbtn-next::after,
div.sv-carousel__navbtn-prev::after {
  top: 0px;
  border: none;
  margin-top: 0px;
  height: 34px;
  width: 34px;
  filter: invert(1);
}

div.sv-carousel__navbtn-next::after {
  left: 0px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGFnZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7fQ0KCS5zdDF7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMCw2TDguNiw3LjRsNC42LDQuNmwtNC42LDQuNkwxMCwxOGw2LTZMMTAsNnoiLz4NCjwvc3ZnPg0K);
}

div.sv-carousel__navbtn-prev::after {
  right: 0px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGFnZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7fQ0KCS5zdDF7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNS40LDcuNEwxNCw2bC02LDZsNiw2bDEuNC0xLjRMMTAuOCwxMkwxNS40LDcuNHoiLz4NCjwvc3ZnPg0K);
}