@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{
    padding-bottom: 4px;
}
.unlocked-blog{
    background-color: #d8f7ff !important;
    border: 2px dashed #17a2b8;
    padding-bottom: 4px;
}

.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{
    color: #6b6b6b;

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

}


.free-instance{
    border-left: 3px solid #7dd3e1;
    background: linear-gradient(135deg, #d6eff5 0%, #f4fbfd 100%);
    border-radius: 0;
    margin: 0;
    margin-bottom: 0;
}
.free-instance .card {
    margin: 0;
    border-right: 0;
    border-radius: 0;
}
.free-instance .card-img-top {
    border-radius: 0;
}
.suffle-item .card-img-top {
    width: 100%;
    color: transparent;
}

.suffle-item:nth-child(6n+1) .card-img-top { background-color: #e8d5f5; }
.suffle-item:nth-child(6n+2) .card-img-top { background-color: #d5e8f5; }
.suffle-item:nth-child(6n+3) .card-img-top { background-color: #f5e0d5; }
.suffle-item:nth-child(6n+4) .card-img-top { background-color: #d5f5e0; }
.suffle-item:nth-child(6n+5) .card-img-top { background-color: #f5f0d5; }
.suffle-item:nth-child(6n+6) .card-img-top { background-color: #f5d5e0; }

.suffle-item.row {
    margin-top: 8px;
}
.free-instance.row {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
}
.free-instance.row .float-left {
    padding-right: 10px;
}
.free-instance.row > .col-10 {
    padding-left: 5px;
    padding-top: 7px;
}
.suffle-item.row .badge {
    margin-bottom: 0;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.masonry.columns-3 .masonry-item{
    padding: 13px !important;
}

.locked-main-blog-title::before{
    content: url("/static/css/katya/lock-svgrepo-com.2b0fce109df0.svg")
}

.locked-blog::before{
    content: url("/static/css/katya/lock-svgrepo-com.2b0fce109df0.svg")
}