.wcslp-slider-wrapper {
	margin: 0 0 2em;
}

/*
 * The product loop ("ul.products li.product ...") is rendered by WooCommerce
 * and styled by the active theme, so its look (image, title, price, button)
 * already matches the theme's archive/shop pages without any CSS from this
 * plugin. The theme may also put that list into a CSS Grid for its own
 * archive layout; Slick needs the list itself to stay a normal flow
 * container so it can position slides with float/transform, so that's
 * overridden here.
 */
.wcslp-slider-wrapper .products {
	display: block !important;
}

.wcslp-slider-wrapper .products .slick-prev,
.wcslp-slider-wrapper .products .slick-next {
	z-index: 1;
}

.slick-prev::before, .slick-next::before {
    color: #444;
}

.slick-track {
  padding-bottom: 15px;
}

.wcslp-slider-wrapper .products .slick-prev {
	left: -20px;
    background: #fff;
    padding: 5px;
    width: auto !important;
    height: auto !important;
}

.wcslp-slider-wrapper .products .slick-next {
	right: -20px;
    background: #fff;
    padding: 5px;
    width: auto !important;
    height: auto !important;
}

.wcslp-slider-wrapper .products .slick-dots {
	position: relative;
	bottom: 0;
	margin-top: 10px;
    display: none !important;
}

.wcslp-notice {
	padding: 1em;
	background: #fff8e5;
	border: 1px solid #f0c33c;
}

.wcslp-editor-preview {
	position: relative;
	min-height: 60px;
}

/* the slides */
.wcslp-slider-wrapper .slick-slide {
    margin: 0 10px;
    background: #fff !important;
    padding: 20px;
}
/* the parent */
.wcslp-slider-wrapper .slick-list {
    margin: 0 -10px;
}

.wcslp-slider-wrapper .product-details {
    background: #fff !important;
}

.splide__arrow.splide__arrow--prev.slick-prev::before{content:''}
.splide__arrow.splide__arrow--next.slick-next::before{content:''}

.site-footer-middle-section-3.site-footer-section.footer-section-inner-items-1 ul {
    margin:0;
}
.site-footer-middle-section-3.site-footer-section.footer-section-inner-items-1 li {
    list-style: none;
}
.site-footer-middle-section-3.site-footer-section.footer-section-inner-items-1 li a:hover {
    text-decoration: none;
}