@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./img/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 30%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}


.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background-color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev
{
	z-index: 1;
    left: 1rem;
	width: 77px;
	height: 265px;
	background-image: url('./img/white-arrow-left.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.slick-next
{
	z-index: 1;
    right: 1rem;
	width: 77px;
	height: 265px;
	background-image: url('./img/white-arrow-right.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

@media only screen and (max-width: 30em) { 
	.slick-prev, .slick-next {
		top: 40%;
		height: 50px;
	}
}

@media only screen and (min-width: 30.063em) and (max-width: 45em) { 
	.slick-prev, .slick-next {
		height: 185px;
	}
}


/* CUSTOM */
.slick-initialized .slick-slide {
	padding-top:1px;
}

.slide-inner {
	align-items:center;
	display:flex;
	justify-content:center;
}

.slide-content {
	text-align:center;
}

.slick-slider { 
	margin:auto 1.5rem auto 1.25rem;
	padding-bottom:.5rem;
}

.slick-slider .slick-prev { 
	width:14px;
	left:-1rem;
}

.slick-slider .slick-next { 
	width:14px;
	background-position:-3.95rem 50%;
	right:-1.25rem;
}

.slick-slider .slick-prev, .slick-slider .slick-next {
	top:30%;
	height:42px;
}

/* Remove the whitespace slick-slider introduces */
.slick-slider .slick-track, .slick-slider .slick-list { line-height:0 }
.slick-slider .slick-track *, .slick-slider .slick-list * { line-height:normal }

@media only screen and (max-width:30em) { 
	.slider.swatch .slick-prev, .slider.swatch .slick-next {
		top:48%;
		height:21px;
	}
}

@media only screen and (max-width:1024px) {
	.slick-slider .slick-prev, .slick-slider .slick-next {
		top:40%;
	}
}