/*!
Theme Name: TryToProgram
Theme URI: https://www.trytoprogram.com/
Author: RC Dahal
Author URI: https://www.trytoprogram.com/
Description: Description
Version: 1.0.0
Text Domain: trytoprogram
Tags: custom-background, custom-logo, custom-menu, featured-images
*/

.container {
	max-width: 1300px;
}
button.accordion-button {
	color: black !important;
	background-color: white !important;
}
.card-title h2{
	color: #000 !important;
}
.blog-section .blog-content{
	display: inline-block;
	margin: 10px;
	width: 100%;
}
.blog-section .blog-banner, .blog-detail-page .blog-page-banner{
	text-align: center;
	padding: 50px;
	color: #fff;
	background: #0a243e;
}
.blog-detail-page .blog-page-banner{
	height: 400px; 
	z-index: 1;
	position: relative;
	padding: 0;
}
.blog-detail-page .blog-page-banner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blog-detail-page .blog-page-banner .blog-heading{
	max-width: 800px;
	margin: auto;
}
.blog-section .blog-banner a, .blog-detail-page .blog-page-banner a{
	color: #fff;
}
.blog-section .blog-banner .breamcrubs, .blog-detail-page .blog-page-banner .breamcrubs{
	margin-bottom: 0;
}
/* .blog-section .blog-content .blog-details{
max-width: 600px;;
} */
.blog-section .blog-content .blog-details h2{
	font-size: 24px;
}
.blog-details .blog-meta{
	display: flex;
	gap: 15px;
}
.blog-details .blog-meta img{
	border-radius: 50px;
}

.author-meta span{
	display: block;
}
.blog-section .blog-pagination{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 15px;
}
.blog-section .blog-pagination .page-numbers{
	padding: 5px 15px;
	background: #d4d4d4;
	border-radius: 5px;
}
.blog-section .blog-pagination .page-numbers.current{
	color: #fff;
	background: #0a243e;
}
.blog-detail-page .nav-links{
	display: flex;
	justify-content: space-between;
	font-size: 20px;
}
.blog-details .blog-image img{
	width: 100%;
	height: 200px;
	border: 1px solid #0a243e;
	margin-bottom: 20px;
	padding: 8px;
	object-fit: contain;
}
.blog-detail-page .blog-details-wrap{
	margin-top: -150px;
	background: #fff;
	border-radius: 10px;
	padding: 40px;
	position: relative;
	z-index: 2;
}
.blog-detail-page .blog-details-wrap .blog-meta{
	display: flex;
	align-items: center;
	gap: 20px;
}
.blog-detail-page .blog-details-wrap .blog-meta img{
	border: 1px solid #0a243e;
	border-radius: 100%;
	padding: 5px;
	object-fit: cover;
}
.related-blogs {
	position: fixed;
	width: calc(25%);
}
.related-blogs ul{
	list-style: none;
	padding-left: 0;
}
.related-blogs ul li{
	margin-bottom: 5px;
}
.related-blogs ul li i{
	margin-right: 8px;
}