/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 10 2025 | 13:15:05 */
.blog-author-info .author-lists:after {
    position: absolute;
    content: '';
    right: -21px;
    top: 10px;
    width: 9px;
    height: 9px;
    background-image: url(/wp-content/uploads/2025/07/dot.svg);
    background-size: contain;
    background-repeat: no-repeat;
} 
.featured_blog .featured_container {
	overflow: hidden;
}
.blog-author-info .author-lists {
	position: relative;
}
.deatil_top {
	padding: 65px 20px 53px 20px;
}
.deatil_top .detail_container{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
.deatil_top .detail_container .detail_sub_container{
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}
.detail_container .detail_sub_container .detail_featured img{
	border-radius: 24px;
	width: 100%;
	height: 448px;
	object-position: center
}
.deatil_top .detail_container .detail_title{
	color: #443C3C;
	font-size: 52px;
	font-style: normal;
	font-weight: 400;
	line-height: 58px;
	display: none;
}
.deatil_top .detail_featured{
	display: flex;
	margin: 0 0 56px 0;
/* 	padding: 56px 0; */
	padding: 0;
}
.deatil_top .detail_content .detail_blog_title {
	color: #443C3C;
	font-size: 42px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; 
	padding-bottom: 28px;
}
.deatil_top .detail_info {
	display: flex;
	align-items: center;
	column-gap: 32px;
}
.deatil_top .detail_info .detail_autor{
	display: flex;
	align-items: center;
	column-gap: 12px; 
	position: relative;
}
.deatil_top .detail_info .detail_autor img.detail_autor_img{
	width: 42px;
	height: 42px;
	border-radius: 999px;
}
.deatil_top .detail_info .detail_autor .detail_autor_name{
/* 	color: rgba(68, 60, 60, 0.80); */
	color: #443C4CCD;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; 
	letter-spacing: 1.08px;
}
.deatil_top .detail_info .deatil_date p{
	position: relative;
	color: rgba(68, 60, 60, 0.80);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; 
	letter-spacing: 1.08px;
}
/* .deatil_top .detail_info .deatil_date p:before{
	position: absolute;
	content: '';
	left: -20px;
	top: 10px;
	width: 9px;
	height: 9px;
	background-image: url(/wp-content/uploads/2025/06/dot.svg);
	background-size: contain;
	background-repeat: no-repeat;
} */ 
.deatil_top .detail_info .detail_autor::after {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    background-image: url(/wp-content/uploads/2025/06/dot.svg);
    background-size: contain;
    background-repeat: no-repeat;
    left: auto;
    right: -20px;
}
@media(max-width: 1023px) and (min-width: 768px){
	.deatil_top {
		padding: 56px 20px 32px 20px;
	}
	.deatil_top .detail_featured{
/* 		padding: 32px 0; */
		margin: 0 0 32px 0;
	}
	.deatil_top .detail_container .detail_title{
		font-size: 40px;
		line-height: 50px;
	}
	.deatil_top .detail_content .detail_blog_title{
		font-size: 36px;
		line-height: 46px;
	}
	.detail_container .detail_sub_container .detail_featured img{
		height: 350px;
		object-position: center
	}
}
@media(max-width: 767px) {
	.deatil_top {
		padding: 42px 16px 24px 16px;
	}
	.deatil_top .detail_featured{
/* 		padding: 24px 0; */
		margin: 0 0 24px 0;
	}
	.deatil_top .detail_container .detail_title{
		font-size: 36px;
		line-height: 46px;
	}
	.deatil_top .detail_content .detail_blog_title{
		font-size: 24px;
		line-height: 34px;
	}
	.deatil_top .detail_info .detail_autor .detail_autor_name{
		font-size: 16px;
		line-height: 24px;
	}
	.deatil_top .detail_info .deatil_date p{
		font-size: 16px;
		line-height: 24px;
	}
	.deatil_top .detail_info .detail_autor img.detail_autor_img{
		width: 30px;
		height: 30px;
	}
	.deatil_top .detail_info{
		gap: 24px;
	}
	.deatil_top .detail_info .deatil_date p:before {
		left: -17px;
		top: 8px;
	}
	.deatil_top .detail_info .detail_autor {
		column-gap: 8px;
	}
	.detail_container .detail_sub_container .detail_featured img{
		height: 250px;
		object-position: center
	}
}