@import url("https://fonts.cdnfonts.com/css/avenir-lt-std");
@import url("https://fonts.googleapis.com/css2?family=Saira+Condensed&display=swap");
@font-face {
	font-family: "Avenir LT Std";
	src: url("../fonts/Avenir LT Std 45 Book.otf");
}
@font-face {
	font-family: "Dense";
	src: url("../fonts/Dense-Regular.otf");
}
.page-blog section.featured-blog {
	overflow: hidden;
	padding-top: 1rem;
	padding-bottom: 0rem;
}
.page-blog section.featured-blog .understrap-read-more-link {
	display: none;
}
.page-blog section.featured-blog .container-l {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page-blog section.featured-blog .container-l > .img {
	position: relative;
	display: block;
	z-index: 10;
	flex: 1;
	width: 100%;
	min-width: 300px;
	border-radius: 10px;
	background: center/cover no-repeat var(--bg);
	aspect-ratio: 3/2;
}
.page-blog section.featured-blog .container-l > .img::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 150%;
	z-index: 1000;
}
.page-blog section.featured-blog .container-l .meta {
	flex: 2;
	position: relative;
	z-index: 0;
	margin: 3rem 0;
	min-width: 50%;
	padding: 5.625rem 2.75rem;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.page-blog section.featured-blog .container-l .meta > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page-blog section.featured-blog .container-l .meta > div a.link {
	color: #fff;
	text-decoration: none;
	display: block;
}
.page-blog section.featured-blog .container-l .meta > div a.link:hover {
	text-decoration: underline;
}
.page-blog section.featured-blog .container-l .meta > div a.link i {
	position: relative;
	margin-left: 1rem;
}
.page-blog section.featured-blog .container-l .meta > div a.link i::before {
	font-size: 1.5rem;
	line-height: 0;
	position: absolute;
	top: 50%;
}
.page-blog section.featured-blog .container-l .meta > div .author {
	display: flex;
	gap: 1rem;
	align-items: center;
}
.page-blog section.featured-blog .container-l .meta > div .author .img {
	width: 2rem;
	height: 2rem;
	background: center/cover no-repeat var(--bg);
	border-radius: 50%;
}
.page-blog section.featured-blog .container-l .meta > div .author p {
	margin-bottom: 0;
}
.page-blog section.featured-blog .container-l .meta > div .author p a {
	color: #fff;
	text-decoration: none;
}
.page-blog section.featured-blog .container-l .meta > div .author p a:hover {
	text-decoration: underline;
}
.page-blog section.featured-blog .container-l .meta::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 0;
	left: -10px;
	border-radius: 10px;
	width: 100vw;
	height: 100%;
	background-color: #0da2a6;
}
.page-blog section.featured-blog .container-l .meta h2 {
	text-align: left;
	font-size: 3.125rem;
}
.page-blog section.blogs {
	padding-top: 2rem;
}
.page-blog section.blogs .blog-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	justify-content: space-between;
}
.page-blog section.blogs .blog-grid .blog-card {
	display: grid;
	grid-template-rows: 1fr 1fr;
	gap: 1rem;
}
.page-blog section.blogs .blog-grid .blog-card .understrap-read-more-link {
	display: none;
}
.page-blog section.blogs .blog-grid .blog-card > .img {
	border-radius: 10px;
	background: center/cover no-repeat var(--bg);
}
.page-blog section.blogs .blog-grid .blog-card .meta {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.page-blog section.blogs .blog-grid .blog-card .meta > div {
	display: flex;
	gap: 1rem;
	justify-content: space-between;
}
.page-blog section.blogs .blog-grid .blog-card .meta > div .author {
	display: flex;
	gap: 1rem;
	align-items: center;
}
.page-blog section.blogs .blog-grid .blog-card .meta > div .author .img {
	flex: 1;
	width: 2rem;
	max-width: 2rem;
	height: 2rem;
	aspect-ratio: 1/1;
	background: center/cover no-repeat var(--bg);
	border-radius: 50%;
	position: relative;
}

.page-blog section.blogs .blog-grid .blog-card .meta > div .author p {
	margin-bottom: 0;
}
.page-blog section.blogs .blog-grid .blog-card .meta > div .author p a {
	color: #000;
	text-decoration: none;
}
.page-blog section.blogs .blog-grid .blog-card .meta > div .author p a:hover {
	text-decoration: underline;
}
.page-blog section.blogs .blog-grid .blog-card .meta h2 {
	text-align: left;
	margin-bottom: 0;
	font-size: 3.125rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 3.125rem;
	max-height: 6.25rem;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #000;
	text-decoration: none;
}
.page-blog section.blogs .blog-grid .blog-card .meta a {
	color: #000;
	text-decoration: none;
}
.page-blog section.blogs .blog-grid .blog-card .meta a:hover {
	color: #0da2a6;
}
.page-blog section.blogs .blog-grid .blog-card .meta p {
	text-align: left;
	margin-bottom: 0;
	font-size: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 1.2rem;
	max-height: 4.8rem;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.page-blog section.blogs .blog-grid .blog-card .meta a.link {
	color: #0da2a6;
	text-decoration: none;
	display: block;
	margin-top: auto;
}
.page-blog section.blogs .blog-grid .blog-card .meta a.link:hover {
	text-decoration: underline;
}
.page-blog section.blogs .blog-grid .blog-card .meta a.link i {
	position: relative;
	margin-left: 1rem;
}
.page-blog section.blogs .blog-grid .blog-card .meta a.link i::before {
	font-size: 1.5rem;
	line-height: 0;
	position: absolute;
	top: 50%;
}

@media only screen and (max-width: 768px) {
	.page-blog section.featured-blog .container-l {
		flex-direction: column;
	}
	.page-blog section.featured-blog .container-l .meta {
		margin: 0;
		z-index: 10;
		padding: 2.25rem 2rem;
	}
	.page-blog section.featured-blog .container-l .img {
		width: 100vw;
		transform: translateX(-16px);
		border-radius: 0;
	}
	.page-blog section.featured-blog .container-l .meta::before {
		left: -15px;
		border-radius: 0;
	}

	.page-blog section.blogs {
		padding-top: 1rem;
	}
}

/*# sourceMappingURL=blog.css.map */