/***** Blog page styles *****/

.search-blog {
    background-color: var(--lightColor);
}

.card {
    border: 0px;
    border-radius: 10px;
    margin-bottom: 1.5rem;
}

.card img {
    border-radius: 10px 10px 0px 0px;
}

.blog-box {
    background-color: var(--lightColor);
    margin-bottom: 2rem;
    padding: 2rem;
    border-radius: 10px;
}

.blog-box ul {
    list-style-type: none;
}

.blog-box ul li{
    padding: 0.3rem 0;
}

.blog-box a, h3{
    color: var(--primaryColor);
}

.blog-box a:hover{
    color: var(--tertiaryColor);
}


/***** Blog Inidvidual page styles *****/

.details-blog span {
    padding: 0.2rem 1rem;
    margin: 0;
}