/* Навигация тегов */
:root {
    /* Цвет текста тега */
    --tagTextColor:  #001C43;
    /* Цвет фона тега */
    --tagBackround: #F2F3F5;
    
    /* Цвет текста тега при наведении */
    --tagTextColorHover:  #fff; 
    /* Цвет фона тега при наведении */
    --tagBackroundHover: #712B32;
}

#navigation {
    margin: 20px 0 30px !important;
}

.nav-tag {
    display: inline-block;
    margin: 0 15px 5px 0;
    padding: 7px 10px;
    
    font-family: var(--mf);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--tagTextColor);
    text-transform: capitalize;
    
    background: var(--tagBackround);
    border-radius: 5px;
    transition: all .3s;
}

.nav-tag.active,
.nav-tag:hover {
    color: var(--tagTextColorHover) !important;

    background: var(--tagBackroundHover);
    cursor: pointer;
}