.topic {
	> ul {
		margin-bottom: 0;

		> li {
			padding-bottom: 0;
			margin-bottom: 15px;

			&:last-child {
				margin-bottom: 0;
			}
		}
	}

	.post-signature {
		font-size: 12px;
		border-top: 1px dashed #dedede;
		padding: 1px;
		padding-top: 5px;
		display: inline-block;
		font-style: italic;
		margin-left: 0px;
	}

	.topic-item {
		position: relative;

		.post-tools {
			opacity: 0;
			-webkit-transition: opacity 0.25s ease-in;
		 	-moz-transition: opacity 0.25s ease-in;
		 	-o-transition: opacity 0.25s ease-in;
		 	-ms-transition: opacity 0.25s ease-in;
		 	transition: opacity 0.25s ease-in;
		}

		&:hover {
			.post-tools {
				opacity: 1;
			}
		}
		@include media-breakpoint-down(lg) {
			.post-tools {
				opacity: 1;
			}
		}
		.post-content {
			ul, ol  {
				margin-bottom: 10px;
			}

			ul {
				> li {
					list-style-type: disc;

					ul > li {
						list-style-type: circle;

						ul > li {
							list-style-type: square;
						}
					}
				}
			}

			> blockquote {
				> blockquote {
					> *:not(.blockquote) {
						display: none;
					}
				}

				> blockquote.uncollapsed {
					> *:not(.blockquote) {
						display: block;
					}
				}
			}
		}
	}

	.post-bar {
		margin-top: 15px;
		margin-bottom: 15px;
		padding: 10px;
		border-left: 2px solid $primary;
	}

	.post-bar, .post-row {
		background-color: $card-bg;
		-webkit-box-shadow: inset 0px 0px 2px 2px $card-bg;
		box-shadow: inset 0px 0px 2px 2px $card-bg;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
		box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	}

	.topic-body {
		padding: 10px;
		padding-bottom: 5px;
	}


	.topic-profile-pic {
		float: left;
		margin-left: 15px;
		margin-right: 15px;

		.username {
			text-overflow: ellipsis;
			display: block;
			overflow: hidden;
			font-size: 80%;
		}

		.group-label {
			margin-top: 5px;
			word-wrap: normal;
			white-space: normal;
		}
	}

	.topic-text {
		font-size: 1rem;
		overflow: hidden;
		word-wrap: break-word;
	}

	.posts {
		> li[component="post"] {
			padding-bottom: 0px;
			border-left: 2px solid $primary;
			.topic-title {
				margin-top: 0px;
				margin-bottom: 5px;
				font-weight: 500;
				color: $primary;
				display: none;
				font-size: 24px;
			}
		}

		> li[data-index="0"] {
			.post-content {
				min-height: 60px;
			}
			border-left: none;

			.topic-title {
				display: block;
			}
		}
	}

	.dropdown {
		display: inline-block;
	}

	.favourite, .follow {
		cursor: pointer;
	}

	.favourite.btn-warning, .follow.btn-success {
		background: white !important;
		color: #333;
		&:hover {
			background: $primary !important;
		}
	}
	.necro-post {
		margin-bottom: 1rem;
	}

	.pagination-block {
		right: unset;
		left: 0;
	}
}