.tags a {

	display:inline-block;

	margin:5px 14px 10px 0;

	height:33px;

	line-height:33px;

	background: #ededed url(../img/tag_bg.png) no-repeat 91% center;

	padding:0 28px 0 11px;

	color:#555;	

	-webkit-border-top-right-radius: 20px;

	-webkit-border-bottom-right-radius: 20px;

	-moz-border-radius-topright: 20px;

	-moz-border-radius-bottomright: 20px;

	border-top-right-radius: 20px;

	border-bottom-right-radius: 20px;

	transition: background .5s ease; 

}

.tags a:hover {

	background-color:#099ad1;

	color:#fff;

	text-decoration:none;

}

#cat_blog ul{

	list-style:none;

	margin:0;

	padding:0;

	font-size:14px;

}

.widget h4{

	text-transform:uppercase;

	font-size:16px;

}

#cat_blog ul li a{

	padding:10px;

	display:flex;
	align-items: center;

	color:#888;

	font-weight: 600;

	text-transform: uppercase;


}

#cat_blog ul li:hover a{

	color:#008489;

}

#cat_blog ul li:hover svg path{
	fill: #008489;
}

#cat_blog ul li:hover .submenu svg path,
#cat_blog ul li:hover .submenu li:hover .submenu2 svg path{
	fill: #666666;
}

#cat_blog ul li:hover .submenu li:hover svg path,
#cat_blog ul li:hover .submenu li:hover .submenu2 li:hover svg path{
	fill: #008489;
}

#cat_blog ul li:hover .submenu li:hover a,
#cat_blog ul li:hover .submenu li:hover .submenu2 li:hover a{
	color: #008489;
}

#cat_blog ul li:hover .submenu a,
#cat_blog ul li:hover .submenu li:hover .submenu2 a{
	color: #888;
}

#cat_blog ul li a:hover svg path{
	fill: #008489;
}
 
ul.recent_post {

	margin:0;

	padding:0;

}

ul.recent_post li {

	padding:0 0 8px 0;

	margin-bottom:15px;

	border-bottom:1px #e7e7e7 dotted;

	color:#313131;

	list-style:none;

	line-height:18px;

	padding-bottom:15px;

	color:#888;

	font-style:italic;

}

ul.recent_post li:last-child{

	border-bottom:0;

	margin-bottom:0;

	padding-bottom:0;

}


.mce-toc ul li{
	list-style-type: none;
}

ul.recent_post:not(.sidebar_cmt) li{
	display: flex;
	align-items: center;
}

ul.recent_post:not(.sidebar_cmt) li a{
	width: 30%;
	display: block;
}

ul.recent_post:not(.sidebar_cmt) li a img{
	width: 100%;
}

ul.recent_post:not(.sidebar_cmt) li a + div{
	width: 70%;
	font-style:normal;
	padding-left: 10px;
}

ul.recent_post:not(.sidebar_cmt) li a + div a{
	width: 100%;
}

/* .post {

	margin-bottom:45px;

} */

.post h2,.post h1{

	font-size:22px;

}

.post h1 {
    font-size: 30px;
    font-weight: 600;
}

.post img {
	width: 100%;
	object-fit: cover;

}

.post .post-content{
	padding: 15px;
}

.post-content h2{
	margin-top: 0;
	font-weight: 600;
}

.post_info .post-left {
	display: flex;
	align-items: center;
}

.post_info .post-left .author{
	display: flex;
	align-items: center;
	margin-right: 50px;
}

.post_info .post-left .author .avatar{
	margin: 0;
	float: unset;
}

.post-left ul{
	margin-bottom: 0;
}

.post_info .post-left .author .avatar img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 10px;
	object-fit: cover;
}

.post_info .post-left .author .name{
	font-weight: 600;
}

.post-detail h1{
	margin-top: 0;
	color: #bf1e2e;
}

.post-detail .post_info .post-left .author .avatar img{
	width: 64px;
	height: 64px;
}

.post-detail .post_info .post-left .author .name a{
	color: #000;
	transition: all .3s ease-in-out;
}

.post-detail .post_info .post-left .author .name a:hover{
	color: #bf1e2e;
}

.post-detail .post_info .desc{
	color: #666;
}

.post-detail .post_info .post-left .author{
	margin-right: 0;
	margin-left: 25px;
}

#cat_blog ul li a.active{
	color: #008489;
}

#cat_blog ul li a.active + .submenu{
	display: block;
}

#cat_blog h4+ul{
	padding: 0;
}
#cat_blog .submenu.active{
	display: block;
}
#cat_blog .submenu li a{
	padding-left: 30px;
	font-weight: 500;
}

#cat_blog .submenu li a svg{
	height: 27px;
}

#cat_blog .submenu li a.active svg path{
	fill: #008489;
}

#cat_blog .submenu li a{
	text-transform: unset;
}

#cat_blog li span{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #f0f0f0;
	margin-bottom: 3px;
}

#cat_blog li span .open-icon.open svg path{
	fill: #008489;
}

#cat_blog li span .open-icon.open svg {
	transform: rotateX(180deg);
}

#cat_blog li span .open-icon svg{
	width: 18px;
    height: 18px;
	transition: all .3s ease-in-out;
}

#cat_blog li .flag-icon{
	width: 27px;
	margin-right: 10px;
}

#cat_blog li .icon{
	width: 16px;
}

#cat_blog .submenu{
	display: none;
	padding: 0;
}

#cat_blog .submenu2{
	padding: 0;
	display: none;
}
#cat_blog .submenu2.active{
	display: block;
}

#cat_blog .submenu2 li a{
	padding-left: 50px;
}

#cat_blog .submenu.open{
	display: block;
}


.post_info {

padding: 0px 0;

/* border-bottom:1px #ccc dashed; */

/* border-top:1px #ccc dashed; */

margin-bottom:12px;

color:#999;
}

.post_info a{

	color:#999;

}

.post_info a:hover{

	color:#333;

}

.post_info span {

	color:#ff6666;

}

.post-left {float:left;}

.post-left ul {

	margin-left:0;

	padding-left:0;

}

.post-left ul li {

	float:left;

	margin-right:10px;

	list-style:none;

}

.post-right {float:right;

}

#comments {

	padding:10px 0 0px 0;

	margin-bottom:15px;	

}

#comments ul {

	padding:0;

	margin:0;

	list-style:none;	

}

#comments ol {

	padding:0;

	margin:0;

	list-style:none;

}

#comments li {

	padding:0 0 23px 0;

	list-style:none;

}

.avatar {

	float:left;

	margin-right:11px;

	

}

.avatar img {

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border-radius:3px;	

}

.comment_right {display:table;	}

.comment_info {padding-bottom:7px;}

.comment_info span {padding:0 12px;}

#comments ol li ul li {

	padding:23px 0 0 30px;

	margin:0;

}

.post-detail .post_info .post-left .author .position{
	font-weight: 600;
}

/* From tablet portrait to mobile */

@media (max-width: 767px)  {

.post-right {float:none;}

.post-left ul li {

	float:none;

	margin-right:0;

	margin-bottom:3px;

}


}	

@media only screen and (max-width: 575.98px){
	.post_info .post-left{
		display: block;
	}

	.post_info .post-left .author{
		margin-right: 0;
	}

	.post-detail .post_info .post-left .author .avatar img{
		width: 55px;
		height: 55px;
	}
	
	.post-detail .post_info .post-left .author{
		margin-left: 0;
	}

	.post-content .post-left ul{
		margin-top: 10px;
	}
}