/*! Flickity v2.2.0
https://flickity.metafizzy.co
---------------------------------------------- */

.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;
}

/* ---- flickity-button ---- */

.flickity-button {
  /*position: absolute;*/
	z-index: 7;
  /*background: hsla(0, 0%, 100%, 0);*/
  border: none;
  /*color: hsla(0, 0%, 100%, 1);*/
  color: #ffffff;
  background: transparent;
	opacity: 1;
		-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.flickity-button svg { color: #ffffff; }

.main-carousel .flickity-button { display: none; }

.mouseovermain:hover .flickity-button {
	opacity: 1;
}

.flickity-button:hover {
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 0;
}

.flickity-button:active {
  opacity: 0.9;
}

.flickity-button:disabled {
  opacity: 0.0;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
	display: none;
}

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

.flickity-prev-next-button {
  z-index: 7;
  /*top: 50%;*/
	/*margin-top: 0.6vw;*/
  width: 44px;
  height: 44px;
  margin-top: 0.5rem;
  border-radius: 0%;
  /* vertically center */
  /*transform: translateY(-50%);*/
  filter: brightness(1);
}

.flickity-prev-next-button.previous { left: -18px; }
.flickity-prev-next-button.next { right: -18px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: 0;
  right: auto;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: 0px;
  left: auto;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 35%;
  top: 35%;
  width: 30%;
  height: 30%;
}

/* ---- page dots ---- */

.flickity .controls { display: inline-block; width: 100%; text-align: center; padding-top: 24px; }

.flickity-page-dots {
  position: relative;
  /*top: -44px;*/
  display:inline-block;
  /*width: 100%;*/
  /*width: auto;*/
  /*margin: auto;*/
  /*top: 2vw;
  right: 1.8vw;*/
  /*padding: 0.5rem 0 0.25rem 0;*/
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
  /*border: 2px dashed hotpink;*/
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 2px;
  cursor: pointer;
  padding: 0;
}

.flickity-page-dots .dot::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0.6;
  background: #ffffff;
  transition: all 0.25s ease-in-out;
}

.flickity-page-dots .dot.is-selected::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.25);
}

.flickity-page-dots .dot:hover::before {
  opacity: 1;
  background: var(--link-color);
  transform: translate(-50%, -50%) scale(1.25);
}
.flickity-page-dots .dot.is-selected:hover::before {
  background: #ffffff;
}

span.pause, span.play {
  position: relative; display: inline-block;
  height: 24px; width: 24px; margin: 2px; padding: 0;
  cursor: pointer;
}

span.pause:before, span.play:before {
  content: '||';
  font-size: 13px;
  font-weight: 900;
  color: #ffffff;
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  /*top: 50%;
  left: 50%;
  */
  opacity: 0.6;
}
span.play:before { content: '►'; }

span.pause.pactive:before, span.play.pactive:before { opacity: 1; }

span.pause:hover:before, span.play:hover:before {
  color: var(--link-color);
  opacity: 1;
}

@media screen and (max-width: 720px) {

	.flickity-prev-next-button.previous { left: 0px; }
.flickity-prev-next-button.next { right: 0px; }
/* right to left */
.flickity-prev-next-button {
  top: 50%;
  width: 12vw;
  height: 12vw;
  border-radius: 0%;
  /* vertically center */
  transform: translateY(-50%);
}
}