/**
 * Main Line Relationship Center
 * Pixel-focused Single Blog Template
 */

.mlrc-single-post{
	--mlrc-bg:#f8f8f9;
	--mlrc-text:#556170;
	--mlrc-heading:#293746;
	--mlrc-blue:#0a269e;
	--mlrc-line:#d7dde5;
	--mlrc-soft:#eaf0f4;
	background:var(--mlrc-bg);
	color:var(--mlrc-text);
	font-family:'Outfit', sans-serif;
	overflow:hidden;
}

/* HERO */
.mlrc-single-post__hero{
	padding:82px 24px 30px;
	text-align:center;
}

.mlrc-single-post__hero-inner{
	max-width:1120px;
	margin:0 auto;
}

.mlrc-single-post__category{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:6px 16px;
	margin:0 0 20px;
	border-radius:999px;
	background:var(--mlrc-soft);
	color:var(--mlrc-blue);
	text-decoration:none;
	font-size:14px;
	line-height:1.1;
	font-weight:700;
	letter-spacing:.01em;
}

.site .mlrc-single-post__title {
	font-family: Outfit, sans-serif;
	font-size:60px;
	line-height:1.15;
	letter-spacing:-1px;
	color:var(--mlrc-heading);
}

.mlrc-single-post__meta{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:11px;
	margin-top:20px;
	font-size:14px;
	line-height:1.3;
	color:#687383;
}

.mlrc-single-post__meta-avatar{
	width:27px;
	height:27px;
	object-fit:cover;
	border-radius:50%;
}

.mlrc-single-post__dot{
	color:#8d96a1;
	font-size:12px;
}

/* FEATURED IMAGE */
.mlrc-single-post__featured-wrap{
	padding:0 52px 40px;
}

.mlrc-single-post__featured{
	width:100%;
	max-width:1400px;
	max-height:500px;
	margin:0 auto;
	border-radius:5px;
	overflow:hidden;
	background:#e9edf1;
}

.post .mlrc-single-post__featured img{
	display:block;
	width:100%;
	height:100%;
	max-height: 100%;
	object-fit:cover;
}

/* ARTICLE */
.mlrc-single-post__article{
	padding:0 24px 10px;
}

.mlrc-single-post__content{
	width:100%;
	max-width:860px;
	margin:0 auto;
	font-size:14px;
	line-height:1.8;
	color:var(--mlrc-text);
}

.mlrc-single-post__content > :first-child{margin-top:0}

.mlrc-single-post__content p{
	font-size: 18px;
	margin:0 0 21px;
}

.mlrc-single-post__content h1,
.mlrc-single-post__content h2,
.mlrc-single-post__content h3,
.mlrc-single-post__content h4{
	color:#303b49;
	font-weight:600;
	line-height:1.28;
}

.mlrc-single-post__content h1{
	font-size:30px;
	margin:40px 0 15px;
}

.mlrc-single-post__content h2{
	font-size:24px;
	margin:38px 0 14px;
}

.mlrc-single-post__content h3{
	font-size:20px;
	margin:30px 0 12px;
}

.mlrc-single-post__content ul,
.mlrc-single-post__content ol{
	margin:0 0 22px;
	padding-left:28px;
}

.mlrc-single-post__content li{
	margin:7px 0;
}

.mlrc-single-post__content strong{
	color:#46515f;
	font-weight:700;
}

.mlrc-single-post__content blockquote{
	margin:30px 0;
	padding:4px 0 4px 22px;
	border-left:2px solid var(--mlrc-blue);
	color:#364252;
	font-size:18px;
	line-height:1.5;
	font-weight:600;
}

.mlrc-single-post__content blockquote p{
	margin:0;
}

.mlrc-single-post__content a{
	color:var(--mlrc-blue);
}

.mlrc-single-post__content img{
	max-width:100%;
	height:auto;
	border-radius:4px;
}

/* AUTHOR */
.mlrc-single-post__author-section{
	padding:5px 24px 55px;
}

.mlrc-single-post__author{
	max-width:660px;
	margin:0 auto;
	padding-top:23px;
	border-top:1px solid var(--mlrc-line);
	display:flex;
	align-items:flex-start;
	gap:18px;
}

.mlrc-single-post__author-image{
	width:62px;
	height:62px;
	flex:0 0 62px;
	object-fit:cover;
	border-radius:6px;
}

.mlrc-single-post__author-section .mlrc-single-post__author-copy h2 {
	font-size:17px;
	line-height:1.25;
	font-weight:600;
	color:#303b49;
	margin:0 0 3px;
}

.mlrc-single-post__author-role{
	margin:0 0 5px;
	color:#6d7783;
}

.mlrc-single-post__author-copy p{
	margin:0;
	font-size:14px;
	line-height:1.65;
	color:#647080;
}

/* CTA */
.mlrc-single-post__cta{
	padding:50px 24px;
	border-top:1px solid var(--mlrc-line);
	border-bottom:1px solid var(--mlrc-line);
	background:#f7f8fa;
	text-align:center;
}

