/* Nav Nirman journal: complements the site's existing Bootstrap/theme styles. */
.blog-intro { padding: 74px 0 32px; }
.blog-intro .lead { max-width: 760px; font-size: 17px; line-height: 1.8; color: #666; }
.blog-grid { padding: 18px 0 80px; }
.blog-card { background: #fff; border: 1px solid #e8e8e8; margin-bottom: 30px; transition: box-shadow .25s ease, transform .25s ease; height: calc(100% - 30px); }
.blog-card:hover { box-shadow: 0 12px 28px rgba(0,0,0,.12); transform: translateY(-4px); }
.blog-card-image { display:block; overflow:hidden; background:#eee; }
.blog-card-image img { width:100%; height:210px; object-fit:cover; transition: transform .35s ease; }
.blog-card:hover .blog-card-image img { transform:scale(1.04); }
.blog-card-body { padding: 25px 25px 28px; }
.blog-meta { color:#8a8a8a; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; margin-bottom:13px; }
.blog-meta .category { color:#d99b00; margin-right:10px; }
.blog-card h2 { font-size:21px; line-height:1.38; margin:0 0 14px; }
.blog-card h2 a { color:#333; }.blog-card h2 a:hover { color:#ffbc13; }
.blog-card p { line-height:1.7; color:#666; min-height:75px; }
.blog-card .wprt-button { margin-top:7px; }
.blog-article { padding: 75px 0 80px; }
.blog-article .article-image { margin-bottom:35px; }.blog-article .article-image img { width:100%; height:auto; }
.blog-article .article-meta { border-bottom:1px solid #e8e8e8; padding-bottom:18px; margin-bottom:28px; }
.blog-article .intro { font-size:18px; line-height:1.8; color:#555; }
.blog-article h2 { font-size:25px; margin:38px 0 14px; }.blog-article h3 { font-size:20px; margin:28px 0 12px; }
.blog-article p,.blog-article li { color:#626262; line-height:1.82; }.blog-article ul { margin:0 0 20px 20px; }.blog-article li { margin-bottom:7px; }
.blog-article a:not(.wprt-button) { color:#d99b00; font-weight:600; }.blog-callout { background:#f8f8f8; border-left:4px solid #ffbc13; padding:24px 28px; margin:35px 0; }
.blog-callout h2 { margin-top:0; }.blog-sidebar { background:#f8f8f8; padding:28px; margin-bottom:30px; }.blog-sidebar h3 { margin-top:0; font-size:19px; }.blog-sidebar ul { list-style:none; margin:0; padding:0; }.blog-sidebar li { border-top:1px solid #e1e1e1; padding:11px 0; }.blog-sidebar li:first-child { border-top:0; padding-top:0; }
.blog-pagination { margin:12px 0 80px; text-align:center; }.blog-pagination span { display:inline-block; background:#ffbc13; color:#fff; padding:9px 15px; }
@media only screen and (max-width:767px) { .blog-intro,.blog-article { padding-top:50px; }.blog-card-image img { height:190px; }.blog-article h2 { font-size:23px; } }