.title-blog-home{
  bottom: 0; 
 right: 0;
 left: 0;
  background-color: rgba(0, 0, 0,0.5);
   
}
.title-blog-home{
  padding-top:0.5rem;
 padding-bottom:0.5rem;
}
.box-desc-article .title-article{
  transition:all 0.5s linear;
 padding-top:0.5rem;
}
.summary-blog {
 transform:translateY(100%);
 height:0;
}
.box-desc-article .inner-desc-blog{
 
 transition:all 0.5s linear;
 
}
.box-desc-article{
 overflow: hidden;
}
.box-desc-article:hover  .inner-desc-blog{
 transform:translateY(0);
 height:auto;
}
.box-desc-article:hover .title-article{
padding-bottom:0.5rem;
}
/***********************blog**********************/
.categoryblog a{
 color: #005EB3 !important;
 border-bottom: 0.1rem solid #a8a8a8;
}
.linkBlogList{
 color: var(--White) !important;
}
.BlogSidebar .HorizontalTabs .tab label{
 color: var(--White) !important;
 background-color:#9C979B;
 flex: 1 0 auto;
}
.BlogSidebar .HorizontalTabs .tab label.active{
 background-color:var(--Dgrey);
}
.BlogSidebar .tab_wrap .tab{
  margin-bottom: 1rem;
}
.item-desc-sidebar{
 line-height: 1.5rem;
}
.CategoryTopBlog a::after{
  background-color:var(--White);
  content:"آرشیو";
 position:absolute;
  right:0;
 padding:0 0.1rem;
}
.CategoryTopBlog {
  position:relative;
}
.CategoryTopBlog a{
  color: var(--Black) !important;
}
.CategoryBlogList li:not(:first-child) .link-archieve {
  display: none;
}
.CategoryBlogList{
  list-style: none;
}
.item-blog-top ul{
  display:flex;
  align-items:center;
  list-style:none;
  position:relative;
  gap:1rem;
 flex-wrap:nowrap;
 overflow:auto;
 padding-bottom:1.5rem;
}
.item-blog-top ul li{
 flex-shrink:0;
 flex-grow:1;
}
.item-blog-top img{
  width: 100%;
  height: 100%;
}
.item-blog-top li{
  display:flex;
  flex-direction: column;
  height: 100%;
}
.link-blog {
  right:0;
  left:0;
  bottom:0;
  background-color:rgba(0,0,0,0.5);
  color:var(--White) !important;
}

.item-blog-top ul::-webkit-scrollbar {
 height: 0.2rem;
 cursor: pointer;
}

.item-blog-top ul::-webkit-scrollbar-track {
  background-color:var(--ColorGrey);
 
}
.item-blog-top ul::-webkit-scrollbar-thumb {
  background: var(--Dgrey); 
 
}
/***********************Blog Footer************************/
.list-blog-footer a{
 color: var(--White) !important;
}
.list-blog-footer{
 max-height: 15rem;
 overflow-y: auto;
}
.list-blog-footer::-webkit-scrollbar {
 width:0.3rem;
}
.list-blog-footer::-webkit-scrollbar-track {
border-right:0.05rem solid rgba(236, 236, 236, 48%);
border-right:0.05rem solid rgba(236, 236, 236, 48%);
 
}
.list-blog-footer::-webkit-scrollbar-thumb {
 background-color:rgba(236, 236, 236, 48%);
}
/***************************Detail Blog***********************************/
.icon-share-detail svg{
 width:1.6rem;
 height:1.6rem;
}
.icon-share-detail a{
 border-radius: 0.5rem;
}
.BreadCrumb a{
 color: var(--Black) !important;
}