.mlrc-single-post__cta-inner{
	max-width:720px;
	margin:0 auto;
}

.mlrc-single-post__cta h2{
	color:#303b49;
	font-size:30px;
	line-height:1.25;
	font-weight:600;
	margin:0 0 10px;
}

.mlrc-single-post__cta p{
	font-size:18px;
	line-height:1.6;
	color:#697484;
	margin:0 0 25px;
}

.mlrc-single-post__cta-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:130px;
	padding:12px 22px;
	border-radius:3px;
	background:var(--mlrc-blue);
	color:#fff !important;
	text-decoration:none;
	font-size:14px;
	line-height:1.2;
	font-weight:700;
	transition:all .2s ease;
}

.mlrc-single-post__cta-button:hover{
	transform:translateY(-1px);
	filter:brightness(.93);
}

/* RELATED */
.mlrc-single-post__related{
	padding:55px 52px 110px;
}

.mlrc-single-post__related-inner{
	max-width:1400px;
	margin:0 auto;
}

.mlrc-single-post__related .mlrc-single-post__related-title {
	text-align:center;
	color:#303b49;
	font-size:30px;
	line-height:1.25;
	font-weight:600;
	margin:0 0 30px;
}

.mlrc-single-post__related-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:20px;
}

.mlrc-related-card{
	display:flex;
	flex-direction:column;
	min-width:0;
	overflow:hidden;
	border:1px solid var(--mlrc-line);
	border-radius:4px;
	background:#fff;
}

.mlrc-related-card__image{
	display:block;
	height:205px;
	background:#edf0f3;
	overflow:hidden;
}

.mlrc-related-card__image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.mlrc-related-card__body{
	display:flex;
	flex:1;
	flex-direction:column;
	padding:17px 17px 13px;
}

.mlrc-related-card__category{
	display:inline-flex;
	align-self:flex-start;
	padding:5px 10px;
	margin:0 0 11px;
	border-radius:999px;
	background:rgba(52, 139, 193, 0.1);
	color:#0A269E;
	text-decoration:none;
	font-size:14px;
	line-height:1;
	font-weight:700;
}

.mlrc-related-card h3{
	margin:0 0 10px;
	font-size:30px;
	line-height:1.35;
	font-weight:600;
}

.mlrc-related-card h3 a{
	color:#0A269E;
	text-decoration:none;
}

.mlrc-related-card p{
	margin:0 0 16px;
	color:#687383;
	font-size:18px;
	line-height:1.65;
}

.mlrc-related-card__footer{
	margin-top:auto;
	padding-top:10px;
	border-top:1px solid #edf0f3;
}

.mlrc-related-card__footer a{
	display:inline-flex;
	align-items:center;
	gap:7px;
	color:#0A269E;
	text-decoration:none;
	font-size:14px;
	font-weight:700;
}

.mlrc-related-card__footer span{
	font-size:14px;
	line-height:.7;
}

/* RESPONSIVE */
@media (max-width:1024px){
	.mlrc-single-post__title{font-size:36px}
	.mlrc-single-post__featured-wrap{padding-left:30px;padding-right:30px}
	.mlrc-single-post__featured{height:440px}
	.mlrc-single-post__related{padding-left:30px;padding-right:30px}
}

@media (max-width:767px){
	.mlrc-single-post__hero{padding:56px 20px 25px}
	.mlrc-single-post__category{margin-bottom:16px}
	.mlrc-single-post__title{font-size:30px;line-height:1.2;letter-spacing:-.5px}
	.mlrc-single-post__meta{gap:7px;margin-top:17px}
	.mlrc-single-post__meta-avatar{width:24px;height:24px}
	.mlrc-single-post__featured-wrap{padding:0 18px 30px}
	.mlrc-single-post__featured{height:300px}
	.mlrc-single-post__article{padding-left:20px;padding-right:20px}
	.mlrc-single-post__content{font-size:14px;line-height:1.75}
	.mlrc-single-post__content h2{font-size:22px;margin-top:32px}
	.mlrc-single-post__content h3{font-size:19px}
	.mlrc-single-post__content blockquote{font-size:16px;margin:25px 0;padding-left:17px}
	.mlrc-single-post__author-section{padding:5px 20px 42px}
	.mlrc-single-post__author{gap:13px}
	.mlrc-single-post__author-image{width:56px;height:56px;flex-basis:56px}
	.mlrc-single-post__cta{padding:42px 20px}
	.mlrc-single-post__related{padding:45px 20px 70px}
	.mlrc-single-post__related-grid{grid-template-columns:1fr;gap:16px}
	.mlrc-related-card__image{height:220px}
}

@media (max-width:420px){
	.mlrc-single-post__title{font-size:27px}
	.mlrc-single-post__meta{max-width:290px;margin-left:auto;margin-right:auto}
	.mlrc-single-post__featured{height:240px}
}
