_slick.scss

//
// Slick Carousel
//

.elementor-slick-slider {

	// Slider
	.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;

		&:focus {
			outline: none;
		}

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

	.slick-slider .slick-track,
	.slick-slider .slick-list {
		transform: translate3d(0, 0, 0);
	}

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

		&: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: 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;
	}

	//
	// Slick Default Theme
	//

	// Slider
	.slick-loading .slick-list {
		background: #fff url('../images/ajax-loader.gif') center center no-repeat;
	}

	// Arrows
	.slick-prev,
	.slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50%;
		display: block;
		width: 20px;
		//height: 20px;
		padding: 0;
		transform: translate(0, -50%);
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: transparent;

		&:hover,
		&:focus {
			color: transparent;
			outline: none;
			background: transparent;

			&:before {
				opacity: 1;
			}
		}
		&.slick-disabled:before {
			opacity: .25;
		}
		&:before {
			font-family: 'FontAwesome';
			font-size: 35px;
			line-height: 1;
			opacity: .75;
			color: white;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
	}

	.slick-prev {
		left: -25px;
		[dir="rtl"] & {
			left: auto;
			right: -25px;
		}
		&:before {
			content: '\f104';
			[dir="rtl"] & {
				content: '\f105';
			}
		}
	}

	.slick-next {
		right: -25px;
		[dir="rtl"] & {
			left: -25px;
			right: auto;
		}
		&:before {
			content: '\f105';
			[dir="rtl"] & {
				content: '\f104';
			}
		}
	}

	// Dots
	.slick-dotted.slick-slider {
		margin-bottom: 30px;
	}

	ul.slick-dots {
		position: absolute;
		bottom: -25px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
		line-height: 1;

		li {
			position: relative;
			display: inline-block;
			width: 20px;
			height: 20px;
			margin: 0;
			padding: 0;
			cursor: pointer;

			button {
				font-size: 0;
				line-height: 0;
				display: block;
				width: 20px;
				height: 20px;
				padding: 5px;
				cursor: pointer;
				color: transparent;
				border: 0;
				outline: none;
				background: transparent;

				&:hover,
				&:focus {
					outline: none;

					&:before {
						opacity: 1;
					}
				}

				&:before {
					font-family: 'FontAwesome';
					font-size: 6px;
					line-height: 20px;
					position: absolute;
					top: 0;
					left: 0;
					width: 20px;
					height: 20px;
					content: '\f111';
					text-align: center;
					opacity: .25;
					color: black;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
				}
			}
			&.slick-active button:before {
				opacity: .75;
				color: black;
			}
		}
	}

	//
	//  Custom Style for Elementor
	//

	.slick-slider {

		.slick-prev,
		.slick-next {
			z-index: 1;
		}
	}

	.slick-slide {
		img {
			margin: auto;
		}
	}

	.slick-arrows-inside {
		.slick-prev {
			left: 20px;
			[dir="rtl"] & {
				left: auto;
				right: 20px;
			}
		}

		.slick-next {
			right: 20px;
			[dir="rtl"] & {
				left: 20px;
				right: auto;
			}
		}
	}

	.slick-dots-inside {
		.slick-dots {
			bottom: 5px;
		}

		&.slick-dotted.slick-slider {
			margin-bottom: 0;
		}
	}
}