:root {
	--wxxx-red: #900909;
	--wxxx-grey: #18191a;
}

body {
	font-size: 16px;
}

.pusher {
	background: #282828 !important;
}

#root-container {
	background: #fff;
}

.wxxx-red {
	background-color: var(--wxxx-red) !important;
	color: rgba(255, 255, 255, .9) !important;
}

.ui.items > .item .meta {
	font-size: 0.9em;
}

.container .wxxx-header-background {
	background: url(img/logo-background.png) left no-repeat #000000;
}

.wxxx-footer {
	background: #fff;
	padding: 2rem;
}

hr.wxxx-divider {
	height: 1rem;
	background: #282828;
	margin: 2rem -3.55rem 2rem -3.55rem;
	border: 0;
}

/* посты, заголовки */
.wxxx-posts .content .header {
	font-size: 2rem !important;
	line-height: 2rem;
}

.wxxx-posts .content .meta {
	margin: 1rem 0 1rem 0 !important;
}

.wxxx-posts .description img {
	max-width: 100%;
	height: auto;
	padding: 2rem 0 2rem 0;
}

/* списки контента */
.wxxx-lists .fluid.image {
	float: left;
	padding: 0 2rem 1rem 0;
}

.wxxx-lists .header {
	display: block !important;
}

.wxxx-lists .meta {
	margin: .5em 0 0 !important;
}

.wxxx-lists .description {
	margin-top: .3em !important;
}

/* USER TOOLTIPS */
.wxxx-user-tooltip span {
	color: rgba(0, 0, 0, .6);
	border-bottom: 1px dotted rgba(0, 0, 0, .6);
}

.wxxx-user-tooltip .image {
	background: var(--wxxx-grey);
}

/* МЕНЮ */
.ui.inverted.menu .active.item {
	background: transparent;
	color: transparent;
	border-top: 2px solid var(--wxxx-red);
	border-radius: 0;
}

.ui.inverted.menu {
	background: rgba(27, 28, 29, 0.9);
	margin: 0 -1rem -1rem -1rem;
	border-radius: 0;
	flex-wrap: wrap;
}

/* скрываемое меню из заголовка */
.ui.inverted.menu.placeholder {
	height: 0;
}

/* Профиль пользователя в шапке */
.wxxx-header-userprofile {
	display: flex;
	justify-content: center;
	padding-bottom: 0.5rem;
}

.wxxx-header-userprofile .meta span {
	color: rgba(255, 255, 255, .9);
}

.wxxx-header-userprofile .header {
	color: rgba(255, 255, 255, .9) !important;
	text-decoration: underline;
}

.wxxx-header-userprofile .content {
	padding-left: 1rem !important;
}

.wxxx-header-userprofile .extra .label {
	background: var(--wxxx-grey);
	border-top: 2px solid var(--wxxx-red);
	color: rgba(255, 255, 255, .9);
	border-radius: 0;
}

/* \профиль */

.wxxx-header-background .wxxx-top-menu {
	margin-top: -1.5rem !important;
}

.wxxx-header-background .header-logo img {
	width: 12.5rem;
}

.wxxx-header-background #do-login {
	background: var(--wxxx-grey);
	color: #fff;
	border-top: 2px solid var(--wxxx-red);
	float: right;
	margin: 2rem 3rem 2rem 3rem;
	white-space: nowrap;
}

/* \ МЕНЮ */

/*кнопка лога социальной сети*/
.pusher div.wxxx-attached.button {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 500;
	border-top: 2px solid var(--wxxx-red);
	border-left: 2px solid var(--wxxx-red);
	border-bottom: 2px solid var(--wxxx-red);
	padding: 0.6em 0.2em 0.6em 1em;
	opacity: 0.8;
}

.wxxx-right-column .card {
	width: 100% !important;
}

body .sidebar {
	background: #fff;
}

/* комментарии */
.ptc-list_default .ptc-item-head {
	margin: 0;
}

