body.blog {
    background: #fff;
}

.page-template-resources .banner-anim-right {
    display: none;
}


.posts_wrap {
    position: relative;
    padding: 63px 0 69px;
}

.posts_wrap::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 1300px;
    width: calc(100% - 30px);
    height: 1px;
    margin: 0 auto;
    background: #00ADE6;
}

.post_row {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 20px;
    grid-row-gap: 35px;
    margin-bottom: 67px;
    padding-top: 26px;
}

.posts_filter {
    display: flex;
    grid-column-gap: 20px;
    margin: 44px 0 30px;
}

.posts__search form {
    position: relative;
}

.posts__search form > svg {
    position: absolute;
    top: 22px;
    left: 0;
}

.posts__search form input {
    height: auto;
    padding: 18px 50px 18px 37px;
    font: 500 16px 'Poppins', sans-serif;
    color: #000;
    border: 0;
    border-bottom: 1px solid #B7B7B7;
    border-radius: 0;
}

.posts__search form input::placeholder {
    color: #000;
}

.posts__search form input:focus,
.posts__search form input:active {
    color: #000;
    outline: none;
    border: 0 !important;
    border-bottom: 1px solid #00ADE6 !important;
}

.posts__search form button {
    position: absolute;
    top: 14px;
    right: 3px;
    min-width: auto;
    width: 35px;
    height: 35px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #2A1A40;
    border-color: #2A1A40;
}

.posts__search form button:hover {
    background: transparent;
}

.posts__search form button:hover path {
    stroke: #2A1A40;
}

.posts_filter__col .select2-container {
    width: 100% !important;
}

.posts_filter__col .select2-container--default .select2-selection--single {
    height: 62px;
    display: flex;
    align-items: center;
    border: 0;
    border-bottom: 1px solid #B7B7B7;
    border-radius: 0;
}

.posts_filter__col .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 100%;
    padding: 3px 50px 0 16px;
    font-size: 14px;
    color: #000;
}

.posts_filter__col .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 17px;
    right: 21px;
    width: 20px;
}

.posts_filter__col .select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 10px;
    height: 8px;
    border: 0;
    background: url("../../img/menu-arrow.svg") center no-repeat;
    background-size: contain;
    transition: 0.3s all;
}

.posts_filter__col .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
}

.posts_filter__col .select2-results__option {
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
}

.posts_filter__col .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: #fff;
    background: #2A1A40;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 5px;
}


.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background: #2A1A40;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background: transparent;
}

.posts_filter_selected {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.posts_filter_selected:not(.active) {
    display: none;
}

.posts_filter_selected__selections {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.btn_clear {
    min-width: auto;
    padding: 0 15px 0 10px;
}

.btn_clear::before {
    content: "\f00d";
    color: #fff;
    font-size: 22px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    margin-right: 15px;
    transition: all .25s ease;
}

.btn_clear:hover::before {
    color: #291a40;
}

.posts_filter_selected__clear button {
    position: relative;
    min-width: 110px;
    height: auto;
    padding: 0 0 5px;
    border: 0;
}

.posts_filter_selected__clear button:focus,
.posts_filter_selected__clear button:active,
.posts_filter_selected__clear button:hover {
    color: #291a40;
    border: 0;
    background: transparent;
}

.posts_filter_selected__clear button::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;

    background: #291a40;
}

.posts_wrap .no_result {
    text-align: center;
}

.posts_wrap .no_result:not(.show) {
    display: none;
}

.posts_wrap .no_result img {
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .posts__search {
        width: 66.5%;
    }

    .posts_filter__col {
        width: 15.25%;
    }
}

@media (max-width: 991px) {
    .posts_filter {
        flex-wrap: wrap;
        justify-content: space-between;
        grid-column-gap: 0;
        margin-top: 12px;
    }

    .blog_news_posts .posts_filter__col {
        width: 48%;
    }

    .posts__search,
    .posts_wrap:not(.blog_news_posts) .posts_filter__col,
    .posts_filter__col:nth-last-child(1) {
        width: 100%;
    }

    .posts_filter_selected {
        flex-direction: column;
        justify-content: center;
    }

    .posts_filter_selected__selections {
        margin-bottom: 24px;
    }

    .btn_clear {
        height: auto;
        padding: 7px 15px 7px 10px;
        font-size: 14px;
    }

    .btn_clear::before {
        font-size: 16px;
    }
}

@media (max-width: 560px) {
    .blog_news_posts .posts_filter__col,
    .posts_filter__col {
        width: 100%;
    }
}