/*————————————

Carousel indicators v29

————————————*/

.u-carousel-indicators-v29 {

position: absolute;
white-space: nowrap;
text-align: center;

li {
  display: inline-block;
  min-width: 30px;
  cursor: pointer;
  float: none;
  border-top: 3px solid $g-color-white;
  margin: -2px 20px 0;

  &.slick-active {
    color: $g-color-primary;
    border-top-color: $g-color-primary;
  }
}

.u-dot-title {
  display: none;
}

}

@media (min-width: $g-sm) {

.u-carousel-indicators-v29 {
  border-top: 1px solid;

  li {
    border-top: 3px solid transparent;
    padding-top: 10px;
    margin: -2px 20px 0;
  }

  .u-dot-title {
    display: block;
  }
}

}