.blogPostList {
    margin-top: 2em;
    margin-bottom: 2em;
}
.blogPostList .blogPostListInner {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: -15px;
}
.blogPostList .blogPostCard,
.blogPostList .spacer {display: block;
    max-width: 330px;
    width: 100%;
    margin: 15px;
    padding: 0;
}
.blogPostList .blogPostCard {
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 20px 0 var(--menu-shadow);
    border-radius: 5px;
    overflow: hidden;
}
.blogPostList .spacer {
    height:0px;margin-top: 0;margin-bottom: 0;
}
.blogPostList .blogPostCard:hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 10px 20px 0 var(--menu-shadow);
}
.blogPostList a.blogPostCard:hover {
    color: var(--body-text-color);
}
.blogPostList .blogImage {
    overflow: hidden;
    height: 0;
    padding-top: 56.25%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: var(--body-bg-darker);
}
.blogPostList .textContainer {
    padding: 30px;
    background-color: var(--body-bg-color);height: 100%;display: flex;flex-direction: column;
}
.blogPostList .postCategories {
    margin-bottom: .5rem;
}
.blogPostList .postTitle {
    font-weight: 500;
    flex-grow: 1;
}
.blogPostList .readMoreLink {
    font-size: .75rem;
    margin-top: 2em;
    margin-bottom: 0;
    color: var(--white);
    background-color: var(--gold);
    padding: .5em .75em;
    display: inline-block;
    border:none;
    -webkit-transition: 0.8s cubic-bezier(0.2,1,.2,1) !important;
    transition: 0.8s cubic-bezier(0.2,1,.2,1) !important;
}
.blogPostList .blogPostCard:hover .readMoreLink {
    background-color: var(--green);
}
.blogPostList .paginationContainer {
    text-align: center;
    margin-top: 1em;
}
.blogPostList .paginationContainer .current {
    color: var(--gold);
    font-weight: 600;
}
.blogPostList .paginationContainer .page-numbers {
    margin: 0 .25em;
}