/*==================================*/
/*========= Folio - Filter =========*/
/*==================================*/

.filter {
    margin: .5rem auto 2rem auto;
    max-width: 900px;
}
.filter__item {
    position: relative;
    display: inline-block;
    text-decoration: none;
    margin: 0 .05rem .1rem;
}

.filter__item::after {
    content: '';
    border: solid 1px;
}

.filter__item::after,
.filter__item h4 {
    padding: .5rem .9rem .4rem 1rem;
    border-radius: 2rem;
    border-color: inherit;
}

.filter__item::after,
.filter__item .v2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.filter__item:hover::after,
.filter__item.active .v2 {
    opacity: 1;
}


/*======================*/
/*=== Tablet (980px) ===*/
/*======================*/

/*@media all and (max-width: 61.25em) {}*/


/*==========================*/
/*=== Smartphone (768px) ===*/
/*==========================*/

/*@media all and (max-width: 48em) {}*/


/*===================================*/
/*=== Smartphone Portrait (480px) ===*/
/*===================================*/

/*@media all and (max-width: 30em) {}*/


/*===============================*/
/*=== Smartphone (6s) (376px) ===*/
/*===============================*/

/*@media all and (max-width: 23.5em) {}*/


/*======================================*/
/*=== Smartphone (5s and 4s) (320px) ===*/
/*======================================*/

/*@media all and (max-width: 20em) {}*/