/* Customize Slick Slider Widget */
.hero-carousel{
padding-left:0;
max-width:1200px;
margin:2rem auto;
	&.slick-slider{
		& img {
			width:100%;
			max-width:100%;
		}
		&:hover{
			& .slick-prev {
				left:0;
			}
			& .slick-next{
				right:0;
			}
		}
		&.slick-dotted {
			margin-bottom:4rem;
		}
	}
	& .slick-arrow {
		opacity:1;
	}
	& .slick-prev {
		left:0;
	}
	& .slick-next{
		right:0;
	}
	& .slick-prev,
	& .slick-next {
		z-index: 9999;
		height:40px;
		width:40px;

			&:before {
			display: block;
			font-size: 40px;
			height: 40px;
			line-height:40px;
			text-shadow:0 0 10px rgba(0,0,0,.8);
			opacity:1;
		}
	}
}