/**
 * Комментарий
 *
 * @modifier deleted   Удаленный комментарий
 * @modifier self      Ваш комментарий
 * @modifier new       Новый, непрочитанный комментарий
 * @modifier current   Активный комментарий, который выделяется при исползование кнопки обновления в тулбаре
 * @modifier list-item Комментарий выводимый в списках
 *
 * @template comment.tpl
 */


.ls-comment {
	min-height: 48px;
	padding: 20px 0px;
	margin-bottom: 20px;
	position: relative;
	border-top: 1px solid #eee;
}


.ls-comment--self .ls-comment-content {
    background: #fffef4;
}

.ls-comment--new .ls-comment-content {
    background: #f9fff2;
}

.ls-comment--current .ls-comment-content {
    background: #edfed9;
}

.ls-comment--bad {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.ls-comment--bad:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}


.ls-comment.ls-comment--deleted .ls-comment-content {
    background: #ffebee;
}

.ls-user-role-not-admin .ls-comment.ls-comment--deleted {
    padding: 10px 15px;
    min-height: 0;
    background: #f7f7f7;
    color: #757575;
}


.ls-comment.ls-comment-list-item {
    margin-bottom: 20px;
}

.ls-comment.ls-comment-list-item .vote .vote-up,
.ls-comment.ls-comment-list-item .vote .vote-down {
    display: none;
}


/* Аватар */
.ls-comment-avatar {
    position: absolute;
    top: 20px;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.ls-comment-avatar img {
    width: 50px;
    height: 50px;
}


/* Информация */
.ls-comment-info {
    padding: 0 45px 0 65px;
    margin-bottom: 15px;
    font-size: 11px;
    line-height: 1.3em;
    position: relative;
}

.ls-comment-info li {
    float: left;
    margin-right: 10px;
}

.ls-comment-info a {
    text-decoration: none;
}


/* Логин */
.ls-comment-info .ls-comment-username {
	float: none;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
}


/* Дата */
.ls-comment-date a {
    color: #9e9e9e;
}

.ls-comment-date a:hover {
    color: #333;
}


/* Голосование */
.ls-comment-vote {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}


.ls-comment-vote.vote--not-voted.vote--count-zero {
    display: none;
}

.ls-comment:hover .ls-comment-vote {
    display: block;
}


/* Прокрутка к дочернему комментарию */
.ls-comment-scroll-to {
	cursor: pointer;
	font-size: 14px;
	top: -2px;
	position: relative;
	color: #388e3c;
    padding: 0 3px;
}

.ls-comment-scroll-to-child {
    display: none;
}


/* Текст комментария */
.ls-comment-text.ls-text {
    font-size: 14px;
    line-height: 1.7em;
}

.ls-comment-text.ls-text blockquote {
    background: #fff;
    border-color: #ccc;
    padding: 5px 10px;
    margin-bottom: 5px;
}


/* Действия */
.ls-comment-actions li {
    float: left;
    margin: 15px 12px 0 0;
    font-size: 12px;
}

.ls-comment-actions li > a {
    color: #757575;
}

.ls-comment-actions li > a:hover {
    color: #d32f2f;
}


/* Сворачивание */
.ls-comment-fold {
    display: none;
}

.ls-comment--folded .ls-comment-fold > a {
    color: #d32f2f;
}


/* Информация о редактировании */
.ls-comment-edit-info {
    margin-top: 10px;
    font-size: 12px;
    color: #adadad;
}


/* Путь до комментария */
.ls-comment-path {
	background: #fafafa;
	padding: 5px 10px;
}

.ls-comment-path > a {
	color: #757575;
}

.ls-comment-path > a:hover {
	color: #d32f2f;
}


/**
 * Media Queries
 */

/**
 * >= 480px
 */

@media screen and (min-width: 480px) {
	.ls-comment-info {
	    padding: 0 70px 0 65px;
	}
}