.blog {
    margin-top: 1rem;
}

.blog-card {
    flex-grow: 1;
    width: 100%;
    border-radius: 18px;
    box-shadow: 0px 0px 10px gray;
    overflow: hidden;
    display: flex;
    flex-direction: column;

}

.blog-card .card-body {
    flex-grow:1;
}

.blog-tags {
    text-decoration: none ;
    color: gray;
}

.blog-img {
    width: 100%;
    height: 50vh;
    object-fit: cover;
    object-position: center;
    background-position: center center;
    background-size: cover;
}

.blog-img-home {
    width: 100%;
    height: 30vh;
    object-fit: cover;
    object-position: center;
    background-position: center center;
    background-size: cover;
}

.blog-divider {
    border-top-color: #284821;
}

.blog-li {
    color:#284821;
}

.blog-links {
    color: gray;
    text-decoration: none;
}

.blog-links:hover {
    color:#284821;

}

.blog-btn {
    text-decoration: none;
}

.author-row {
    border-top: #f4eb23 solid 1px;
    margin-top: 50px;
    align-items:center;
}

.blog-detail-link {
    color:#284821;
    text-decoration: none;
}

.blog-detail-link:hover {
    color:#284821;
}

.blog-detail-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    background-position: center center;
    background-size: cover;

}

.blog_description_truncate {

    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:3;

}

.pagination .page-link {
    background-color: white;
    color:black;
}

.pagination .page-link:hover {
    background-color: #f4eb23;
}

.pagination .page-item.active .page-link {
    background-color: #f4eb23;
    color:black;
    border-color: black;
}

.dropdown-item:hover {
    background-color:transparent;

}

.dropdown-menu {
    background-color: white;
    border-radius: 15px;

}
.social-toggle::after {
    display: none;
}