.filter_item {
    padding-bottom: var(--typo-gap);
}
.filter_item .filter_item_inner {
    display: none;
}
.filter_item.active .filter_item_inner {
    display: block;
    padding-top: 0.5em;
}

.filter_item .filter_title {
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.5em 0;
    cursor: pointer;
    border-bottom: 1px solid currentColor;
    display: block;
}
.filter_item .filter_title:after {
    content: ''; position: absolute;
    top: 50%; right: 0; transform: translate(0%,-50%);
    width: 1.5em; height: 1.5em;
    background: var(--typo-svg-arrow-bottom-thin);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.filter_item.active .filter_title:after {
    transform: translate(0,-50%) rotate(180deg);
}



.typo_post_listing.is_loading {
    position: relative;
    min-height: 10em;
}
.typo_post_listing.is_loading:before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: auto; height: auto;
    background-color: #FFFFFF;
    opacity: 0.5; z-index: 20;
}
.typo_post_listing.is_loading:after {
    content: ''; position: absolute;
    top: 5em; left: 50%;
    transform: translate(-50%,-50%) rotate(0deg);
    width: 2em;height: 2em;
    border: 0.25em solid currentColor;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    animation: rotation 1s linear infinite;
}
@keyframes rotation {
    0% { transform: translate(-50%,-50%) rotate(0deg);}
    100% {transform: translate(-50%,-50%) rotate(360deg);}
}