/**
 * @file
 * Misc styles
 *
 */

/**
 * TNS slider
 */
.tns-controls,
.tns-nav {
  text-align: center;
}
.tns-controls button {
  font-weight: bold;
  font-size: 1.2em;
  color: #fff;
  background: rgba(0,0,0,0.25);
  border: none;
}
.tns-nav {
  margin-top: 1.5rem;
}
.tns-nav button {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: var(--brand-grey-light);
  border-radius: 50%;
  border: none;
}
.tns-nav button:not(:last-child) {
  margin-right: 1.5rem;
}
.tns-nav button.tns-nav-active {
  background: var(--brand-primary-color);
}

.tns-outer button[data-action="stop"],
.tns-outer button[data-action="start"]{
  display: none;
}