/* Layout dos posts do fórum (avatar + corpo + votos + ações).
 * Extraído de forum/topic.php para ser reusado pelos comentários dos trades.
 * Carregado por: e.php (via forum/topic.php) e trades.php. */
.user_div .avatar {
	margin-top: 18px;
	vertical-align: middle;
}
.user_div .avatar .cabin_class {
	margin: 7px;
}
.user_div .avatar .avatar_img {
	max-width: 140px;
}
.container.post .post_content {
	padding: 1rem;
}
.container.post {
	border-top: solid 1px;
}
.athiti_class {
	font-size: 17px;
	font-family: Athiti;
	line-height: 20px;
}
.cabin_class {
	font-family: 'Cabin';
	font-size: 18px;
	font-weight: bold;
	word-break: break-all;
	letter-spacing: .05rem;
}
.post_meta .post_time {
	color: var(--secondary);
	font-size: 14px;
	margin: 0.4rem auto;
}
.post_meta .post_votes {
	border-top: solid thin rgb(242 215 156 / 15%);
	border-bottom: solid thin rgb(242 215 156 / 15%);
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	margin-bottom: 0.6rem;
}
.post_meta .post_votes .vote_number {
	font-size: 80%;
	cursor: default;
	color: var(--secondary);
}
.post_meta .post_votes .mdi, .post_votes_bottom .mdi {
	font-size: 20px;
	cursor: pointer;
}
.down_color {
	color: var(--danger);
	font-size: 24px!important;
}
.up_color {
	color: #316FF6;
	font-size: 24px!important;
}
.up_color_bottom {
	color: #C70000;
	font-size: 22px!important;
}
.post_votes_bottom {
	font-size: 14px!important;
	margin-top: 2rem;
}
.post_meta .post_votes .up:hover {
	color: #316FF6;
}
.post_votes_bottom .up:hover {
	color: #C70000;
}
.post_meta .post_votes .down:hover, .post_votes_bottom .down:hover {
	color: var(--danger);
}
@media screen and (min-width: 992px) {
	.post_meta {
		max-width: 70px;
	}
}
.user_div .user_meta {
	margin-left: 1rem;
	font-size: 14px;
	font-family: Athiti;
	line-height: 18px;
	vertical-align: middle;
}
@media screen and (max-width: 992px) {
	.post_meta {
		font-size: 130%;
		padding-top: 0.25rem;
		padding-bottom: 0.5rem!important;
		margin-bottom: 0.5rem!important;
	}
	.sticky-top {
		position: unset;
	}
	.post_meta .post_time {
		display: inline-block;
		margin: auto 0.5rem;
	}
	.post_meta .post_votes {
		display: inline-block;
		border-top: none;
		border-bottom: none;
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.post_meta .vote_number {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	.post_meta .post_votes .vote_number, .post_meta div {
		display: inline-block;
		margin: auto 0.5rem;
	}
	.post_meta .post_votes .mdi, .user_div .avatar, .user_div .user_meta {
		display: inline-block;
	}
	.user_div .avatar {
		margin-right: 1.5rem;
	}
	.user_div .avatar .avatar_img {
		max-width: 100px;
	}
	.user_div .user_meta {
		margin-left: 1.5rem;
	}
}
.user_div.sticky-top, .post_meta.sticky-top {
	background-color: rgba(21, 21, 22, 0.75);
	top: 60px;
}
.post_content .post_signature {
	position: relative;
	border-top: solid thin rgb(255 255 255 / 30%);
	padding: 0.5rem 0.25rem 0 0.25rem;
	min-height: 1.6rem;
	margin-top: 0.5rem;
}
.post_content .post_actions {
	position: absolute;
	bottom: 0.5rem;
	right: 0.5rem;
}
.post_content .post_actions div {
	display: inline-block;
	margin: auto 0.1rem;
}
.post_content .post_message {
	word-break: break-word;
}
#count_message {
	position: absolute;
	right: .5rem;
	top: 50%;
	transform: translate(0, -50%);
	border-radius: 3px;
	padding: 0 .4rem .1rem .4rem;
}