/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			revereor
	Based on style:	prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		ltGuillaume
    --------------------------------------------------------------
*/

@import url("../../prosilver/theme/stylesheet.css");
@import url("./light.css");
@import url("./dark.css") screen and (prefers-color-scheme: dark);
/* --- custom: two-column index layout --- */
.phpbb-index-columns {
	display: flex;
	gap: 24px;
	align-items: flex-start;
}
.phpbb-index-main {
	flex: 3 1 0;
	min-width: 0;
}
.phpbb-index-sidebar {
	flex: 1 1 0;
	min-width: 240px;
	max-width: 320px;
}
.phpbb-index-sidebar .sidebar-panel {
	margin-bottom: 15px;
}
.online-user-list a {
	margin-right: 4px;
}
.trending-topics {
	list-style: none;
	margin: 0;
	padding: 0;
}
.trending-topics li {
	padding: 6px 0;
	border-bottom: 1px solid rgba(128,128,128,0.2);
}
.trending-topics li:last-child {
	border-bottom: none;
}
.trending-topics a {
	font-weight: 600;
	display: block;
}
.trending-meta {
	font-size: 0.8em;
	opacity: 0.7;
	display: block;
}
.forum-emoji-icon {
	font-size: 1.4em;
	margin-right: 6px;
	vertical-align: middle;
}
@media (max-width: 700px) {
	.phpbb-index-columns {
		flex-direction: column;
	}
	.phpbb-index-sidebar {
		max-width: 100%;
	}
}