/* BLOG */
.blog-wrapper {
	position: relative;
	margin-bottom: 50px;
}
figure.highlighted-blog {
	margin-bottom: 110px;
}
.highlighted-blog::after {
	content: "";
	position: absolute;
}
.highlighted-blog figcaption {
	background-color: #fffaed;
	padding: 30px 20px 19px 56px;
	flex: 1 1 53%;
	transition: margin .35s ease;
}
.highlighted-blog figcaption .catagory {
	font: 400 26px/1 "DIN Next LT W01 Medium Italic",sans-serif;
	color: #ff4539;
	margin-bottom: 15px;
}
.highlighted-blog figcaption .date {
	font: 400 16px/1 "DIN Next LT W01 Medium",sans-serif;
	margin-bottom: 25px;
}
.highlighted-blog figcaption h3 {
	font: 400 30px/1 "DIN Next LT W01 Black", sans-serif;
	color: #434444;
	text-transform: uppercase;
}
.highlighted-blog figcaption .description-container {
	margin: 0px;
}
.highlighted-blog figcaption .description-container::before {
	content: "";
	display: block;
	position: relative;
	width: 150px;
	height: 6px;
	background-color: #ff4539;
	margin: 25px 0 20px;
	z-index: 5;
}
.highlighted-blog figcaption .description-container p {
	font: 400 16px/1.65 "DIN Next LT W01 Medium",sans-serif;
	margin: 0;
}
.highlighted-blog figcaption .description-container p .sh-more-link {
	margin-left: 5px;
	text-decoration: none;
}
.highlighted-blog figcaption .description-container p .sh-more-link:hover { color: #ff4539; }
.highlighted-blog > a {
	flex: 1 1 47%;
	text-align: center;
	text-decoration: none !important;
}
.highlighted-blog .pic-wrapper {
	position: relative;
}
.highlighted-blog .pic-wrapper div.sh-more-link {
	position: absolute;
	top: 98%;
	left: 50%;
	transform: translateX(-50%);
}
.highlighted-blog .pic-wrapper a { text-decoration: none; }
.highlighted-blog a:hover .sh-more-link,
.highlighted-blog a .sh-more-link {
	font: 400 20px/1.2 "DIN Next LT W01 Medium Italic",sans-serif;
	display: inline;
	border: 4px solid;
	padding: 12px 30px;
	color: #ff4539;
	text-decoration: none;
}
.highlighted-blog a:hover .sh-more-link {
	color: #fff;
	background-color: #ff4539;
}
.blog-wrapper .blog-slider-container {
	position: relative;
	margin: 0 15px;
}
.blog-slider figure {
	position: relative;
	margin: 0 0px;
}
.blog-slider figure .catagory {
	font: 400 14px/1 "DIN Next LT W01 Bold",sans-serif;
	margin: 0 0 5px;
	text-transform: uppercase;
}
.blog-slider figure picture {
	margin: 0 25px 40px 0;
	position: relative;
}
.blog-slider figure picture::after {
	content: '';
	display: block;
	position: absolute;
	top: 25px;
	right: -25px;
	bottom: -25px;
	left: 25px;
	border: 6px solid #434444;
	z-index: -1;
}
.blog-slider figure figcaption h3 {
	font: 400 24px/1.1 "DIN Next LT W01 Bold", sans-serif;
	color: #434444;
	text-transform: uppercase;
}
.blog-slider-container .blog-arrows {
	position: absolute;
	left: -15px;
	right: -15px;
	bottom: 54%;
	height: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}
.blog-slider-container .blog-arrows i.fas {
	font-size: 40px;
	color: #ff4539;
	background-color: #fff;
	border-radius: 50px;
	border: 3px solid #fff;
}
@media screen and (max-width: 40em) {
	.highlighted-blog figcaption .description-container .date {
		display: none;
	}
	.highlighted-blog figcaption h3 {
		line-height: 1.2;
	}
	figure.highlighted-blog {
		margin-bottom: 85px;
	}
	.highlighted-blog figcaption {
		padding: 30px 20px 19px 20px;
	}
}
@media screen and (min-width: 40.063em) {
	figure.highlighted-blog {
		display: flex;
		align-items: center;
	}
	figure.highlighted-blog figcaption {
		position: relative;
	}
	figure.highlighted-blog figcaption::before {
		content: "";
		position: absolute;
		top: -75px;
		bottom: -450px;
		left: -50vw;
		right: -100px;
		z-index: -1;
		background-color: #fffaed;
	}
	.blog-wrapper .blog-slider-container {
		margin: 0 20px;
	}
	.highlighted-blog figcaption .catagory {
		font-size: 32px;
		margin-bottom: 20px;
	}
	.highlighted-blog figcaption .date {
		position: absolute;
		display: none;
	}
	.highlighted-blog figcaption .description-container {
		margin-left: 50px;
		position: relative;
	}
	.highlighted-blog figcaption .description-container .date {
		font-size: 14px;
		display: block;
		transform: rotate(90deg);
		transform-origin: top left;
		top: 0;
		left: -25px;
	}
	.highlighted-blog figcaption .description-container p {
		font-size: 18px;
		line-height: 32px;
		margin: 0;
		max-width: 497px;
	}
	.highlighted-blog figcaption h3 {
		font-size: 55px;
		margin-bottom: 30px;
	}
	.highlighted-blog > a:hover .sh-more-link,
	.highlighted-blog > a .sh-more-link {
		font-size: 40px;
	}
	.blog-slider figure {
		margin: 0 40px;
	}
}
@media screen and (min-width: 40.063em) and (max-width: 64em) {
	figure.highlighted-blog {
		align-items: flex-start;
	}
	.highlighted-blog .pic-wrapper {
		position: relative;
		flex: 1 1 50%;
	}
	.highlighted-blog > a,
	.highlighted-blog > picture {
		flex: 1 1 50%;
	}
	.highlighted-blog figcaption h3 {
		font-size: 55px;
		margin-bottom: 30px;
		font-size: calc(30px + (55 - 30) * ((100vw - 640px) / (1024 - 640)));
	}
}
@media screen and (min-width: 64.063em) {
	.blog-slider figure:hover img {
		-webkit-filter: grayscale(1);
	}
	.highlighted-blog a:hover .sh-more-link,
	.highlighted-blog a .sh-more-link {
		font-size: 40px;
	}
}
@media screen and (min-width: 100em) {
	.blog-wrapper .blog-slider-container {
		margin: 0 10%;
	}
	.blog-wrapper .highlighted-blog figcaption {
		margin-left: 10%;
	}
}
