.blog-detail-page{padding-top:130px;background:#fff}.blog-article h1{font-size:max(2rem, min(4vw, 3.5rem))}.blog-article .content{margin-top:28px;color:var(--brand-text)}.author-box,.blog-reply,.blog-share,.entry-meta,.pre-next{margin-top:28px;padding-top:24px;border-top:1px solid var(--brand-border)}.author-box{display:grid;grid-template-columns:76px 1fr;grid-gap:18px;gap:18px}.author-avatar{width:76px;height:76px;-o-object-fit:cover;object-fit:cover;border-radius:50%;background:var(--brand-bg-alt)}.pre-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.pre-next a{display:block;border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:18px}.pre-next span{display:block;color:var(--brand-primary);font-weight:700}.comment-form .form-control{border-color:var(--brand-border);border-radius:var(--brand-radius)}.blog-sidebar{border-left:1px solid var(--brand-border)}.recent-blogs{list-style:none;margin:0;padding:0}.recent-blogs li{display:grid;grid-template-columns:54px 1fr;grid-gap:12px;gap:12px;margin-bottom:16px;align-items:center}.date-badge{display:grid;align-items:center;justify-items:center;place-items:center;width:54px;height:54px;background:var(--brand-primary);color:#fff}.date-badge small,.date-badge span{color:#fff;line-height:1}@media (max-width:991px){.blog-sidebar{border-left:0}}@media (max-width:575px){.author-box,.pre-next{grid-template-columns:1fr}}