article.blog-card {
    max-width: 400px;
}

h3.blog-title {
    margin: 0;
}

.ajax-blog-posts {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.meta-data-post {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.ajax-search-wrap{
    position:relative;
}

.ajax-search-suggestions{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    border:1px solid #ddd;
    display:none;
    z-index:999;
    max-height:300px;
    overflow-y:auto;
}

.search-suggestion-item{
    display:block;
    padding:12px 15px;
    color:#222;
    text-decoration:none;
    border-bottom:1px solid #eee;
    transition:.2s;
}

.search-suggestion-item:hover{
    background:#f7f7f7;
}

.search-no-result{
    padding:12px 15px;
}

.ajax-blog-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 22px !important;
}