/* ************************************* */
/*                                       */
/* Tiny Slider CUSTOM                    */
/*                                       */
/* ************************************* */

.tns-outer {
    position:relative;
    margin-left:30px;
    margin-right:30px;
    margin-bottom:20px !important;
  }

  .tns-outer + p.small {
      text-align:center;
  }

  .tns-controls {
      width:auto;
      height:100%;
      position:absolute;
      z-index:1;
      display:flex;
      justify-content: space-between;
      pointer-events: none;
      left: -30px;
      right: -30px;
  }

  .tns-controls button {
      display:block;
      pointer-events:auto;
      padding:0;
      background-color: var(--color-grey-light);
      background-repeat: no-repeat;
      background-size: 60%;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      width:30px;
  }

.tns-controls button[data-controls='prev'] {
      background-image: url("img/icon-chevron-left.svg");
      background-position: center left;
}

.tns-controls button[data-controls='next'] {
      background-image: url("img/icon-chevron-right.svg");
      background-position: center right;
}

.tns-controls button[data-controls='prev']:disabled,
.tns-controls button[data-controls='next']:disabled {
  background-image: none;
  cursor: default;
}

.tns-inner {
   /* margin-left:30px;
    margin-right:30px;
    overflow:hidden;*/
}

.tns-horizontal.tns-subpixel > .tns-item {
    vertical-align:middle;
    max-height:72px;
    cursor:pointer;
}

.thumb-active {
    border-top:5px solid var(--color-accent);
    border-bottom:5px solid var(--color-accent);
}