/* BLOG */
.blog-wrapper {
	position: relative;
}
.blog-wrapper a.sh-all-link, .blog-wrapper a.sh-all-link:hover {
	color: #7f8b9b;
}
.blog-wrapper h3 a, .blog-wrapper h3 a:hover {
 color: #fff;
}
.blog-wrapper::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 50px;
	background-image: url(/includes/public/assets/white-pattern.svg);
	opacity: 0.5;
}
.blog-wrapper header {
	padding: 75px 15px;
	margin-bottom: 0;
	text-align: center;
	color: #fff;
}
.blog-wrapper header .h-one,
.blog-wrapper header h2,
.blog-wrapper header p {
	font-size: 17px;
	color: #fff;
}
.blog-wrapper header .h-one::after {
	background-color: #fff;
}
.blog-wrapper header h2 {
	font-size: 45px;
}
.blog-wrapper .blog-hero {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: -1;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	height: 0;
    padding-bottom: calc(663/1723 * 100%);
}
.blog-wrapper .blog-hero::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0));
}
.blog-wrapper .blog-hero img {
	max-width: none;
	min-width: 100%;
	opacity: 0;
}

.blog-wrapper .blog-container {
	padding: 0px 10px;
	margin-bottom: 40px;
}
.blog-container .slide {
	position: relative;
	margin-bottom: 20px;
	background-size: cover;
	background-position: center center;
}
.blog-container .slide::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: linear-gradient(rgba(0,0,0,0)33%,rgba(0,0,0,0.55));
	z-index: 3;
	pointer-events: none;
}
.blog-container .slide-caption {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 3;
	display: flex;
	align-items: center;
	padding: 0px 15px 10px;
}
.blog-container .slide-caption h3,
.blog-container .slide-caption .sh-more-link {
	color: #fff;
	border-color: #fff;
	margin: 0px;
}
.blog-container .slide-caption .sh-more-link {
	height: 50px;
	width: 50px;
	min-width: 50px;
	margin-left: 25px;
}
.blog-wrapper .blog-container .slide > a {
	height: 100%;
	width: 100%;
	z-index: 2;
}
@media screen and (max-width: 40em) {

	.blog-container .slide-caption .sh-more-link {
		margin-left: 0px;
	}
	.blog-wrapper .blog-hero {
		padding-bottom: calc(663/1723 * 230%);
	}
}
@media screen and (max-width: 352px) {
	.blog-wrapper .blog-hero {
		padding-bottom: calc(663/1723 * 500%);
	}
}

@media screen and (max-width: 52.4375em) {
	.blog-container .slide-caption h3 {
		margin-right: 15px;
	}
	.blog-container .slide-caption p {
		display: none;
	}
}
@media screen and (min-width: 52.5em) {
	.blog-wrapper .blog-container {
		display: grid;
		grid-template-columns: 1fr 40px 1fr;
		grid-template-rows: 1fr 25px 1fr 25px auto;
		margin-bottom: 90px;
	}
	.blog-wrapper header {
		padding: 100px 15px 85px;
	}
	.blog-wrapper header .h-one {
		font-size: 19px;
	}
	.blog-wrapper header h2 {
		font-size: 81px;
	}
	.blog-wrapper header p {
		font-size: 19px;
	}
	.blog-wrapper .blog-container .slide {
		position: relative;
		margin: 0px;
		z-index: 1;
	}
	.blog-wrapper .blog-container .slide:nth-child(1) {
		grid-row: span 5;
		-ms-grid-row-span: 5;
	}
	/* .blog-wrapper .blog-container .slide:nth-child(1) > a img {
		opacity: 0;
	} */
	.blog-wrapper .blog-container .slide:nth-child(1) p {
		display: block;
	}
	.blog-wrapper .blog-container .slide:nth-child(2),
	.blog-wrapper .blog-container .slide:nth-child(3),
	.blog-wrapper .blog-container .slide:nth-child(4) {
		grid-column: 3/4;
	}
	.blog-wrapper .blog-container .slide:nth-child(2) {
		grid-row: 1/2;
	}
	.blog-wrapper .blog-container .slide:nth-child(3) {
		grid-row: 3/4;
	}
	.blog-wrapper .blog-container .slide:nth-child(4) {
		grid-row: 5/6;
	}
	.blog-wrapper .blog-container .slide:nth-child(3) .slide-caption,
	.blog-wrapper .blog-container .slide:nth-child(4) .slide-caption {
		display: flex;
	}
	.blog-container .slide-caption {
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		padding: 0px 30px 30px;;
	}
	.blog-container .slide-caption h3 {
		flex: 1 1 75%;
		margin-bottom: 20px;
		margin-right: 25px;
	}
	.blog-container .slide-caption p {
		font: 400 17px/1.4 'Ridley Grotesk W05 Regular', sans-serif;
		color: #fff;
		flex: 1 1 75%;
	}
	.blog-wrapper .blog-container {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 40px 1fr;
		grid-template-columns: 1fr 40px 1fr;
		-ms-grid-rows: 1fr 25px 1fr 25px auto;
		grid-template-rows: 1fr 25px 1fr 25px auto;
		margin-bottom: 90px;
	}
	.blog-wrapper .blog-container .slide:nth-child(2),
	.blog-wrapper .blog-container .slide:nth-child(3),
	.blog-wrapper .blog-container a:nth-child(4) {
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		grid-column: 3/4;
	}

	.blog-wrapper .blog-container .slide:nth-child(2) .slide-caption h3,
	.blog-wrapper .blog-container .slide:nth-child(3) .slide-caption h3 {
		margin-bottom: 0px;
	}
	.blog-wrapper .blog-container .slide:nth-child(2) {
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1/2;
	}
	.blog-wrapper .blog-container .slide:nth-child(3) {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		grid-row: 3/4;
	}
	.blog-wrapper .blog-container a:nth-child(4) {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		grid-row: 5/6;
		margin-left: -75px;
	}
}