/* Blog */
/* Blog item */
.blog {
}
  
.blog-item {
    line-height: 1.2em;
    background-color: white;
}

.blog-item h1 {
    margin-top:0;
    line-height: 3rem;
    font-weight: 100;
    font-size: 3rem;
}

.blog-item h1:after {
    margin-top:20px;
    content:'';
    display:block;
    width:100%; height:100%;
    margin-right:-100%;
    border-bottom:10px solid rgba(0, 0, 0, 0.1);
    } 

.summary {
    margin: 1em 0;
    font-weight: 400;
    font-size: 0.9rem;
    font-style: oblique ;
}

.blog-item h2 {
    font-size: 2.25rem;
    font-weight: 600;
    margin-bottom: 1em;
    line-height: 1em;
}

.blog-item h3 {
    font-size: 1.5rem;
    font-weight: 500;
}

.blog-item h4 {
    font-size: 1rem;
    font-weight: 400;
}

.blog-item p {
}

.blog_hero_image {
    min-width: 100%;
    margin-top: 0;
}

.post img {

}

ul.related-pages.menu {
list-style: none;
font-size: .8em;
}

.body-post {
}
.wrapper {
 margin: 2rem 0;
}

.profile img {
    border-radius: 5px;
}

.profile p {
 font-size: small;
}
/* Blog page */

.card__item_blog_content .summary {
font-size:0.8rem;
font-weight: 300;
font-style: normal;
line-height: 1.2em;
color:rgba(255, 255, 255, 0.50);
}

.overlay_blog {
    position: relative;
    height: 100%;
    width: 100%;
    pointer-events: none;
    background: url(user/pages/images/fond-transparent.png);
    background-color: rgb(10, 5, 19);
    height:100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 1s ease;
  }
  
  .overlay_blog:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -webkit-transition: all 0.1s ease;
  }
  
  
  .blog_image {
    height: 180px;
    background-color: #eaedf0;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events:auto;
  }