/* Slider */
.slick-slider
{
    position: relative;
	/*overflow: hidden;*/
    display: block;
    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-list
	{
		position: relative;
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	.slick-list:focus
	{
		outline: none;
	}
	.slick-list.dragging
	{
		cursor: pointer;
		cursor: hand;
	}

	.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);*/
	}

		.slick-track
		{
			position: relative;
			top: 0;
			left: 0;
			display: block;
			/*margin-left: auto;*/
			/*margin-right: auto;*/
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-ms-flex-direction: row;
			flex-direction: row;
		}
		.slick-track:before,
		.slick-track:after
		{
			display: table;
			content: '';
		}
		.slick-track:after
		{
			clear: both;
		}
		.slick-loading .slick-track
		{
			visibility: hidden;
		}

			.slick-slide
			{
				display: none;
				position: relative;
				min-height: 1px;
				opacity: 1;
			}


			.slick-slide.slick-active
			{
				opacity: 1;
			}
				
				@media (min-width: 981px)
				{
					.slick-slide img
					{
						width: 100%;
					}
				}
				
						
				.updates-slide
				{
					padding: 0.5em 0.8em 0;
				}
				
			
			.slick-slide.slick-loading img
			{
				display: none;
			}
			.slick-slide.dragging img
			{
				pointer-events: none;
			}
			.slick-initialized .slick-slide
			{
				display: block;
			}
			.slick-loading .slick-slide
			{
				visibility: hidden;
			}
			.slick-vertical .slick-slide
			{
				display: block;
				height: auto;
				border: 1px solid transparent;
			}
			.slick-arrow.slick-hidden
			{
				display: none;
			}


/* Dots */
.slick-slider .slick-dots
{
	bottom: auto;
	margin-top: 1.2rem;
	position: relative;
}
	.slick-slider .slick-dots li
	{
		background: var(--color-deep-purple);
		border-radius: 50%;
		opacity: 0.5;
		height: 12px;
		vertical-align: middle;
		width: 12px;
	}
		.slick-slider .slick-dots li:not(.slick-active) button
		{
			height: 12px;
			width: 12px;
		}
		
		.slick-slider .slick-dots li.slick-active
		{
			height: 20px;
			opacity: 1;
			width: 20px;
		}
			


/* Arrows */
.slick-slider .slick-prev,
.slick-slider .slick-next
{
	display: none !important;
}

	@media (min-width: 769px)
	{
		.slick-slider .slick-prev,
		.slick-slider .slick-next
		{
			background: transparent;
			border: 1px solid var(--color-deep-purple);
			bottom: 0;
			display: block !important;
			height: 54px;
			text-align: center;
			width: 54px;
			z-index: 1;
		}

			.slick-slider .slick-prev
			{
				border-radius: 40px 4px 4px 40px;
				margin-left: 1.4rem;
				left: 0;
			}
				.slick-slider .slick-prev:before
				{
					content: "";
					background-image: url('../svgs/arrow-purple-left.svg');
					background-repeat: no-repeat;
					background-size: contain;
					display: block;
					margin: auto;
					opacity: 1;
					height: 16px;
					width: 18px;
					transition: all .3s ease-in-out;
				}
				
				
			.slick-slider .slick-next
			{
				margin-right: 1.4rem;
				right: 0;
			}
				.slick-slider .slick-next:before
				{
					content: "";
					background-image: url('../svgs/arrow-purple-right.svg');
					background-repeat: no-repeat;
					background-size: contain;
					display: block;
					margin: auto;
					opacity: 1;
					height: 16px;
					width: 18px;
					transition: all .3s ease-in-out;
				}
			
			
			.slick-slider .slick-prev:hover,
			.slick-slider .slick-next:hover
			{
				background: var(--color-deep-purple);
			}
				.slick-slider .slick-prev:hover:before
				{
					background-image: url('../svgs/arrow-white-left.svg');
				}
				
				.slick-slider .slick-next:hover:before
				{
					background-image: url('../svgs/arrow-white-right.svg');
				}
				
	}