/*

	-- -- -- -- -- -- --
	Forum CSS
	-- -- -- -- -- -- --

*/
:root {
	--discussion-title-color: #656565;
}
.categories,
.posts,
.threads {
	list-style: none;
	margin: 1em 0 0 0;
}
.threads > li {
	padding: 0;
	margin: 0 0 1em 0;
	position: relative;
}
.threads > li:hover .card {
	background-color: #f5f5f5;
	/*cursor: pointer;*/
}
.thread-title {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}
.post {
	border-top: 1px solid #eee;
}
.thread .user-avatar-container,
.post .user-avatar-container {
	width: 40px;
	height: 40px;
}
.badge-category {
	background-color: var(--badge-bg, #eee);
}
.thread-body {
	text-decoration: none;
	padding: 0 1em;
}
.thread-info,
.thread-info li {
	list-style: none;
	margin: 0;
}
.thread-last-post {
	font-size: 85%;
}
.user-name {
	font-weight: bold;
}
.thread-category {
	margin-right: 0;
	position: absolute;
	right: 80px;
	top: 1em;
	max-width: 150px;
	white-space: nowrap;
	overflow: hidden;
	transition: max-width .2s ease-in-out, -webkit-mask-image .2s;
	-webkit-mask-image: linear-gradient(to right, #000 140px, rgba(0, 0, 0, 0) 150px);
}
.thread-badges {
	list-style: none;
	margin: 0;
	float: left;
	/*float: left;text-align: right;*/
	white-space: nowrap;
	pointer-events: none
}
.thread .thread-badges {
	float: none;
	position: absolute;
	top: 0;
	left: 1em;
}
.thread-badges .badge {
	/*margin-left: -2em;*/
	position: relative;
	pointer-events: auto;
	border-radius: 50%;
	font-size: 1em;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.threads:not(.threads-search-results) .read .thread-title {
	color: var(--discussion-title-color);
}
.threads:not(.threads-search-results) .unread .thread-title {
	font-weight: 600;
}

.post {
	padding: 20px;
	margin: -1px -20px;
	transition: .2s box-shadow, top .2s, opacity .2s;
	position: relative;
	top: 0;
	border-radius: var(--border-radius);
}
.post {
	padding-left: 80px;
}
/*.post-actions {
	opacity: 0;
	transition: opacity 0.2s;
}
.post:hover .post-actions {
	opacity: 1;
}*/
.post-actions>ul,
.post-header>ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.post-actions>ul>li,
.post-header>ul>li {
	display: inline;
	margin-right: 1em;
}
.post-user {
	margin: 0;
	display: inline;
	font-weight: normal;
	position: relative;
}
.post-user h3 {
	display: inline;
	font-size: 1em;
}
.post .user-avatar-container {
	left: -60px;
	position: absolute;
}
.post-body {
	position: relative;
	overflow: auto;
	overflow-wrap: break-word;
}
.post-meta {
	font-size: 85%;
}
.contentInner .dropdown-menu {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.post-meta .dropdown-menu {
	width: 400px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.category h3,
.category h4 {
	margin: 0;
}
.category-title {
	font-size: 1em;
}
.category h4 {
	font-size: 0.85em;
	font-weight: normal;
}
.category p {
	margin-top: 0.5em;
	margin-bottom: 0;
}
.category-meta {
	border-left: 1px solid #eee;
}
.category .user-avatar-container {
	width: 30px;
	height: 30px;
	margin-right: 0.5em;
}
.category-latest-thread {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #eee;
}

.badge-post-mention {
	background-color: #f5f5f5;
	font-size: 1em;
}
.badge-user-mention {
	background-color: #e1f5f5;
	font-size: 1em;
}

.post-likes {
	float: left;
}