/* Slider */
.flo-slick-slide-container {
	position: relative;
}
.type-post .entry-content > .flo-slick-gallery-block-slider-wrapper:not(.multiple_items) {
	width: var(--siteContentWidth);
}
.flo-slick-gallery-block-slider-wrapper {
	margin-top: var(--top-margin);
	margin-bottom: var(--bottom-margin);
	@media print, screen and (max-width: 767px) {
		margin-top: var(--mobile-top-margin);
		margin-bottom: var(--mobile-bottom-margin);
	}
}
.flo-slick-gallery-block-slider {
	padding-bottom: 3em;
	min-height: var(--slider-height);

	&.slick-slider {
		position: relative;
		display: block;
		box-sizing: border-box;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
	}
	.slick-list {
		position: relative;
		overflow: hidden;
		display: block;
		margin: 0;
		padding: 0;
		//height: auto !important;

		&:focus {
			outline: none;
		}

		&.dragging {
			cursor: pointer;
			cursor: hand;
		}
	}

	&.adaptive-height-one-slide {
		//  fix the slide height issue for adaptive slider
		.slick-list {
			height: auto !important;
		}
	}

	&.slick-slider .slick-track,
	&.slick-slider .slick-list {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	&.multiple_items {
		.slick-slide {
			margin: 0 var(--items-gap);
		}
		img,
		video {
			height: var(--slider-height);
			overflow: hidden;
			margin-bottom: 0px !important;
		}
	}

	&.singleitem {
		.slick-slide {
			height: var(--slider-height);

			img,
			video {
				width: 100%;
				height: 100%;
				max-width: 100%;
				max-height: 100%;
				object-fit: contain;
				object-position: center center;
				margin-bottom: 0px !important;

				@media print, screen and (max-width: 767px) {
					-o-object-fit: contain;
					object-fit: contain;
				}
			}
		}
	}

	.slick-arrow {
		bottom: 0rem;
		color: inherit; /*for visible nearby, when arrows are below, we do not need to use the elements color*/

		&.flo-slick-gallery-block-prev-arrow {
			left: calc(50% - 11.25em);
		}
		&.flo-slick-gallery-block-next-arrow {
			right: calc(50% - 11.25em);
		}
	}

	.slick-track {
		position: relative;
		left: 0;
		top: 0;
		display: block;
		margin-left: auto;
		margin-right: auto;

		&:before,
		&:after {
			content: '';
			display: table;
		}

		&:after {
			clear: both;
		}

		.slick-loading & {
			visibility: hidden;
		}
	}
	.slick-slide {
		float: left;
		height: 100%;
		min-height: 1px;
		[dir='rtl'] & {
			float: right;
		}
		img {
			display: inline-block;
		}
		&.slick-loading img {
			display: none;
		}

		//display: none;

		&.dragging img {
			pointer-events: none;
		}

		.slick-initialized & {
			display: block;
		}

		.slick-loading & {
			visibility: hidden;
		}

		.slick-vertical & {
			display: block;
			height: auto;
			border: 1px solid transparent;
		}
	}
	.slick-arrow.slick-hidden {
		display: none;
	}

	@media print, screen and (max-width: 767px) {
		padding-bottom: 1.5em;

		min-height: var(--slider-mobile-height);
		&.multiple_items {
			.slick-slide {
				margin: 0 var(--items-gap-mobile);
			}
			img,
			video {
				height: var(--slider-mobile-height);
			}
		}
		&.singleitem {
			.slick-slide {
				height: var(--slider-mobile-height);
			}
		}

		.slick-arrow {
			&.flo-slick-gallery-block-next-arrow,
			&.flo-slick-gallery-block-prev-arrow {
				font-size: 0.5em !important;
				bottom: 0.6em;
				width: 3.75em;
			}

			&.flo-slick-gallery-block-next-arrow {
				right: 1.9em !important;
			}
			&.flo-slick-gallery-block-prev-arrow {
				left: 1.9em !important;
			}
		}
	}
	.slick-slider-gallery-slider .slick-list,
	.slick-slider-gallery-slider .slick-track {
		z-index: 1;
	}

	.slick-slider-block-slide {
		img {
			display: inline-block;
			position: relative;
			z-index: 1;
		}
		img.lazyload {
			opacity: 0;

			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
			transition: all 500ms ease-in-out;
		}
		img.lazyloaded,
		img.lazyloading {
			opacity: 1;
		}
		img,
		video {
			max-width: none;
		}
	}

	.slick-slider-block-slide {
		position: relative;
		text-align: center;
	}
}

.flo_gallery_navigation {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	.flo-slick-gallery-block-prev-arrow,
	.flo-slick-gallery-block-next-arrow {
		//position: absolute;
		width: 7.375em;
		height: 1.6em;
		//transform: translateY(-50%);
		z-index: 12;
		line-height: 1.25em;
		cursor: pointer;
		font-size: 0.5625rem;
		color: var(--arrows-color);
		margin: 0 3rem;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		&:focus {
			outline: none;
		}

		@media print, screen and (max-width: 767px) {
			margin: 0 0.5em;
		}
	}
	&.flo_gallery_navigation_front {
		opacity: 0;
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-ms-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
		&.loaded {
			opacity: 1;
		}
	}

	.flo_gallery_slick__counter.flo_gallery__counter--singleitem,
	.flo_gallery_slick__counter.flo_gallery__counter--multiple_items {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		user-select: none;
		&[data-font=''] {
			font-family: var(--slide-counter-font-family);
			font-size: var(--slide-counter-font-size);
			line-height: var(--slide-counter-line-height);
			letter-spacing: var(--slide-counter-letter-spacing);
			font-style: var(--slide-counter-font-style);
			font-weight: var(--slide-counter-font-weight);
		}
		color: var(--counter-color);

		.flo_slick__counter-delimiter {
			height: calc(var(--slide-counter-font-size) * 1.5);
			min-height: 2.1em;
			width: 0;
			border-right: 1px solid;
			-webkit-transform: rotate(30deg);
			transform: rotate(30deg);
			margin-left: -1px;
			color: var(--counter-color);
			display: block;
			margin: 0 0.2em;
		}

		.flo_slick__current-index {
			margin-right: 0.5em;
		}

		.flo_slick__total-index {
			margin-left: 0.5em;
		}
	}
}
