#blog_loop_page .response_container::before {
    content: '';
    position: absolute;
    width: calc(100% + 2em);
    height: calc(100% + 2em);
    top: -1em;
    left: -1em;
    background: #fff0;
    backdrop-filter: blur(0px);
    visibility: hidden;
    transition: all .5s ease-in-out;
    transition-delay: .5s;
    z-index: 99;
}
#blog_loop_page.loading .response_container::before {
    visibility: visible;
    background: #fff9;
    transition-delay: .0s;
    backdrop-filter: blur(5px);
}
#category_filter {
    display: flex;
    flex-flow: wrap;
}
#category_filter .filter_box {
    display: inline-block;
}
#category_filter input {
    display: none;
}

div.response_container {
    position: relative;
    width: 90%;
    max-width: 1210px;
    margin: auto;
}
#blog_loop_page .entry-title {
    font-size: 22px!important;
    line-height: 1.7em!important;
    min-height: 85px;
}
#blog_loop_page .entry-title a {
    color: #35453C;
}
#blog_loop_page a.more-link {
    text-transform: uppercase;
}
.post-meta a {
    color: #35453C;
}

#blog_pagination {
    width: 100%;
    background-color: #DDD5C3;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1em;
    padding: 45px;
}
span.pagination-item {
    display: inline-flex;
    width: 37px;
    height: 37px;
    margin: 10px;
    border: solid 1.5px #35453C;
    color: #35453C;
    align-items: center;
    justify-content: center;
    padding-top: 0.2em;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
span.pagination-item:hover {
    background-color: #35453C99;
    border-color: #0000;
    color: #DDD5C3;
}
span.pagination-item.active {
    background-color: #35453C;
    color: #DDD5C3;
}

