.highlights {
	position: relative;
	background-size: cover !important;
	background-position: center center !important;
	padding-bottom: 50px;
	padding-top: 90px;
}

.highlights::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	background: linear-gradient(rgba(155,213,197,0.6), rgba(0,119,149,0.9));
}

.highlights .highlights-cont {
	position: relative;
	text-align: center;
	z-index: 10;
}

.highlights .highlights-cont .arrow-wrapper {
	display: inline-block;
}

.highlights .highlights-cont .arrow-cont .custom-arrow {
	cursor: pointer;
	pointer-events: all;
}

.highlights .highlights-cont .arrow-cont div {
	padding-left: 5px;
	padding-right: 5px;
}

.highlights .highlights-cont .arrow-cont .custom-arrow .arrow-inner {
	width: 40px;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #df4c33;
	color: white;
	font-size: 25px;
}

.highlights .highlights-cont .arrow-cont .title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #df4c33;
	color: white;
	font-size: 25px;
	height: 55px;
	padding: 0 25px;
	cursor: default;
}

.highlights .highlights-cont .explore-map {
	text-align: center;
}

.highlights .highlights-cont .explore-map .fas {
	font-size: 16px;
	margin-left: 5px;
}

.highlights .highlights-cont h3,
.highlights .highlights-cont h3 a {
	color: white;
	vertical-align: middle;
	margin: 0;
	font: 600 18px 'itc-officina-sans-pro', sans-serif;
	letter-spacing: 1px;
	line-height: 1em;
}

.highlights .highlights-cont .slide .slide-content h4,
.highlights .highlights-cont .slide .slide-content h4 a {
	line-height: 1em;
	color: #008aac;
	font: 600 18px 'montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: 3.5px;
	word-wrap: break-word;
}

.highlights .highlights-cont .slide:hover h4,
.highlights .highlights-cont .slide:hover h4 a {
	color: white;
}

.highlights .highlights-cont .arrow-cont {
	display:flex;
	justify-content: center;
	margin-bottom: 19px;
}

.highlights .highlights-cont .explore-map .fas {
	font-size: 20px;
	margin-left: 5px;
}

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

.highlights .highlights-cont .slide {
	position: relative;
	margin: 0 15px;
}

.highlights .highlights-cont .slide .icon {
	height: 55px;
	margin: 0 auto 60px auto;
}

.highlights .highlights-cont .slide .circle {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
}

.highlights .highlights-cont .slick-slide {
	width: 200px;
}

.highlights .highlights-cont .slick-slider {
	margin-bottom: 52px;
}

.highlights .highlights-cont .slick-slide, .highlights .highlights-cont .slick-slide .circle {
	background-size: cover;
}

.highlights .highlights-cont .slick-slide {
	background-color: #fff;
}
.highlights .highlights-cont .slick-slide.red:hover {
	background-image: url('https://res.cloudinary.com/simpleview/image/upload/v1569269747/clients/brunswickcountync/red.png');
	background-color: unset;
}

.highlights .highlights-cont .slick-slide.green:hover {
	background-image: url('https://res.cloudinary.com/simpleview/image/upload/v1569279260/clients/brunswickcountync/green.png');
	background-color: #fff;
}

.highlights .highlights-cont .slick-slide.blue:hover {
	background-image: url('https://res.cloudinary.com/simpleview/image/upload/v1569269747/clients/brunswickcountync/blue.png');
}

.highlights .highlights-cont .slick-slide.red .circle {
	background-image: url('https://res.cloudinary.com/simpleview/image/upload/v1569269747/clients/brunswickcountync/red-circle.png');
}

.highlights .highlights-cont .slick-slide.green .circle {
	background-image: url('https://res.cloudinary.com/simpleview/image/upload/v1569269747/clients/brunswickcountync/green-circle.png');
}

.highlights .highlights-cont .slick-slide.blue .circle {
	background-image: url('https://res.cloudinary.com/simpleview/image/upload/v1569269747/clients/brunswickcountync/blue-circle.png');
}

.highlights .highlights-cont .slide .inner {
	box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
}

.highlights .highlights-cont .slide .img-cont {
	position: relative;
}

.highlights .highlights-cont .slide .img-cont img {
	display: block;
	width: 100%;
	transition: all 0.2s;
	opacity: 0.2 !important; /* Have to override inline style from slick slider */
}

.highlights .highlights-cont .slide:hover .img-cont img {
	opacity: 0 !important; /* Have to override inline style from slick slider */
}

.highlights .highlights-cont .slide .slide-content {
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

.highlights .highlights-cont .slide .slide-content h4 a:hover,
.highlights .highlights-cont .slide .slide-content h4 a:visited,
.highlights .highlights-cont .slide .slide-content h4 a:active {
	color: inherit;
}

.highlights [data-slides]:not(.slick-initialized) .slide {
	display: none;
}

@media (min-width: 40em) {
	.highlights {
		margin-bottom: 80px;
		padding-bottom: 105px;
		padding-top: 140px;
	}

	.highlights .highlights-cont .arrow-cont .custom-arrow .arrow-inner{
		font-size: 28px;
	}

	.highlights .highlights-cont .slide {
		margin: 0 51px;
	}

	.highlights .highlights-cont .slide .slide-content h4,
	.highlights .highlights-cont .slide .slide-content h4 a {
		margin-bottom: 5px;
		font: 600 30px 'montserrat', sans-serif;
		letter-spacing: 3.5px;
		text-transform: none;
	}

	.highlights .highlights-cont .slide .slide-content .locale {
		font-size: 18px;
		margin-bottom: 8px;
	}

	.highlights .highlights-cont .slide .img-cont .date-block {
		width: 75px;
		height: 75px;
	}

	.highlights .highlights-cont .slide .img-cont .date-block span:last-child {
		font-size: 38px;
		line-height: 30px;
	}

	.highlights .highlights-cont h3,
	.highlights .highlights-cont h3 a {
		font-size: 24px;
	}

	.highlights .highlights-cont .slick-slide {
		width: 265px;
	}

	.highlights .highlights-cont .slick-slider {
		margin-bottom: 30px;
	}

	.highlights .highlights-cont .arrow-cont .title:hover {
		background-image: url('https://res.cloudinary.com/simpleview/image/upload/v1569269747/clients/brunswickcountync/title-back.png');
		background-size: cover;
	}

	.highlights .highlights-cont .arrow-cont .custom-arrow.next .arrow-inner:hover {
		background-image: url('https://res.cloudinary.com/simpleview/image/upload/v1569269747/clients/brunswickcountync/right-arrow-back.png');
		background-size: cover;
	}

	.highlights .highlights-cont .arrow-cont .custom-arrow.prev .arrow-inner:hover {
		background-image: url('https://res.cloudinary.com/simpleview/image/upload/v1569269747/clients/brunswickcountync/left-arrow-back.png');
		background-size: cover;
	}

	.highlights .highlights-cont .arrow-cont {
		margin-bottom: 53px;
	}

	.highlights .highlights-cont .slide .icon {
		height: 65px;
		margin: 0 auto 75px auto;
	}
	.highlights .highlights-cont h3:hover, 
	.highlights .highlights-cont h3 a:hover {
		color: #f0a539;
	}
}