.spicr-slider {
  color: $slider-color;
  .item {
    height: $slider-height;
  }
  .item-bg {
    position: absolute; top: 0; // right: 0; bottom: 0; left: 0;
    width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%;
    background-size: cover;
  }
  h1, h2, h3, h4 {
    color: $slider-heading-color;
  }
  // handle optional opacity
  // .next .spicr-layer:not([data-opacity="false"]),
  .spicr-layer:not([data-opacity="false"]) {
    opacity: 0;
  }
  .active .spicr-layer:not([data-opacity="false"]) {
    opacity: 1;
  }
  .spicr-pages {
    bottom: 0;
    width: 100%;
    padding: 1.5rem;
    list-style: none;
    // z-index: 1;
    // text-align: center;
    // display: flex;
    // flex-direction: row;
    // justify-content: center;
    li {
      display: inline-block;
      width: 20px;
      height: 10px;
      margin: 0 1px;
      vertical-align: middle;
      cursor: pointer;
      background-color: transparent;
      border: 1px solid #fff;
    }
    li.active {
      width: 22px;
      height: 10px;
      background-color: #fff;
    }
  }
}