/**
 * Блог
 */


.blog {
	border-bottom: 1px solid #eee;
	background-color: #fafafa;
	margin-top: -40px;
	margin-bottom: 40px;
	padding-top: 20px;
	padding-bottom: 30px;
}


/* Фото */
.blog-avatar {
	display: none;
	margin-bottom: 27px;
}

.blog-avatar .ls-photo-image {
	width: 100%;
}

.ls-photo-actions li {
	float: left;
}


/* Хидер */
.blog-header {
    position: relative;
    padding-bottom: 10px;
}

.blog-title {
	margin-bottom: 0;
	font-size: 22px;
	line-height: inherit;
}

.blog-title > i {
	position: relative;
	top: -12px;
	vertical-align: middle;
	cursor: help;
	color: #d32f2f;
	font-size: 16px;
}


/* Контент */
.blog-content {
	margin-bottom: 25px;
}

.blog-description {
	color: #757575;
	line-height: 1.7;
	font-size: 14px;
}

.blog-content .ls-info-list-item-content,
.blog-content .ls-info-list-item-label-text {
    background: #fafafa;
}

.blog-content .ls-info-list-item-label {
    width: 200px;
}

/* Блок управления */
.ls-block--blog-actions ul li:last-child a {
	margin-bottom: 0 !important;
}


/* Dark Blog Mod */
.blog.blog--dark {
	background-color: #161616;
}

.blog.blog--dark .blog-title {
	color: #fff;
}

.blog.blog--dark .blog-description {
	color: rgba(255,255,255,0.4);
}

.blog.blog--dark .ls-button {
	color: #757575;
	border-color: rgba(255,255,255,0.05);
	background-color: rgba(255,255,255,0.05);
}

.blog.blog--dark .ls-button:active,
.blog.blog--dark .ls-button:focus,
.blog.blog--dark .ls-button.active,
.blog.blog--dark .ls-button:hover {
    color: #646464;
    border-color: rgba(255,255,255,0.03);
    background-color: rgba(255,255,255,0.03);
}


/* Blog Users Page*/
.blog-mainpage-link {
	color: #d32f2f;
}

.blog-mainpage-link:hover,
.blog-mainpage-link:focus {
	color: #000;
}


/**
 * Media Queries
 */

/**
 * >= 480px
 */
@media screen and (min-width: 480px) {
	.blog {
		padding-top: 0;
	}

	.blog-avatar {
		display: block;
	}
}

/**
 * >= 768px
 */
@media screen and (min-width: 768px) {
	.blog-title {
		font-size: 30px;
	}
}

/**
 * >= 992px
 */
@media screen and (min-width: 992px) {
	.blog-content {
		margin-bottom: 0;
	}
}