.ptc-list_default .ptc-item {
	padding: 5px 10px 5px 5px;
	font-family: inherit;
	font-size: inherit;
}

.ptc-form-form_default .ptc-form-submit {
	border-top: 2px solid var(--wxxx-red);
	background: var(--wxxx-grey);
	color: #fff;
}

/* типографика */
.wxxx-lists .attached.label {
	margin-top: 1rem !important;
	margin-left: -0.75rem;
	border-top: 2px solid var(--wxxx-red);
	background: var(--wxxx-grey);
	color: #fff;
	font-weight: normal;
}

.wxxx-lists .attached.label:hover {
	border-top: 2px solid var(--wxxx-red);
	background: rgb(42, 43, 44);
	color: #fff;
}

.wxxx-lists .cards {
	justify-content: space-between;
}

.ui.red.button, .ui.red.buttons .button {
	background-color: var(--wxxx-red);
}

/* Mobile */
@media only screen and (max-width: 767px) {
	/* логотип */
	.wxxx-header-background .header-logo {
		padding: 1rem 0 0 1rem;
	}

	.wxxx-header-background .header-logo img {
		margin: 0 auto;
		display: flex;
	}

	.container .wxxx-header-background {
		background: #000000;
	}

	#root-container {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		padding-top: 1.5rem;
	}

	/* news.post-section */
	.wxxx-lists .card {
		width: 100% !important;
	}

	.ui.inverted.menu {
		margin: 0 0 -1rem 0;
	}

	/* без отступов, изображения во всю ширину */
	.wxxx-lists .fluid.image {
		padding: 0 0 1rem 0;
		width: 100%
	}

	.wxxx-lists .fluid.image img {
		width: 100%;
	}

	.wxxx-lists .description {
		display: inline-block;
	}

	/* отступы в меню */
	.wxxx-header-background .wxxx-top-menu .item {
		padding: 1rem 0.7rem;
	}

	/* кнопка авторизации */
	.wxxx-header-background #do-login {
		margin: 0 auto 1rem;
		display: table;
		float: inherit;
	}

	/* прячем кнопки "мои биографии", "мои посты" */
	.wxxx-header-userprofile .extra {
		display: none !important;
	}
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/*контейнер на всю ширину*/
	.ui.container {
		width: auto !important;
	}

	/* логотип */
	.wxxx-header-background .header-logo {
		padding: 2rem 0 2rem 2rem !important;
	}

	#root-container {
		padding-left: 2rem;
		padding-right: 2rem;
		padding-top: 2rem;
	}

	.ui.inverted.menu {
		padding: 0 1.5rem;
	}

	/* прячем кнопки "мои биографии", "мои посты" */
	.wxxx-header-userprofile .extra {
		display: none !important;
	}

	.wxxx-lists .card {
		width: 45% !important;
	}
}

/* Small Monitor */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/* логотип */
	.wxxx-header-background .header-logo {
		padding: 2rem 0 2rem 5rem !important;
	}

	#root-container {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		padding-top: 2.5rem;
	}

	.ui.inverted.menu {
		padding: 0 2rem;
	}

	.wxxx-left-column {
		padding-right: 2rem !important;
	}

	/* прячем кнопки "мои биографии", "мои посты" */
	.wxxx-header-userprofile .extra {
		display: none !important;
	}

	.wxxx-lists .card {
		width: 48% !important;
	}
}

/* Large Monitor */
@media only screen and (min-width: 1200px) {
	/* логотип */
	.wxxx-header-background .header-logo {
		padding: 2rem 0 2rem 5rem !important;
	}

	#root-container {
		padding-left: 3.5rem;
		padding-right: 3.5rem;
		padding-top: 3.5rem;
	}

	.ui.inverted.menu {
		padding: 0 3rem;
	}

	.wxxx-left-column {
		padding-right: 2rem !important;
	}

	.wxxx-lists .card {
		width: 31% !important;
	}
}