/* Blog (plugin 1030_blog_page) - builds on the theme's own blog styles (style.css "Blog List" / "Blog Details") */
.wr-blog-banner .section-title .title{font-size:clamp(28px,4vw,46px);line-height:1.25;max-width:960px;margin:0 auto}
.wr-blog-banner-sub{color:#fff;margin:10px 0 0}

/* cards */
.wr-blog-card{display:flex;flex-direction:column;height:calc(100% - 30px);overflow:hidden}
.wr-blog-card .blog-img{border-radius:10px 10px 0 0}
.wr-blog-card .blog-img{background:#fff}
.wr-blog-card .blog-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}   /* 1200x675 images fill it; other sizes are never cropped */
.blog-standard-section .wr-blog-card .blog-content{padding:25px 28px 28px;display:flex;flex-direction:column;flex:1}
.wr-blog-card .blog-content .meta{padding-bottom:12px}
.wr-blog-card .blog-content .meta .blog-meta a{color:#8a8a8a}
.wr-blog-card .blog-content .meta .blog-meta i{color:#1BBD94}
.blog-standard-section .wr-blog-card .blog-content .title{font-size:21px;line-height:1.35;padding-right:0;margin:0}
.wr-blog-card .blog-content .title a{color:#021E40}
.wr-blog-card .blog-content p{margin:12px 0 18px;line-height:1.7}
.wr-blog-more{margin-top:auto;font-weight:600;color:#1BBD94;display:inline-flex;align-items:center;gap:8px}
.wr-blog-more:hover{color:#021E40}

.wr-blog-intro,.wr-blog-empty{margin-top:30px;background:#f3f3f8;border-radius:10px;padding:25px 30px}
.wr-blog-intro p:last-child,.wr-blog-empty p:last-child{margin-bottom:0}
.blog-standard-section .edubin-pagination .pagination{margin-top:50px}

/* single post */
.blog-details-section .blog-details-post{margin-top:0}
.blog-details-post .single-blog{margin-top:0}
.blog-details-post .single-blog .blog-img img{border-radius:10px;height:auto}
.blog-details-post .single-blog .blog-content .blog-meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:#696868;font-size:15px}
.blog-details-post .single-blog .blog-content .blog-meta span{margin-right:0}
.blog-details-post .single-blog .blog-content .blog-meta a{color:#696868}
.wr-blog-preview{margin-bottom:25px}

/* table of contents - right sidebar on desktop, hidden on mobile/tablet */
.blog-sidebar .wr-blog-toc{border-left:4px solid #1BBD94}
.wr-blog-toc ol{margin:0;padding-left:18px}
.wr-blog-toc li{margin:0 0 9px;line-height:1.45;font-size:15px}
.wr-blog-toc li:last-child{margin-bottom:0}
.wr-blog-toc li.lvl-3{margin-left:14px;list-style:circle;font-size:14px}
.wr-blog-toc a{color:#021E40}
.wr-blog-toc a:hover{color:#1BBD94}
.wr-blog-body h2[id],.wr-blog-body h3[id]{scroll-margin-top:130px}

.wr-blog-body{font-size:16px;line-height:1.85;color:#454545;padding-top:10px;overflow-wrap:break-word}
.wr-blog-body h2,.wr-blog-body h3,.wr-blog-body h4{color:#021E40;line-height:1.35;margin:34px 0 14px;scroll-margin-top:110px}
.wr-blog-body h2{font-size:28px}
.wr-blog-body h3{font-size:22px}
.wr-blog-body h4{font-size:19px}
.wr-blog-body p{margin:0 0 18px;font-size:16px;line-height:1.85}
.wr-blog-body ul,.wr-blog-body ol{margin:0 0 20px;padding-left:24px}
.wr-blog-body ul{list-style:disc}
.wr-blog-body ol{list-style:decimal}
.wr-blog-body li{margin-bottom:8px}
.wr-blog-body a{color:#1BBD94;text-decoration:underline;text-underline-offset:3px}
.wr-blog-body a:hover{color:#021E40}
.wr-blog-body img{max-width:100%;height:auto;border-radius:8px}
.wr-blog-body figure{margin:25px 0}
.wr-blog-body figcaption{font-size:14px;color:#838383;text-align:center;margin-top:8px}
.wr-blog-body blockquote{background:#f3f3f8;border-left:4px solid #1BBD94;padding:20px 25px;margin:25px 0;font-style:italic}
.wr-blog-body table{width:100%;border-collapse:collapse;margin:0 0 22px;display:block;overflow-x:auto}
.wr-blog-body th,.wr-blog-body td{border:1px solid #e3e3e5;padding:10px 12px;text-align:left}
.wr-blog-body th{background:#f3f3f8;color:#021E40}
.wr-blog-body iframe{max-width:100%}

.blog-details-post .blog-details-content .blog-details-tag-share{margin-top:40px}
.blog-details-share .wr-share-label{font-weight:700;color:#021E40;margin-right:12px;font-size:14px}
.blog-details-share .social-share{display:flex;margin:0;padding:0;list-style:none}
.blog-details-post .blog-details-content .blog-details-tag-share .blog-details-share li a.share-whatsapp{background:#25D366}
.blog-details-post .blog-details-content .blog-details-tag-share .blog-details-share li a.share-twitter{background:#000}
.blog-details-post .blog-details-content .edubin-post-pagination{margin-top:50px;box-shadow:0 0 30px rgba(0,0,0,.08)}
.edubin-post-pagination .post-content .date{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#838383}
.edubin-post-pagination .next-post .blog-pagination-post{justify-content:flex-end}

.wr-blog-related{margin-top:60px}
.wr-blog-related-title{font-size:26px;color:#021E40;margin-bottom:0}
.wr-blog-related .single-blog{margin-top:25px}
.blog-details-section .wr-blog-related .wr-blog-card .blog-content{padding:20px}
.wr-blog-related .wr-blog-card .blog-content .title{font-size:18px}
.wr-blog-related .wr-blog-card{border:1px solid #eee;border-radius:10px;background:#fff}

/* sidebar */
.blog-details-section .blog-sidebar{margin-top:-30px}
.sidebar-widget .recent-posts ul,.sidebar-widget .category,.sidebar-widget .sidebar-tag{padding:0;margin:0;list-style:none}
.sidebar-widget .recent-posts .post-thumb img{width:80px;height:80px;object-fit:cover}
.sidebar-widget .search-form input[type=search]{width:100%;height:50px;border:0;background:#f2f4f7;padding:0 55px 0 15px;color:#415674;outline:none}
.blog-sidebar .sidebar-widget{background:#fff;border:1px solid #eee;border-radius:10px;padding:25px}

/* latest posts widget (home or any page) */
.wr-blog-latest{padding:80px 0}
.wr-blog-latest .section-title{margin-bottom:10px}
.wr-blog-latest-more{margin-top:35px}

@media (max-width:991px){
	.blog-sidebar .wr-blog-toc{display:none}
	.blog-details-section .blog-sidebar{margin-top:50px}
	.wr-blog-body h2{font-size:24px}
}
@media (max-width:575px){
	.blog-standard-section .wr-blog-card .blog-content{padding:20px}
	.wr-blog-intro,.wr-blog-empty{padding:20px}
}
