/* New look items */

.social-item .img-panel {
    width: 40px;
    height: 40px;
    margin-right: 1.07rem;
}

.social-item .img-panel > img {
    height: 40px;
}

.social-item .author .img-panel {
    width: 50px;
    height: 50px;
}

.social-item .author .img-panel > img {
    height: 50px;
}

.img-objectfit {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.comment-avatar {
    max-width: 48px;
}

.social-comment-button {
    max-width:140px;
}
/* Actions panel - move into like section */
.social-item .widget-footer {
    background-color: transparent;
}

.activity-actions {
    margin-bottom: -55px;
    margin-left: 15px;
    position: relative;
    z-index: 100;
}

.reply-inner {
    padding-left: 2em;
}

.reply-reply-inner {
    padding-left: 4em;
}

/* @ REPLY ON COMMENT */
.at-reply {
    color: #0e76bc;
    padding-right: 5px;
}

.comment > .description > .actions {
    text-align: right;
}

/* Like counter */

.users-like img {
    height: 35px;
    object-fit: cover;
}

.comment > .description > .actions .btn-group .btn-likes {
    background-color: #5cb85c;
    color: #fff;
    padding-left: 5px;
    padding-right: 10px;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
}

@media (max-width: 767px) {    
    .comment-children {
        margin-left: 30px;
    }

    .comment > .description > .actions {
        margin-left: -60px;
    }
}

@media (max-width: 768px) {
    .social-comment-button {
        max-width: 100%;
        flex: auto;        
    }
}

@media (max-width: 578px) {    
    
    .comment-children {
        margin-left: 15px;
    }
    .actions i {
        margin-right: 0;
    }
    .comment > .pic > a > img, .activity-title > a > img {
        max-width: 40px;
    }
     
}

@media (min-width: 768px) {
    .comment-children {
        margin-left: 50px;
    }
}