﻿/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
	position: relative;
	/*height: 100%!important;*/ min-height: 250px; 
  }
  
  .flickity-enabled:focus { outline: none; }
  
  .flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%!important; min-height: 250px; 
  }
  
  .flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%; min-height: 250px; 
  }
  
  /* draggable */
  
  .flickity-enabled.is-draggable {
	-webkit-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;
	background: rgba(0, 0, 0, 0);
	border: none;
	color: #fff;
	  opacity: .7;
  }
  
  .flickity-button:hover {
	background: rgba(0, 0, 0, 0);
	cursor: pointer;
  }
  
  .flickity-button:focus {
	outline: none;
  }
  
  .flickity-button:active {
	opacity: 0.6;
  }
  
  .flickity-button:disabled {
	opacity: 0.3;
	cursor: auto;
	/* prevent disabled button from capturing pointer up event. #716 */
	pointer-events: none;
  }
  
  .flickity-button-icon {
	fill: #fff;
  }
  
  /* ---- previous/next buttons ---- */
  
  .flickity-prev-next-button {
	top: calc(100% + 10px);
	  display: flex; justify-content: center; align-items: center;
	width: min(200px, 40vw);
	height: 50px;
	border-radius: 0;
	  z-index: 2; 
	  opacity: 1;
	 
	  transition: .25s ease all; 
  }
.flickity-prev-next-button:before {
	position: relative; z-index: 2; font-family: 'Font Awesome 6 Free', icon; font-size: 20px; font-weight: 900; 
	color: #fff; opacity: 1;
}
.flickity-prev-next-button svg {
	width: 0px; height: 0px; opacity: 0; 
}

.flickity-prev-next-button:hover { background: #ff9100!important; color: #000; opacity: 1; }
.flickity-prev-next-button:hover:before { color: #000; opacity: 1; }
  
  .flickity-prev-next-button.previous { right: calc(50% + 6px); background: #000; }
  .flickity-prev-next-button.next { left: calc(50% + 6px); background: #3443b5; }
  
  .flickity-prev-next-button.previous:before { content: "\f060"; }
  .flickity-prev-next-button.next:before { content: "\f061"; }
  /* right to left */
  .flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: 0px;
  }
  .flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: 0px;
  }
  
  .flickity-prev-next-button .flickity-button-icon {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%;
  }
  
  /* ---- page dots ---- */
  
.flickity-page-dots {
	position: absolute; pointer-events: none; 
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1;
	display: flex; justify-content: center; align-items: center; 
  }
  
  .flickity-rtl .flickity-page-dots { direction: rtl; }
  
  .flickity-page-dots .dot {
	display: inline-block; pointer-events: all;
	width: 12px;
	height: 12px;
	margin: 0 4px;
	background: #000;
	opacity: 0.5;
	border-radius: 50%;
	cursor: pointer;
  }
  
  .flickity-page-dots .dot.is-selected {
	opacity: 1; background: #3443b5; 
	width: 15px;
	height: 15px;
  }