.slick-dots li.slick-active,
.slick-dots li:hover,
.slick-dots li:active,
.slick-dots li:focus {
	color: var(--g5-color-heading);
}

.slick-dots li {
	opacity: 0.3;
	&.slick-active span:before {
		content: "\f111";
	}
	span:before {
		font-size: 8px;
	}
}

.slick-dots {
	margin-top: 25px;
}


.slick-slider {
/*	.slick-slide > div > .g5core__gutter-item {
		padding-bottom: 0;
	}*/
	.slick-slide > div > .g5blog__post-grid-2 {
		padding-top: 5px;
		padding-bottom: 5px;
	}

}

.slick-arrow {
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	@include border-radius(50%);
	background-color: #fff;
	margin: 0;
	@include box-shadow(0 0 7px 0 rgba(0, 0, 0, 0.09));
	@include transition(all .3s);
	z-index: 1;
	i {
		font-weight: 400;
		font-size: 18px;
	}

	&:hover,
	&:active,
	&:focus {
		background-color: var(--g5-color-accent);
		color: var(--g5-color-accent-foreground);
	}

	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	&.slick-prev {
		left: -10px;
		transform: translate(-100%, -50%);
	}
	&.slick-next {
		right: -10px;
		transform: translate(100%, -50%);
	}
}