/* Set the font. */
* {
	font-family: Verdana, Geneva, sans-serif !important;
}

i.fa {
	font-family: FontAwesome !important;
}

/* Set alternating background colours. */
.bg2 {
	background-color: #eaeaeb !important;
}
.bg2.reported {
	background-color: #f5e9e9 !important;
}

/* We want the sticky icon to stand out more. */

i.sticky {
	color: #444 !important;
}

/* We want the topic titles to stand out more. */

a.topictitle {
	color: #505050;
	margin-right: 15px;
	font-size: 110% !important;
}

dt[title="Unread posts"] a.topictitle {
	color: #b02a2a;
}

a.topictitle:hover {
	color: #D03C3C !important;
}

/* Improved spacing. */

.thread-labels, .post-by-author, .topiclist .pagination, .topiclist .replies, .topiclist .responsive-show {
	margin-top: 1px;
}

.labels {
	margin-top: 1px;
}

.filter-list {
	margin: -0.5em 0;
}

.filter-list .inline-list {
	line-height: 2em;
}

.navbar .nav-tabs .nav-link.dropdown-toggle::before {
	right: 1px;
}

.post-subject {
	font-weight: bold;
}

.post-subject span {
	margin-right: 2px !important;
}

.postbody {
	padding-bottom: 8px;
}

/* Add text to some buttons. */

.icon-button.has-always-show::before {
	float: left !important;
	padding-right: 2px !important;
}

.post-buttons > li > a > .always-show {
	display: inline !important;
	font-size: 80% !important;
	height: auto !important;
	width: auto !important;
	overflow: auto !important;
	position: static !important;
	vertical-align: bottom !important;
}

.post-buttons > .post-buttons-seperator {
	color: #ccc;
}

.dropdown .post-buttons-seperator {
	display: none;
}

/* Better back-to-top links. */

.back2top a.top {
	height: 16px;
	width: 16px;
}

.back2top a.top::after {
	font-size: 16px;
	height: 16px;
	width: 16px;
}

/* Footer. */

.footer-social {
	font-size: 133%;
}

/* Borders underneath most panels to aid in visual contrast */

.row, .bg1, .bg2, .navbar, .panel {
	border-bottom-width: 1px !important;
}

.navbar.tabbed {
	border-bottom-width: 0 !important;
}

/* Bold topic titles */

.topictitle {
	font-size: 14px !important;
	font-weight: bold !important;
}

/* Correct spacing on lists of thread tags */

ul.inline-list.labels > li + li {
	margin-left: 2px;
	white-space: nowrap;
}

/* Faint 'no avatar' image */

.no-avatar .avatar-container {
	opacity: 0.1 !important;
	border-radius: 50% !important;
}

/* Thread listing - thread labels list first... */

.thread-labels {
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
}

/* ... then pagination, which is now aligned left and coloured differently ... */

.topics .pagination {
	display: inline-block !important;
	float: none !important;
	text-align: left !important;
	margin-right: 8px;
}

.pagination li a, .pagination li span {
	padding: 2px !important;
}

.pagination li a {
	background-color: #fbfcfd !important;
	border-color: #dbdbdb !important;
}

.pagination li a:hover {
	background-color: #d03c3c !important;
	border-color: #d03c3c !important;
}

/* ... the newest post sub-image is part of pagination now to encourage use from people with old habits ... */

.newest-post-link {
	vertical-align: middle;
}

.newest-post-link.newest-main {
	margin-right: 8px;
}

.newest-post-link.follows-pagination {
	margin-left: -8px;
}

/* ... finally, the original author is listed last. */

.post-by-author {
	display: inline-block;
	vertical-align: middle;
}

/* Bugfix: icon links appearing above menus. */
a.icon-link {
	z-index: 15 !important;
}

/* Bugfix: avatars appearing over notifications panel. */
.notification_list {
	z-index: 50 !important; 
}

/* On the mobile theme, the number of replies is displayed in a span, which should still be visually seperated from surrounding content. */
@media (max-width: 768px) {
	/* Always display thread labels on their own line if present. */

	.thread-labels {
		display: block;
	}

	.posted-in {
		margin-right: 5px;
	}

	/* Float pagination off to the right of the replies statistic. */

	.topics .pagination {
		float: right !important;
		margin-right: 0 !important;
	}

	/* The replies statistic should be left-aligned, and vertically aligned with the pagination. */

	.replies {
		display: inline-block !important;
		padding-top: 2px;
		margin-right: 5px;
		vertical-align: middle;
	}

	.replies strong {
		font-weight: bold !important;
	}

	/* Display the last post statistic and date-time on its own line. */

	.topics .responsive-show {
		clear: both;
	}
}