.apri-post-filter-box{
    position:relative;
    border:1px solid rgba(151,27,47,.2);
    border-left:5px solid #971b2f;
    border-radius:.9rem;
    padding:1rem;
    margin-top:.75rem;
    margin-bottom:1.1rem;
    background:linear-gradient(180deg,#fffdf9 0,#fff8eb 100%);
    box-shadow:0 10px 24px rgba(151,27,47,.08);
}

.apri-post-filter-box .form-label{
    color:#971b2f;
    font-size:.74rem;
    font-weight:700;
    letter-spacing:.02em;
    text-transform:uppercase;
}

#posts-filter-form .form-control{
    min-height:44px;
    border:1px solid #ecd2a0;
    border-radius:.62rem;
    box-shadow:none;
    background:#fff;
    color:#2f2024;
    transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}

#posts-filter-form .form-control::placeholder{
    color:#8d7076;
}

#posts-filter-form .form-control:hover{
    border-color:#d9b778;
}

#posts-filter-form .form-control:focus{
    border-color:#971b2f;
    background:#fffdfa;
    box-shadow:0 0 0 .16rem rgba(151,27,47,.15),0 8px 18px rgba(151,27,47,.08);
}

#posts-filter-form .btn-outline-dark{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    border-width:1px;
    border-radius:.62rem;
    border-color:#971b2f;
    color:#fff;
    background:#971b2f;
    font-weight:700;
    letter-spacing:.01em;
    transition:all .2s ease;
    text-align:center;
}

#posts-filter-form .btn-outline-dark:hover,
#posts-filter-form .btn-outline-dark:focus{
    border-color:#971b2f;
    background:#821628;
    color:#fff;
    text-decoration:none;
}

.apri-filter-suggest{
    display:none;
    position:absolute;
    top:calc(100% + 2px);
    left:0;
    right:0;
    max-height:220px;
    overflow-y:auto;
    background:#fffefb;
    border:1px solid rgba(151,27,47,.22);
    border-radius:.65rem;
    box-shadow:0 14px 28px rgba(151,27,47,.14);
    z-index:40;
}

.apri-filter-suggest.show{
    display:block;
}

.apri-filter-option{
    width:100%;
    border:0;
    background:transparent;
    text-align:left;
    padding:.5rem .78rem;
    font-size:.95rem;
    color:#3a2127;
    transition:background-color .15s ease,color .15s ease;
}

.apri-filter-option + .apri-filter-option{
    border-top:1px solid rgba(255,229,177,.65);
}

.apri-filter-option:hover{
    background:#ffefcc;
    color:#971b2f;
}