body.blog{
    
    background-color: var(--e-global-color-primary);

}
.blog-entry{
    
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    background-color: white;
    display: flex;
    flex-flow: row nowrap;
}

.blog-entry-inner {
    
    display: flex;

}


.blog-entry.post .thumbnail .overlay {
    border-radius: 6px;
}

.blog-entry-inner .thumbnail {
    
    flex: 0 0 50%;
}

.blog-entry.large-entry .thumbnail {
    margin-bottom: 0;
}
.blog-entry .thumbnail img{       
    border-radius: 6px 0 0 6px;

    
}
.blog-entry.large-entry {
    padding-bottom: 0;
}
.content-area
{
    width: 100% !important;
    border: none;
}

.blog-entry-inner .meta {
    
    display: none;
}

.blog-entry-inner .blog-entry-content-container {
    
    padding: 0 3rem;
    display: flex;
    justify-content: center;
    flex-flow: column nowrap;
    
  
}

.blog-entry-title {
    margin-bottom: 0;
}

.blog-entry-title a {
       font-size: 27px !important;
}

 @media (max-width: 1024px) {
     
     .blog-entry-inner{
             flex-direction: column;

     }
     
     .blog-entry-inner .blog-entry-content-container {
         padding: 0 2rem 1rem;
     }
     
     .blog-entry .thumbnail img {
         border-radius: 6px 6px 0 0;
     }
}

.blog-entry-summary p {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}



.blog-entry-readmore a {
    align-items: center;
    padding: 16px 24px !important;
    background-color: var(--e-global-color-accent);
    border-radius: 6px !important;
    margin-top: 1.25rem;
    font-size: 13px !important;
    color:var(--e-global-color-primary) !important;
    outline: transparent;
    
}

.blog-entry-readmore:hover a{
    background-color: var(--e-global-color-8a8dfa0);
}