/* searchBar */
#searchBar {font-size:16px; border-right: 0px;}
#searchBar::placeholder {color: #909090; opacity: 1;}
.input-group-text {background: transparent; border-left: none; color: #864DCF;}
.input-group-text img {width:16px; height: auto;}

/* Card */
.article-img {transition: transform .5s, filter 1.5s ease-in-out;}
    .article-img:hover {transform: scale(1.01); filter: contrast(110%);}

.article-body {padding: 8px;}
.article-date {display:flex; align-items: center; color: rgb(23, 20, 20); font-size: 0.8rem;}
.article-date img {width:12px; height: auto; margin: 0 4px 4px 0px;}
.article-name {
    font-size: 1.03rem; font-weight: 560; line-height: 1.5rem;      
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Loadmore */
.loadmore-bg {
    background: #eff0ff;
    background: linear-gradient(-90deg, rgba(239, 240, 255, 1) 0%, rgba(239, 240, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    padding: 2px;
    margin-block: 20px;
}