/*
Theme Name: Easylaunch
Author: Kwebmaker
Author URI: https://www.kwebmaker.com/
Theme URI:  https://www.kwebmaker.com/
Version: 1.1
License: GNU General Public License v2 or later
License URI: LICENSE
Description: Runwal is a WordPress Theme Developed by Kwebmaker Digital Agency.

*/


/*Rest Css Goes Here*/

.blog-card {
    border:1px solid #dee2e6;
    border-radius:15px;
}

.blog-card img{
    
        object-fit: cover;
    height: 300px;
    
        /*object-fit: contain;*/
    width: 100%;
    /*height: auto;*/
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.blog-body{
    padding:15px;
}
.blog-title a{
    color: black;
    text-decoration: none;
}

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

.blog-card .image-hover-wrapper {
    overflow: hidden;
    position: relative;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.blog-card .image-hover-wrapper img {
    width: 100%;
    height: 300px; 
    object-fit: cover;
    transition: transform 0.4s ease;
    display: block;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
        /* zoom out on hover */
    /*transform: scale(1.1); */

}
.blog-card .image-hover-wrapper:hover img {
    transform: scale(1.1); /* zoom out on hover */
}










.masonry-container{
    columns:320px;
     column-gap: 1rem;
}
@media (max-width: 768px) {
    .masonry-container {
        column-count: 2;
    }
}

@media (max-width: 575.98px) {
    .masonry-container {
        column-count: 1;
    }
}

.masonry-container > div {
    break-inside: avoid;
    margin-bottom: 1rem;
}

/*=========================================*/

@media (min-width: 768px) {
    .single-excerpt {
        width:60%;
        margin: 0 auto;
    }
    .blog-content{
            width: 60%;
    margin: 0 auto;
    }
    .single-blog {
            width:80%;
        margin: 0 auto;
}
}


.single-blog-image img {
    object-fit: cover;
    height: 100%;
    width: auto;
}

.blog-category,
.blog-category a{
text-decoration: none;
    font-weight: 500;
    color: #5271ff;
}

.blog-content ul li,
.blog-content ul {
    list-style-type: disc !important;
}

.blog-content ol li,
.blog-content ol{
    list-style-type: decimal !important;
}

/*.blog-content ul li:before,*/
/*.blog-content ol li:before {*/
/*    display:none;*/
/*}*/