

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */


.flickity-prev-next-button {
    display: block;
    position: absolute;
    z-index: 100;
    top: 49%;
    height: 50px;
    width: 50px;
    background: none;
    padding: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: .7;
    color: #363940;
    border-radius: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
}

.flickity-prev-next-button:hover { background: transparent; opacity: 1; }
.flickity-prev-next-button.previous { left: 1%;  }
.flickity-prev-next-button.next { right: 1%; }

.flickity-prev-next-button svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.flickity-prev-next-button path {
    opacity: .8;
    fill: #fff;
}

.flickity-prev-next-button:hover path {
    opacity: 1;
    fill: #fff;
}

.flickity-prev-next-button[disabled] {
    opacity: .5;
}

