/* Necessary slider CSS */
.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;

	.slick-track,
	.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);
	}
}

.entry-gallery {
	figure {
		display: none;
	}
	figure:first-child {
		display: block;
	}
	&.slick-initialized {
		figure {
			display: block;
		}
	}
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	&:focus {
		outline: none;
	}
	&.dragging {
		cursor: pointer;
		cursor: hand;
	}
}

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

	&:before,
	&:after {
		display: table;
		content: '';
	}
	&:after {
		clear: both;
	}
	.slick-loading & {
		visibility: hidden;
	}
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	overflow: hidden;
	[dir='rtl'] & {
		float: right;
	}
	img {
		display: block;
	}
	&.slick-loading img {
		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;
	}
}

/* Slider theme CSS */
.slider-box {
	position: relative;
	overflow: hidden;
	.slick-prev,
	.slick-next,
	.slick-prev:active,
	.slick-prev:focus,
	.slick-next:active,
	.slick-next:focus {
		position: absolute;
		top: 50%;
		width: 40px;
		height: 50px;
		margin: -25px 0 0 0;
		text-align: center;
		line-height: 50px;
		font-size: 20px;
		color: #fff;
		box-shadow: none;
		border: none;
		outline: none;
		padding: 0;
		border-radius: 0;
		font-weight: normal;
		overflow: hidden;
		@media (max-width: 480px) {
			display: none !important;
		}
		&:before {
			display: block;
			font-family: FontAwesome;
		}
		&:hover {
			background: $color__link;
			color: #fff;
			box-shadow: none;
		}
	}
	.slick-prev {
		left: 0;
		&:before {
			content: "\f104";
		}
	}
	.slick-next {
		right: 0;
		&:before {
			content: "\f105"
		}
	}
	.slick-dots {
		position: absolute;
		bottom: 12px;
		left: 0;
		right: 0;
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: center;
		@media (max-width: 1109px) {
			bottom: 4px;
		}
		@media (max-width: 480px) {
			display: none !important;
		}
		li {
			display: inline-block;
			margin: 0 5px;
			button {
				width: 9px;
				height: 9px;
				background: #fff;
				border: none;
				box-shadow: 0 1px 3px rgba(0,0,0,.9);
				border-radius: 4px;
				overflow: hidden;
				text-indent: -99px;
				padding: 0;
				margin: 0;
				outline: none;
				&:hover {
					background: $color__link;
					box-shadow: 0 1px 1px rgba(0,0,0,.4);
				}
			}
			&.slick-active {
				button {
					background: $color__link;
					box-shadow: 0 1px 1px rgba(0,0,0,.4);
				}
			}
		}
	}
}
.slider-item {
	display: none;
	position: relative;
	&:first-child {
		display: block;
	}
	img {
		display: block;
		margin: 0;
		width: 100%;
		height: auto;
	}
}