@media (max-width: 435px) {
    .badge {
        padding: 0.3em 0.2em;
        font-size: 85%;
        font-weight: 600;
        line-height: 1.2;
    }
}

@media (max-width: 575.98px) {
    .user-avatar {
        top: -1%;
    }
}

.user-avatar {
    top: -10px;
}

.kstyle {
    color: #0b0b0b;
}

.kstyle:hover {
    color: #40657d;
}

.kstyle-selected {
    color: #be0017;
}

.kstyle-selected:hover {
    color: #ed615f;
}

#upr-title-blog1 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    font-size: 40px;
}

#upr-title-blog2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    font-size: 40px;
}

.isfav {
    color: #be0017 !important;
}

.notfav {
    color: #989898 !important;;
}

.fa-home {
    font-size: 20px !important;
}

.fa-angle-double-right {
    padding: 0 !important;
    padding-right: 8px !important;
}

.locked-blog{
    /*background-color: #d4d4d4 !important;*/
    padding-bottom: 8px;
}
.unlocked-blog{
    background-color: #f2fff0 !important;
    border: 2px dashed #a1e69a;
    padding-bottom: 8px;
}
.locked-blog::before{
    content: url("/static/css/katya/lock-svgrepo-com.2b0fce109df0.svg")
}

.locked-blog span .badge-light{
    background-color: #d7d7d7 !important;
}

.locked-main-blog{
    /*background-color: #d4d4d4;*/
    padding-top: 10px;
    margin-bottom: 6px;
    color: #6b6b6b;
}
.locked-main-blog-title::before{
    content: url("/static/css/katya/lock-svgrepo-com.2b0fce109df0.svg")
}
.locked-main-blog-title{
    color: #6b6b6b;

}
.unlocked-main-blog{
    background-color: #f3fff0;
    border: 2px dashed #a1e69a;
    padding-top: 10px;
    margin-bottom: 6px;

}