.highlights .slide {
	border-bottom: 1px solid var(--primary-contrast-color);
	padding: 25px 0 10px;
}

.highlights .slide .mobile-content-section,
.highlights .slide .content-section {
	padding: 0 20px;
}

.highlights .slide .mobile-content-section h4,
.highlights .slide .mobile-content-section h4 a {
	font-family: var(--font-family-body);
	font-weight: 600;
	font-size: 21px;
	line-height: 29px;
	letter-spacing: 0.015em;
	text-decoration: underline;
	color: var(--primary-highlight-color);
}

.highlights .slide .content-section h4,
.highlights .slide .content-section h4 a {
	font-family: var(--font-family-body);
	font-weight: 500;
	font-size: 15px;
	line-height: 32px;
	letter-spacing: 0.015em;
	color: var(--primary-highlight-color);
	display: none;
	text-decoration: underline;
}

.highlights .img-cont {
	margin-bottom: 25px;
}

.highlights .bttn {
	font-size: 18px;
	color: var(--primary-highlight-color);
	border: 1px solid var(--primary-highlight-color);
	border-radius: 4px;
	line-height: 24px;
}

@media (min-width: 320px) and (max-width: 768px) {
	.highlights .bttn {
		line-height: 44px;
	}
}

.highlights .bttn::before,
.highlights .bttn::after {
	border-color: var(--primary-highlight-color);
}

.highlights .featured .slide {
	padding-bottom:25px;
}

.highlights .featured .top-content-section {
	padding: 0 20px;
}

.highlights .featured .featured-subtitle {
	font-family: var(--font-family-body);
	font-weight: 400;
	font-size: 10px;
	color: var(--quaternary-highlight-color);
	text-transform: uppercase;
	margin-bottom: 5px;
}

.highlights .featured .featured-subtitle i {
	font-size: 15px;
}

.highlights .featured .slide h4,
.highlights .featured .slide h4 a {
	font-family: var(--font-family-heading);
	font-weight: 700;
	font-size: 20px;
	color: var(--quaternary-highlight-color);
}

.highlights .featured .img-cont {
	margin-bottom: 20px;
}

.highlights .featured .slide .content-section p {
	color: var(--primary-strong-color);
	font-size: 11px;
	font-family: var(--font-family-body);
	line-height: 1.2em;
	margin-bottom: 20px;
}

.highlights .featured .img-cont {
	padding-bottom: calc(100% * 360 / 640);
	height: 0;
	background-color: var(--primary-background-dark-color);
}

.highlights .desktop {
	display: none;
}

.highlights .content-section {
	position: relative;
}
.highlights .social-icons {
	position: absolute;
	bottom: 0;
	right: 0;
	padding:0 20px 10px 0;
}

.highlights .social-icons a {
	margin-left: 15px;
}

.highlights .social-icons a:focus,
.highlights .social-icons a:active {
	color: var(--tertiary-highlight-color);
}

.highlights .social-icons a:hover {
	transition: none;
}

.highlights .slide .content-section h4 a:hover,
.highlights .featured .slide h4 a:hover {
	transition: none;
}

@media screen and (min-width: 40em) {
	.highlights .slide .mobile-content-section h4,
	.highlights .slide .mobile-content-section h4 a,
	.highlights .slide .content-section h4,
	.highlights .slide .content-section h4 a {
		font-size: 24px;
	}

	.highlights .bttn {
		font-size: 18px;
		line-height: 44px;
	}

	.highlights .featured .featured-subtitle {
		font-size: 23px;
	}

	.highlights .featured .featured-subtitle i {
		font-size: 33px;
	}

	.highlights .featured .slide h4,
	.highlights .featured .slide h4 a {
		font-size: 40px;
	}

	.highlights .featured .slide .content-section p {
		font-size: 22px;
	}

	.highlights .featured .img-cont {
		padding-bottom: calc(100% * 576 / 1024);
	}
}

@media screen and (min-width: 64em) {

	.highlights .slide .mobile-content-section {
		display: none;
	}

	.highlights .slide-wrapper .content-section {
		padding: 0 0 0 30px;
		flex: 1 1 35%;
		min-width: 230px;
	}

	.highlights .slide {
		border-bottom: 0;
		padding: 0;
		margin-bottom: var(--margin-bottom-default);
	}

	.highlights .slide .inner {
		display: flex;
	}

	.highlights .img-cont {
		margin-bottom: 10px;
	}

	.highlights .slide .content-section h4,
	.highlights .slide .content-section h4 a {
		display: block;
	}

	.highlights .featured .slide .inner {
		flex-direction: column;
	}

	.highlights .featured {
		margin-left: 40px;
	}

	.highlights .featured .top-content-section,
	.highlights .featured .slide .content-section {
		padding: 0;
	}

	.highlights .featured .img-cont {
		padding-bottom: calc(100% * 430 / 380);
		margin-bottom: 15px;
	}

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

	.highlights .mobile {
		display: none;
	}

	.highlights .desktop {
		display: flex;
		justify-content: flex-end;
	}

	.highlights .social-icons {
		position: relative;
		padding: 0 10px;
	}

	.highlights .social-icons a {
		font-size: 25px;
		margin-left: 25px;
	}
}

@media screen and (min-width: 1300px) {
	.highlights .featured {
		margin-left: 0;
	}
	.highlights .slide-wrapper .content-section {
		padding-right: 40px;
	}
}