/**
 * Forum - Subheaders
 */
 
.subheader_forum > .category {
	width: 100%;
}

.subheader_forum > .topic {
	width: 100%;
}

.subheader_forum > .amount {
	min-width: 70px;
	text-align: center;
	padding-left: 8px;
}

.subheader_forum > .user {
	min-width: 160px; /* small screens - maintain a straight column */
	padding-left: 8px;
	text-align: center;
}

/**
 * Forum - Rows
 */

.row_forum > .category {
	display: flex;
	justify-content: center; /* vertical centering */
	width: 100%;
}

.row_forum > .category > .type {
	min-width: 14px;
	max-width: 14px;
	min-height: 14px;
	max-height: 14px;
	margin: auto;
}

.row_forum > .category > .title {
	display: flex;
	flex-direction: column; /* (sub)Required by justify-content: center */
	justify-content: center; /* vertical centering */
	width: 100%;
	padding-left: 8px;
}

.row_forum > .topic {
	display: flex;
	justify-content: center; /* vertical centering */
	width: 100%;
}

.row_forum > .topic > .type {
	min-width: 14px;
	max-width: 14px;
	min-height: 14px;
	max-height: 14px;
	margin: auto;
}

.row_forum > .topic > .title {
	display: flex;
	align-items: flex-start; /* override the default align-items:stretch */
	flex-direction: column; /* (sub)Required by justify-content: center */
	justify-content: center; /* vertical centering */
	width: 100%;
	padding-left: 8px;
}


.row_forum > .amount {
	display: flex;
	flex-direction: column; /* (sub)Required by justify-content: center */
	justify-content: center; /* vertical centering */
	min-width: 100px;
	text-align: center;
	padding-left: 8px;
}

.row_forum > .user {
	display: flex;
	justify-content: center; /* vertical centering */
	min-width: 160px; /* small screens - maintain a straight column */
}

.row_forum > .user > .nickname {
	width: 100%;
	display: flex;
	flex-direction: column; /* (sub)Required by justify-content: center ; especialy required here for small screen - when row takes multiples lines */
	justify-content: center; /* vertical centering */
}

.post_pinned {
	background-color: #f8f9fa !important; /* Over-write even background */
	margin-bottom: 6px;
}

.post_pinned:hover {
	background-color: #fcdd3b !important; /* Over-write even background */
}

.post_locked {
	background-image: url('../img/img_forum/forum_locked.png');
	background-repeat: no-repeat;
	background-position: left 5px center; 
}

/* Notifications */
#notification_forum {
	padding: 9px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #2671BB;
	color: #FFF;
	text-align: center;
	border-radius: 5px;
}

/* Forum - Post styling */
.user_comment > .content_text {font-size: 100%; color: #064184;}
.user_comment > .content_text p {margin: 0; padding: 0;}
.user_comment > .content_text a {color: #197CC7;}
.user_comment > .content_text a:hover {text-decoration: underline;}
.user_comment > .content_text ul {margin: 0 0 0 0; padding: 0 0 0 30px;}
.user_comment > .content_text ol {margin: 0 0 0 0; padding: 0 0 0 30px;}
.user_comment > .content_text li:first-child {padding-top: 3px;}
.user_comment > .content_text li:last-child {padding-bottom: 3px;}
.user_comment > .content_text blockquote {background-color: #E6EFFA; margin: 0 0 0 30px; padding: 5px;	border-radius: 12px;}

.forum_topic_body {
	display: flex; 
	align-items: flex-start; /* override the default align-items:stretch */
	margin: auto;
	margin-top: 30px;
}

.forum_topic_body > .user_container {
	margin-top: 0;
}

.forum_topic_body > .user_comment {
	background-color: #FFF;
	width: 100%;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);; ;
	border-radius: 12px;
}

.forum_topic_body > .user_comment > .content_text {
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

/* Media queries */
@media all and (min-width: 760px) {
	.forum_topic_body > .user_comment {
		margin-left: 30px;
		border-top-right-radius: 12px;
		border-top-left-radius: 0;
	}

	.forum_topic_body > .user_comment > .content_title {
		border-top-right-radius: 12px;
		border-top-left-radius: 0;
	}
}

@media (max-width: 760px) {
	.subheader_forum > .user {
		min-width: 130px; /* small screens - maintain a straight column */
	}

	.row_forum > .user {
		min-width: 130px; /* small screens - maintain a straight column */
	}

	.forum_topic_body[user=answer] > .user_container {
		order: 2;
	}

	.forum_topic_body[user=answer] > .user_comment {
		order: 1;
		margin-right: 10px;
		border-top-left-radius: 12px;
		border-top-right-radius: 0;
	}

	.forum_topic_body[user=answer] > .user_comment > .content_title {
		border-top-left-radius: 12px;
		border-top-right-radius: 0;
	}

	.forum_topic_body[user=owner] > .user_comment {
		margin-left: 10px;
		border-top-right-radius: 12px;
		border-top-left-radius: 0;
	}
	
	.forum_topic_body[user=owner] > .user_comment > .content_title {
		border-top-right-radius: 12px;
		border-top-left-radius: 0;
	}
	
	.user_comment > .content_text ul {margin: 0 0 0 0; padding: 0 0 0 18px;}
	.user_comment > .content_text ol {margin: 0 0 0 0; padding: 0 0 0 18px;}
	.user_comment > .content_text blockquote {background-color: #E6EFFA; margin: 0 0 0 18px; padding: 5px;}
}

/* Width : 550px max*/
@media all and (max-width: 600px) {
	/* remove : Amount*/
	.subheader_forum > .amount {display: none;}
	.row_forum > .amount {display: none;}
	/* remove : date_post-answer */
	.subheader_forum .rsp-user-answer {display: none;}
	.row_forum .rsp-user-answer {display: none;}
}